@react-aria/utils 3.32.0 → 3.33.1

package/dist/runAfterTransition.main.js

@@ -1,3 +1,5 @@
+var $d723bea02f3e2567$exports = require("./DOMFunctions.main.js");
+
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
@@ -20,6 +22,7 @@ $parcel$export(module.exports, "runAfterTransition", () => $e8117ebcab55be6a$exp
 // bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
 // than one or the other. So we need to track what's actually transitioning so that
 // we can ignore these duplicate events.
+
 let $e8117ebcab55be6a$var$transitionsByElement = new Map();
 // A list of callbacks to call once there are no transitioning elements.
 let $e8117ebcab55be6a$var$transitionCallbacks = new Set();
@@ -29,31 +32,33 @@ function $e8117ebcab55be6a$var$setupGlobalEvents() {
         return 'propertyName' in event;
     }
     let onTransitionStart = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = (0, $d723bea02f3e2567$exports.getEventTarget)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Add the transitioning property to the list for this element.
-        let transitions = $e8117ebcab55be6a$var$transitionsByElement.get(e.target);
+        let transitions = $e8117ebcab55be6a$var$transitionsByElement.get(eventTarget);
         if (!transitions) {
             transitions = new Set();
-            $e8117ebcab55be6a$var$transitionsByElement.set(e.target, transitions);
+            $e8117ebcab55be6a$var$transitionsByElement.set(eventTarget, transitions);
             // The transitioncancel event must be registered on the element itself, rather than as a global
             // event. This enables us to handle when the node is deleted from the document while it is transitioning.
             // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
-            e.target.addEventListener('transitioncancel', onTransitionEnd, {
+            eventTarget.addEventListener('transitioncancel', onTransitionEnd, {
                 once: true
             });
         }
         transitions.add(e.propertyName);
     };
     let onTransitionEnd = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = (0, $d723bea02f3e2567$exports.getEventTarget)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Remove property from list of transitioning properties.
-        let properties = $e8117ebcab55be6a$var$transitionsByElement.get(e.target);
+        let properties = $e8117ebcab55be6a$var$transitionsByElement.get(eventTarget);
         if (!properties) return;
         properties.delete(e.propertyName);
         // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
         if (properties.size === 0) {
-            e.target.removeEventListener('transitioncancel', onTransitionEnd);
-            $e8117ebcab55be6a$var$transitionsByElement.delete(e.target);
+            eventTarget.removeEventListener('transitioncancel', onTransitionEnd);
+            $e8117ebcab55be6a$var$transitionsByElement.delete(eventTarget);
         }
         // If no transitioning elements, call all of the queued callbacks.
         if ($e8117ebcab55be6a$var$transitionsByElement.size === 0) {

package/dist/runAfterTransition.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC,GAED,uEAAuE;AACvE,6EAA6E;AAC7E,iFAAiF;AACjF,mFAAmF;AACnF,mFAAmF;AACnF,wCAAwC;AACxC,IAAI,6CAAuB,IAAI;AAE/B,wEAAwE;AACxE,IAAI,4CAAsB,IAAI;AAE9B,SAAS;IACP,IAAI,OAAO,WAAW,aACpB;IAGF,SAAS,kBAAkB,KAAY;QACrC,OAAO,kBAAkB;IAC3B;IAEA,IAAI,oBAAoB,CAAC;QACvB,IAAI,CAAC,kBAAkB,MAAM,CAAC,EAAE,MAAM,EACpC;QAEF,+DAA+D;QAC/D,IAAI,cAAc,2CAAqB,GAAG,CAAC,EAAE,MAAM;QACnD,IAAI,CAAC,aAAa;YAChB,cAAc,IAAI;YAClB,2CAAqB,GAAG,CAAC,EAAE,MAAM,EAAE;YAEnC,+FAA+F;YAC/F,yGAAyG;YACzG,mGAAmG;YACnG,EAAE,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,iBAAiB;gBAC7D,MAAM;YACR;QACF;QAEA,YAAY,GAAG,CAAC,EAAE,YAAY;IAChC;IAEA,IAAI,kBAAkB,CAAC;QACrB,IAAI,CAAC,kBAAkB,MAAM,CAAC,EAAE,MAAM,EACpC;QAEF,yDAAyD;QACzD,IAAI,aAAa,2CAAqB,GAAG,CAAC,EAAE,MAAM;QAClD,IAAI,CAAC,YACH;QAGF,WAAW,MAAM,CAAC,EAAE,YAAY;QAEhC,2GAA2G;QAC3G,IAAI,WAAW,IAAI,KAAK,GAAG;YACzB,EAAE,MAAM,CAAC,mBAAmB,CAAC,oBAAoB;YACjD,2CAAqB,MAAM,CAAC,EAAE,MAAM;QACtC;QAEA,kEAAkE;QAClE,IAAI,2CAAqB,IAAI,KAAK,GAAG;YACnC,KAAK,IAAI,MAAM,0CACb;YAGF,0CAAoB,KAAK;QAC3B;IACF;IAEA,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;IAChD,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;AAClD;AAEA,IAAI,OAAO,aAAa;IACtB,IAAI,SAAS,UAAU,KAAK,WAC1B;SAEA,SAAS,gBAAgB,CAAC,oBAAoB;;AAIlD;;;;CAIC,GACD,SAAS;IACP,KAAK,MAAM,CAAC,YAAY,IAAI,2CAC1B,sFAAsF;IACtF,kFAAkF;IAClF,IAAI,iBAAiB,eAAe,CAAC,YAAY,WAAW,EAC1D,2CAAqB,MAAM,CAAC;AAGlC;AAEO,SAAS,0CAAmB,EAAc;IAC/C,4EAA4E;IAC5E,sBAAsB;QACpB;QACA,gEAAgE;QAChE,+EAA+E;QAC/E,IAAI,2CAAqB,IAAI,KAAK,GAChC;aAEA,0CAAoB,GAAG,CAAC;IAE5B;AACF","sources":["packages/@react-aria/utils/src/runAfterTransition.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\nlet transitionsByElement = new Map<EventTarget, Set<string>>();\n\n// A list of callbacks to call once there are no transitioning elements.\nlet transitionCallbacks = new Set<() => void>();\n\nfunction setupGlobalEvents() {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  function isTransitionEvent(event: Event): event is TransitionEvent {\n    return 'propertyName' in event;\n  }\n\n  let onTransitionStart = (e: Event) => {\n    if (!isTransitionEvent(e) || !e.target) {\n      return;\n    }\n    // Add the transitioning property to the list for this element.\n    let transitions = transitionsByElement.get(e.target);\n    if (!transitions) {\n      transitions = new Set();\n      transitionsByElement.set(e.target, transitions);\n\n      // The transitioncancel event must be registered on the element itself, rather than as a global\n      // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n      // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n      e.target.addEventListener('transitioncancel', onTransitionEnd, {\n        once: true\n      });\n    }\n\n    transitions.add(e.propertyName);\n  };\n\n  let onTransitionEnd = (e: Event) => {\n    if (!isTransitionEvent(e) || !e.target) {\n      return;\n    }\n    // Remove property from list of transitioning properties.\n    let properties = transitionsByElement.get(e.target);\n    if (!properties) {\n      return;\n    }\n\n    properties.delete(e.propertyName);\n\n    // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n    if (properties.size === 0) {\n      e.target.removeEventListener('transitioncancel', onTransitionEnd);\n      transitionsByElement.delete(e.target);\n    }\n\n    // If no transitioning elements, call all of the queued callbacks.\n    if (transitionsByElement.size === 0) {\n      for (let cb of transitionCallbacks) {\n        cb();\n      }\n\n      transitionCallbacks.clear();\n    }\n  };\n\n  document.body.addEventListener('transitionrun', onTransitionStart);\n  document.body.addEventListener('transitionend', onTransitionEnd);\n}\n\nif (typeof document !== 'undefined') {\n  if (document.readyState !== 'loading') {\n    setupGlobalEvents();\n  } else {\n    document.addEventListener('DOMContentLoaded', setupGlobalEvents);\n  }\n}\n\n/**\n * Cleans up any elements that are no longer in the document.\n * This is necessary because we can't rely on transitionend events to fire\n * for elements that are removed from the document while transitioning.\n */\nfunction cleanupDetachedElements() {\n  for (const [eventTarget] of transitionsByElement) {\n    // Similar to `eventTarget instanceof Element && !eventTarget.isConnected`, but avoids\n    // the explicit instanceof check, since it may be different in different contexts.\n    if ('isConnected' in eventTarget && !eventTarget.isConnected) {\n      transitionsByElement.delete(eventTarget);\n    }\n  }\n}\n\nexport function runAfterTransition(fn: () => void): void {\n  // Wait one frame to see if an animation starts, e.g. a transition on mount.\n  requestAnimationFrame(() => {\n    cleanupDetachedElements();\n    // If no transitions are running, call the function immediately.\n    // Otherwise, add it to a list of callbacks to run at the end of the animation.\n    if (transitionsByElement.size === 0) {\n      fn();\n    } else {\n      transitionCallbacks.add(fn);\n    }\n  });\n}\n"],"names":[],"version":3,"file":"runAfterTransition.main.js.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,uEAAuE;AACvE,6EAA6E;AAC7E,iFAAiF;AACjF,mFAAmF;AACnF,mFAAmF;AACnF,wCAAwC;;AAExC,IAAI,6CAAuB,IAAI;AAE/B,wEAAwE;AACxE,IAAI,4CAAsB,IAAI;AAE9B,SAAS;IACP,IAAI,OAAO,WAAW,aACpB;IAGF,SAAS,kBAAkB,KAAY;QACrC,OAAO,kBAAkB;IAC3B;IAEA,IAAI,oBAAoB,CAAC;QACvB,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QACjC,IAAI,CAAC,kBAAkB,MAAM,CAAC,aAC5B;QAEF,+DAA+D;QAC/D,IAAI,cAAc,2CAAqB,GAAG,CAAC;QAC3C,IAAI,CAAC,aAAa;YAChB,cAAc,IAAI;YAClB,2CAAqB,GAAG,CAAC,aAAa;YAEtC,+FAA+F;YAC/F,yGAAyG;YACzG,mGAAmG;YACnG,YAAY,gBAAgB,CAAC,oBAAoB,iBAAiB;gBAChE,MAAM;YACR;QACF;QAEA,YAAY,GAAG,CAAC,EAAE,YAAY;IAChC;IAEA,IAAI,kBAAkB,CAAC;QACrB,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QACjC,IAAI,CAAC,kBAAkB,MAAM,CAAC,aAC5B;QAEF,yDAAyD;QACzD,IAAI,aAAa,2CAAqB,GAAG,CAAC;QAC1C,IAAI,CAAC,YACH;QAGF,WAAW,MAAM,CAAC,EAAE,YAAY;QAEhC,2GAA2G;QAC3G,IAAI,WAAW,IAAI,KAAK,GAAG;YACzB,YAAY,mBAAmB,CAAC,oBAAoB;YACpD,2CAAqB,MAAM,CAAC;QAC9B;QAEA,kEAAkE;QAClE,IAAI,2CAAqB,IAAI,KAAK,GAAG;YACnC,KAAK,IAAI,MAAM,0CACb;YAGF,0CAAoB,KAAK;QAC3B;IACF;IAEA,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;IAChD,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;AAClD;AAEA,IAAI,OAAO,aAAa;IACtB,IAAI,SAAS,UAAU,KAAK,WAC1B;SAEA,SAAS,gBAAgB,CAAC,oBAAoB;;AAIlD;;;;CAIC,GACD,SAAS;IACP,KAAK,MAAM,CAAC,YAAY,IAAI,2CAC1B,sFAAsF;IACtF,kFAAkF;IAClF,IAAI,iBAAiB,eAAe,CAAC,YAAY,WAAW,EAC1D,2CAAqB,MAAM,CAAC;AAGlC;AAEO,SAAS,0CAAmB,EAAc;IAC/C,4EAA4E;IAC5E,sBAAsB;QACpB;QACA,gEAAgE;QAChE,+EAA+E;QAC/E,IAAI,2CAAqB,IAAI,KAAK,GAChC;aAEA,0CAAoB,GAAG,CAAC;IAE5B;AACF","sources":["packages/@react-aria/utils/src/runAfterTransition.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\nimport {getEventTarget} from './shadowdom/DOMFunctions';\nlet transitionsByElement = new Map<EventTarget, Set<string>>();\n\n// A list of callbacks to call once there are no transitioning elements.\nlet transitionCallbacks = new Set<() => void>();\n\nfunction setupGlobalEvents() {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  function isTransitionEvent(event: Event): event is TransitionEvent {\n    return 'propertyName' in event;\n  }\n\n  let onTransitionStart = (e: Event) => {\n    let eventTarget = getEventTarget(e);\n    if (!isTransitionEvent(e) || !eventTarget) {\n      return;\n    }\n    // Add the transitioning property to the list for this element.\n    let transitions = transitionsByElement.get(eventTarget);\n    if (!transitions) {\n      transitions = new Set();\n      transitionsByElement.set(eventTarget, transitions);\n\n      // The transitioncancel event must be registered on the element itself, rather than as a global\n      // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n      // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n      eventTarget.addEventListener('transitioncancel', onTransitionEnd, {\n        once: true\n      });\n    }\n\n    transitions.add(e.propertyName);\n  };\n\n  let onTransitionEnd = (e: Event) => {\n    let eventTarget = getEventTarget(e);\n    if (!isTransitionEvent(e) || !eventTarget) {\n      return;\n    }\n    // Remove property from list of transitioning properties.\n    let properties = transitionsByElement.get(eventTarget);\n    if (!properties) {\n      return;\n    }\n\n    properties.delete(e.propertyName);\n\n    // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n    if (properties.size === 0) {\n      eventTarget.removeEventListener('transitioncancel', onTransitionEnd);\n      transitionsByElement.delete(eventTarget);\n    }\n\n    // If no transitioning elements, call all of the queued callbacks.\n    if (transitionsByElement.size === 0) {\n      for (let cb of transitionCallbacks) {\n        cb();\n      }\n\n      transitionCallbacks.clear();\n    }\n  };\n\n  document.body.addEventListener('transitionrun', onTransitionStart);\n  document.body.addEventListener('transitionend', onTransitionEnd);\n}\n\nif (typeof document !== 'undefined') {\n  if (document.readyState !== 'loading') {\n    setupGlobalEvents();\n  } else {\n    document.addEventListener('DOMContentLoaded', setupGlobalEvents);\n  }\n}\n\n/**\n * Cleans up any elements that are no longer in the document.\n * This is necessary because we can't rely on transitionend events to fire\n * for elements that are removed from the document while transitioning.\n */\nfunction cleanupDetachedElements() {\n  for (const [eventTarget] of transitionsByElement) {\n    // Similar to `eventTarget instanceof Element && !eventTarget.isConnected`, but avoids\n    // the explicit instanceof check, since it may be different in different contexts.\n    if ('isConnected' in eventTarget && !eventTarget.isConnected) {\n      transitionsByElement.delete(eventTarget);\n    }\n  }\n}\n\nexport function runAfterTransition(fn: () => void): void {\n  // Wait one frame to see if an animation starts, e.g. a transition on mount.\n  requestAnimationFrame(() => {\n    cleanupDetachedElements();\n    // If no transitions are running, call the function immediately.\n    // Otherwise, add it to a list of callbacks to run at the end of the animation.\n    if (transitionsByElement.size === 0) {\n      fn();\n    } else {\n      transitionCallbacks.add(fn);\n    }\n  });\n}\n"],"names":[],"version":3,"file":"runAfterTransition.main.js.map"}

package/dist/runAfterTransition.mjs

@@ -1,3 +1,5 @@
+import {getEventTarget as $d4ee10de306f2510$export$e58f029f0fbfdb29} from "./DOMFunctions.mjs";
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14,6 +16,7 @@
 // bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
 // than one or the other. So we need to track what's actually transitioning so that
 // we can ignore these duplicate events.
+
 let $bbed8b41f857bcc0$var$transitionsByElement = new Map();
 // A list of callbacks to call once there are no transitioning elements.
 let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
@@ -23,31 +26,33 @@ function $bbed8b41f857bcc0$var$setupGlobalEvents() {
         return 'propertyName' in event;
     }
     let onTransitionStart = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = (0, $d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Add the transitioning property to the list for this element.
-        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(eventTarget);
         if (!transitions) {
             transitions = new Set();
-            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
+            $bbed8b41f857bcc0$var$transitionsByElement.set(eventTarget, transitions);
             // The transitioncancel event must be registered on the element itself, rather than as a global
             // event. This enables us to handle when the node is deleted from the document while it is transitioning.
             // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
-            e.target.addEventListener('transitioncancel', onTransitionEnd, {
+            eventTarget.addEventListener('transitioncancel', onTransitionEnd, {
                 once: true
             });
         }
         transitions.add(e.propertyName);
     };
     let onTransitionEnd = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = (0, $d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Remove property from list of transitioning properties.
-        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(eventTarget);
         if (!properties) return;
         properties.delete(e.propertyName);
         // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
         if (properties.size === 0) {
-            e.target.removeEventListener('transitioncancel', onTransitionEnd);
-            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
+            eventTarget.removeEventListener('transitioncancel', onTransitionEnd);
+            $bbed8b41f857bcc0$var$transitionsByElement.delete(eventTarget);
         }
         // If no transitioning elements, call all of the queued callbacks.
         if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {

package/dist/runAfterTransition.module.js

@@ -1,3 +1,5 @@
+import {getEventTarget as $d4ee10de306f2510$export$e58f029f0fbfdb29} from "./DOMFunctions.module.js";
+
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14,6 +16,7 @@
 // bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather
 // than one or the other. So we need to track what's actually transitioning so that
 // we can ignore these duplicate events.
+
 let $bbed8b41f857bcc0$var$transitionsByElement = new Map();
 // A list of callbacks to call once there are no transitioning elements.
 let $bbed8b41f857bcc0$var$transitionCallbacks = new Set();
@@ -23,31 +26,33 @@ function $bbed8b41f857bcc0$var$setupGlobalEvents() {
         return 'propertyName' in event;
     }
     let onTransitionStart = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = (0, $d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Add the transitioning property to the list for this element.
-        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(eventTarget);
         if (!transitions) {
             transitions = new Set();
-            $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
+            $bbed8b41f857bcc0$var$transitionsByElement.set(eventTarget, transitions);
             // The transitioncancel event must be registered on the element itself, rather than as a global
             // event. This enables us to handle when the node is deleted from the document while it is transitioning.
             // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.
-            e.target.addEventListener('transitioncancel', onTransitionEnd, {
+            eventTarget.addEventListener('transitioncancel', onTransitionEnd, {
                 once: true
             });
         }
         transitions.add(e.propertyName);
     };
     let onTransitionEnd = (e)=>{
-        if (!isTransitionEvent(e) || !e.target) return;
+        let eventTarget = (0, $d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
+        if (!isTransitionEvent(e) || !eventTarget) return;
         // Remove property from list of transitioning properties.
-        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+        let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(eventTarget);
         if (!properties) return;
         properties.delete(e.propertyName);
         // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.
         if (properties.size === 0) {
-            e.target.removeEventListener('transitioncancel', onTransitionEnd);
-            $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
+            eventTarget.removeEventListener('transitioncancel', onTransitionEnd);
+            $bbed8b41f857bcc0$var$transitionsByElement.delete(eventTarget);
         }
         // If no transitioning elements, call all of the queued callbacks.
         if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {

package/dist/runAfterTransition.module.js.map

@@ -1 +1 @@
-{"mappings":"AAAA;;;;;;;;;;CAUC,GAED,uEAAuE;AACvE,6EAA6E;AAC7E,iFAAiF;AACjF,mFAAmF;AACnF,mFAAmF;AACnF,wCAAwC;AACxC,IAAI,6CAAuB,IAAI;AAE/B,wEAAwE;AACxE,IAAI,4CAAsB,IAAI;AAE9B,SAAS;IACP,IAAI,OAAO,WAAW,aACpB;IAGF,SAAS,kBAAkB,KAAY;QACrC,OAAO,kBAAkB;IAC3B;IAEA,IAAI,oBAAoB,CAAC;QACvB,IAAI,CAAC,kBAAkB,MAAM,CAAC,EAAE,MAAM,EACpC;QAEF,+DAA+D;QAC/D,IAAI,cAAc,2CAAqB,GAAG,CAAC,EAAE,MAAM;QACnD,IAAI,CAAC,aAAa;YAChB,cAAc,IAAI;YAClB,2CAAqB,GAAG,CAAC,EAAE,MAAM,EAAE;YAEnC,+FAA+F;YAC/F,yGAAyG;YACzG,mGAAmG;YACnG,EAAE,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,iBAAiB;gBAC7D,MAAM;YACR;QACF;QAEA,YAAY,GAAG,CAAC,EAAE,YAAY;IAChC;IAEA,IAAI,kBAAkB,CAAC;QACrB,IAAI,CAAC,kBAAkB,MAAM,CAAC,EAAE,MAAM,EACpC;QAEF,yDAAyD;QACzD,IAAI,aAAa,2CAAqB,GAAG,CAAC,EAAE,MAAM;QAClD,IAAI,CAAC,YACH;QAGF,WAAW,MAAM,CAAC,EAAE,YAAY;QAEhC,2GAA2G;QAC3G,IAAI,WAAW,IAAI,KAAK,GAAG;YACzB,EAAE,MAAM,CAAC,mBAAmB,CAAC,oBAAoB;YACjD,2CAAqB,MAAM,CAAC,EAAE,MAAM;QACtC;QAEA,kEAAkE;QAClE,IAAI,2CAAqB,IAAI,KAAK,GAAG;YACnC,KAAK,IAAI,MAAM,0CACb;YAGF,0CAAoB,KAAK;QAC3B;IACF;IAEA,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;IAChD,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;AAClD;AAEA,IAAI,OAAO,aAAa;IACtB,IAAI,SAAS,UAAU,KAAK,WAC1B;SAEA,SAAS,gBAAgB,CAAC,oBAAoB;;AAIlD;;;;CAIC,GACD,SAAS;IACP,KAAK,MAAM,CAAC,YAAY,IAAI,2CAC1B,sFAAsF;IACtF,kFAAkF;IAClF,IAAI,iBAAiB,eAAe,CAAC,YAAY,WAAW,EAC1D,2CAAqB,MAAM,CAAC;AAGlC;AAEO,SAAS,0CAAmB,EAAc;IAC/C,4EAA4E;IAC5E,sBAAsB;QACpB;QACA,gEAAgE;QAChE,+EAA+E;QAC/E,IAAI,2CAAqB,IAAI,KAAK,GAChC;aAEA,0CAAoB,GAAG,CAAC;IAE5B;AACF","sources":["packages/@react-aria/utils/src/runAfterTransition.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\nlet transitionsByElement = new Map<EventTarget, Set<string>>();\n\n// A list of callbacks to call once there are no transitioning elements.\nlet transitionCallbacks = new Set<() => void>();\n\nfunction setupGlobalEvents() {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  function isTransitionEvent(event: Event): event is TransitionEvent {\n    return 'propertyName' in event;\n  }\n\n  let onTransitionStart = (e: Event) => {\n    if (!isTransitionEvent(e) || !e.target) {\n      return;\n    }\n    // Add the transitioning property to the list for this element.\n    let transitions = transitionsByElement.get(e.target);\n    if (!transitions) {\n      transitions = new Set();\n      transitionsByElement.set(e.target, transitions);\n\n      // The transitioncancel event must be registered on the element itself, rather than as a global\n      // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n      // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n      e.target.addEventListener('transitioncancel', onTransitionEnd, {\n        once: true\n      });\n    }\n\n    transitions.add(e.propertyName);\n  };\n\n  let onTransitionEnd = (e: Event) => {\n    if (!isTransitionEvent(e) || !e.target) {\n      return;\n    }\n    // Remove property from list of transitioning properties.\n    let properties = transitionsByElement.get(e.target);\n    if (!properties) {\n      return;\n    }\n\n    properties.delete(e.propertyName);\n\n    // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n    if (properties.size === 0) {\n      e.target.removeEventListener('transitioncancel', onTransitionEnd);\n      transitionsByElement.delete(e.target);\n    }\n\n    // If no transitioning elements, call all of the queued callbacks.\n    if (transitionsByElement.size === 0) {\n      for (let cb of transitionCallbacks) {\n        cb();\n      }\n\n      transitionCallbacks.clear();\n    }\n  };\n\n  document.body.addEventListener('transitionrun', onTransitionStart);\n  document.body.addEventListener('transitionend', onTransitionEnd);\n}\n\nif (typeof document !== 'undefined') {\n  if (document.readyState !== 'loading') {\n    setupGlobalEvents();\n  } else {\n    document.addEventListener('DOMContentLoaded', setupGlobalEvents);\n  }\n}\n\n/**\n * Cleans up any elements that are no longer in the document.\n * This is necessary because we can't rely on transitionend events to fire\n * for elements that are removed from the document while transitioning.\n */\nfunction cleanupDetachedElements() {\n  for (const [eventTarget] of transitionsByElement) {\n    // Similar to `eventTarget instanceof Element && !eventTarget.isConnected`, but avoids\n    // the explicit instanceof check, since it may be different in different contexts.\n    if ('isConnected' in eventTarget && !eventTarget.isConnected) {\n      transitionsByElement.delete(eventTarget);\n    }\n  }\n}\n\nexport function runAfterTransition(fn: () => void): void {\n  // Wait one frame to see if an animation starts, e.g. a transition on mount.\n  requestAnimationFrame(() => {\n    cleanupDetachedElements();\n    // If no transitions are running, call the function immediately.\n    // Otherwise, add it to a list of callbacks to run at the end of the animation.\n    if (transitionsByElement.size === 0) {\n      fn();\n    } else {\n      transitionCallbacks.add(fn);\n    }\n  });\n}\n"],"names":[],"version":3,"file":"runAfterTransition.module.js.map"}
+{"mappings":";;AAAA;;;;;;;;;;CAUC,GAED,uEAAuE;AACvE,6EAA6E;AAC7E,iFAAiF;AACjF,mFAAmF;AACnF,mFAAmF;AACnF,wCAAwC;;AAExC,IAAI,6CAAuB,IAAI;AAE/B,wEAAwE;AACxE,IAAI,4CAAsB,IAAI;AAE9B,SAAS;IACP,IAAI,OAAO,WAAW,aACpB;IAGF,SAAS,kBAAkB,KAAY;QACrC,OAAO,kBAAkB;IAC3B;IAEA,IAAI,oBAAoB,CAAC;QACvB,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE;QACjC,IAAI,CAAC,kBAAkB,MAAM,CAAC,aAC5B;QAEF,+DAA+D;QAC/D,IAAI,cAAc,2CAAqB,GAAG,CAAC;QAC3C,IAAI,CAAC,aAAa;YAChB,cAAc,IAAI;YAClB,2CAAqB,GAAG,CAAC,aAAa;YAEtC,+FAA+F;YAC/F,yGAAyG;YACzG,mGAAmG;YACnG,YAAY,gBAAgB,CAAC,oBAAoB,iBAAiB;gBAChE,MAAM;YACR;QACF;QAEA,YAAY,GAAG,CAAC,EAAE,YAAY;IAChC;IAEA,IAAI,kBAAkB,CAAC;QACrB,IAAI,cAAc,CAAA,GAAA,yCAAa,EAAE;QACjC,IAAI,CAAC,kBAAkB,MAAM,CAAC,aAC5B;QAEF,yDAAyD;QACzD,IAAI,aAAa,2CAAqB,GAAG,CAAC;QAC1C,IAAI,CAAC,YACH;QAGF,WAAW,MAAM,CAAC,EAAE,YAAY;QAEhC,2GAA2G;QAC3G,IAAI,WAAW,IAAI,KAAK,GAAG;YACzB,YAAY,mBAAmB,CAAC,oBAAoB;YACpD,2CAAqB,MAAM,CAAC;QAC9B;QAEA,kEAAkE;QAClE,IAAI,2CAAqB,IAAI,KAAK,GAAG;YACnC,KAAK,IAAI,MAAM,0CACb;YAGF,0CAAoB,KAAK;QAC3B;IACF;IAEA,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;IAChD,SAAS,IAAI,CAAC,gBAAgB,CAAC,iBAAiB;AAClD;AAEA,IAAI,OAAO,aAAa;IACtB,IAAI,SAAS,UAAU,KAAK,WAC1B;SAEA,SAAS,gBAAgB,CAAC,oBAAoB;;AAIlD;;;;CAIC,GACD,SAAS;IACP,KAAK,MAAM,CAAC,YAAY,IAAI,2CAC1B,sFAAsF;IACtF,kFAAkF;IAClF,IAAI,iBAAiB,eAAe,CAAC,YAAY,WAAW,EAC1D,2CAAqB,MAAM,CAAC;AAGlC;AAEO,SAAS,0CAAmB,EAAc;IAC/C,4EAA4E;IAC5E,sBAAsB;QACpB;QACA,gEAAgE;QAChE,+EAA+E;QAC/E,IAAI,2CAAqB,IAAI,KAAK,GAChC;aAEA,0CAAoB,GAAG,CAAC;IAE5B;AACF","sources":["packages/@react-aria/utils/src/runAfterTransition.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// We store a global list of elements that are currently transitioning,\n// mapped to a set of CSS properties that are transitioning for that element.\n// This is necessary rather than a simple count of transitions because of browser\n// bugs, e.g. Chrome sometimes fires both transitionend and transitioncancel rather\n// than one or the other. So we need to track what's actually transitioning so that\n// we can ignore these duplicate events.\nimport {getEventTarget} from './shadowdom/DOMFunctions';\nlet transitionsByElement = new Map<EventTarget, Set<string>>();\n\n// A list of callbacks to call once there are no transitioning elements.\nlet transitionCallbacks = new Set<() => void>();\n\nfunction setupGlobalEvents() {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  function isTransitionEvent(event: Event): event is TransitionEvent {\n    return 'propertyName' in event;\n  }\n\n  let onTransitionStart = (e: Event) => {\n    let eventTarget = getEventTarget(e);\n    if (!isTransitionEvent(e) || !eventTarget) {\n      return;\n    }\n    // Add the transitioning property to the list for this element.\n    let transitions = transitionsByElement.get(eventTarget);\n    if (!transitions) {\n      transitions = new Set();\n      transitionsByElement.set(eventTarget, transitions);\n\n      // The transitioncancel event must be registered on the element itself, rather than as a global\n      // event. This enables us to handle when the node is deleted from the document while it is transitioning.\n      // In that case, the cancel event would have nowhere to bubble to so we need to handle it directly.\n      eventTarget.addEventListener('transitioncancel', onTransitionEnd, {\n        once: true\n      });\n    }\n\n    transitions.add(e.propertyName);\n  };\n\n  let onTransitionEnd = (e: Event) => {\n    let eventTarget = getEventTarget(e);\n    if (!isTransitionEvent(e) || !eventTarget) {\n      return;\n    }\n    // Remove property from list of transitioning properties.\n    let properties = transitionsByElement.get(eventTarget);\n    if (!properties) {\n      return;\n    }\n\n    properties.delete(e.propertyName);\n\n    // If empty, remove transitioncancel event, and remove the element from the list of transitioning elements.\n    if (properties.size === 0) {\n      eventTarget.removeEventListener('transitioncancel', onTransitionEnd);\n      transitionsByElement.delete(eventTarget);\n    }\n\n    // If no transitioning elements, call all of the queued callbacks.\n    if (transitionsByElement.size === 0) {\n      for (let cb of transitionCallbacks) {\n        cb();\n      }\n\n      transitionCallbacks.clear();\n    }\n  };\n\n  document.body.addEventListener('transitionrun', onTransitionStart);\n  document.body.addEventListener('transitionend', onTransitionEnd);\n}\n\nif (typeof document !== 'undefined') {\n  if (document.readyState !== 'loading') {\n    setupGlobalEvents();\n  } else {\n    document.addEventListener('DOMContentLoaded', setupGlobalEvents);\n  }\n}\n\n/**\n * Cleans up any elements that are no longer in the document.\n * This is necessary because we can't rely on transitionend events to fire\n * for elements that are removed from the document while transitioning.\n */\nfunction cleanupDetachedElements() {\n  for (const [eventTarget] of transitionsByElement) {\n    // Similar to `eventTarget instanceof Element && !eventTarget.isConnected`, but avoids\n    // the explicit instanceof check, since it may be different in different contexts.\n    if ('isConnected' in eventTarget && !eventTarget.isConnected) {\n      transitionsByElement.delete(eventTarget);\n    }\n  }\n}\n\nexport function runAfterTransition(fn: () => void): void {\n  // Wait one frame to see if an animation starts, e.g. a transition on mount.\n  requestAnimationFrame(() => {\n    cleanupDetachedElements();\n    // If no transitions are running, call the function immediately.\n    // Otherwise, add it to a list of callbacks to run at the end of the animation.\n    if (transitionsByElement.size === 0) {\n      fn();\n    } else {\n      transitionCallbacks.add(fn);\n    }\n  });\n}\n"],"names":[],"version":3,"file":"runAfterTransition.module.js.map"}

package/dist/scrollIntoView.main.js

@@ -1,4 +1,5 @@
 var $49f0d9486c2408aa$exports = require("./getScrollParents.main.js");
+var $9e20cff0af27e8cc$exports = require("./platform.main.js");
 
 
 function $parcel$export(e, n, v, s) {
@@ -18,59 +19,84 @@ $parcel$export(module.exports, "scrollIntoViewport", () => $449412113267a1fe$exp
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $449412113267a1fe$export$53a0910f038337bd(scrollView, element) {
-    let offsetX = $449412113267a1fe$var$relativeOffset(scrollView, element, 'left');
-    let offsetY = $449412113267a1fe$var$relativeOffset(scrollView, element, 'top');
-    let width = element.offsetWidth;
-    let height = element.offsetHeight;
-    let x = scrollView.scrollLeft;
+
+function $449412113267a1fe$export$53a0910f038337bd(scrollView, element, opts = {}) {
+    let { block: block = 'nearest', inline: inline = 'nearest' } = opts;
+    if (scrollView === element) return;
     let y = scrollView.scrollTop;
-    // Account for top/left border offsetting the scroll top/Left + scroll padding
-    let { borderTopWidth: borderTopWidth, borderLeftWidth: borderLeftWidth, scrollPaddingTop: scrollPaddingTop, scrollPaddingRight: scrollPaddingRight, scrollPaddingBottom: scrollPaddingBottom, scrollPaddingLeft: scrollPaddingLeft } = getComputedStyle(scrollView);
-    let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
-    let borderAdjustedY = y + parseInt(borderTopWidth, 10);
-    // Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width
-    let maxX = borderAdjustedX + scrollView.clientWidth;
-    let maxY = borderAdjustedY + scrollView.clientHeight;
-    // Get scroll padding values as pixels - defaults to 0 if no scroll padding
-    // is used.
-    let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;
-    let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
-    let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
-    let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
-    if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
-    else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
-    if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
-    else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
-    scrollView.scrollLeft = x;
-    scrollView.scrollTop = y;
-}
-/**
- * Computes the offset left or top from child to ancestor by accumulating
- * offsetLeft or offsetTop through intervening offsetParents.
- */ function $449412113267a1fe$var$relativeOffset(ancestor, child, axis) {
-    const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';
-    let sum = 0;
-    while(child.offsetParent){
-        sum += child[prop];
-        if (child.offsetParent === ancestor) break;
-        else if (child.offsetParent.contains(ancestor)) {
-            // If the ancestor is not `position:relative`, then we stop at
-            // _its_ offset parent, and we subtract off _its_ offset, so that
-            // we end up with the proper offset from child to ancestor.
-            sum -= ancestor[prop];
-            break;
-        }
-        child = child.offsetParent;
+    let x = scrollView.scrollLeft;
+    let target = element.getBoundingClientRect();
+    let view = scrollView.getBoundingClientRect();
+    let itemStyle = window.getComputedStyle(element);
+    let viewStyle = window.getComputedStyle(scrollView);
+    let root = document.scrollingElement || document.documentElement;
+    let viewTop = scrollView === root ? 0 : view.top;
+    let viewBottom = scrollView === root ? scrollView.clientHeight : view.bottom;
+    let viewLeft = scrollView === root ? 0 : view.left;
+    let viewRight = scrollView === root ? scrollView.clientWidth : view.right;
+    let scrollMarginTop = parseInt(itemStyle.scrollMarginTop, 10) || 0;
+    let scrollMarginBottom = parseInt(itemStyle.scrollMarginBottom, 10) || 0;
+    let scrollMarginLeft = parseInt(itemStyle.scrollMarginLeft, 10) || 0;
+    let scrollMarginRight = parseInt(itemStyle.scrollMarginRight, 10) || 0;
+    let scrollPaddingTop = parseInt(viewStyle.scrollPaddingTop, 10) || 0;
+    let scrollPaddingBottom = parseInt(viewStyle.scrollPaddingBottom, 10) || 0;
+    let scrollPaddingLeft = parseInt(viewStyle.scrollPaddingLeft, 10) || 0;
+    let scrollPaddingRight = parseInt(viewStyle.scrollPaddingRight, 10) || 0;
+    let borderTopWidth = parseInt(viewStyle.borderTopWidth, 10) || 0;
+    let borderBottomWidth = parseInt(viewStyle.borderBottomWidth, 10) || 0;
+    let borderLeftWidth = parseInt(viewStyle.borderLeftWidth, 10) || 0;
+    let borderRightWidth = parseInt(viewStyle.borderRightWidth, 10) || 0;
+    let scrollAreaTop = target.top - scrollMarginTop;
+    let scrollAreaBottom = target.bottom + scrollMarginBottom;
+    let scrollAreaLeft = target.left - scrollMarginLeft;
+    let scrollAreaRight = target.right + scrollMarginRight;
+    let scrollBarOffsetX = scrollView === root ? 0 : borderLeftWidth + borderRightWidth;
+    let scrollBarOffsetY = scrollView === root ? 0 : borderTopWidth + borderBottomWidth;
+    let scrollBarWidth = scrollView.offsetWidth - scrollView.clientWidth - scrollBarOffsetX;
+    let scrollBarHeight = scrollView.offsetHeight - scrollView.clientHeight - scrollBarOffsetY;
+    let scrollPortTop = viewTop + borderTopWidth + scrollPaddingTop;
+    let scrollPortBottom = viewBottom - borderBottomWidth - scrollPaddingBottom - scrollBarHeight;
+    let scrollPortLeft = viewLeft + borderLeftWidth + scrollPaddingLeft;
+    let scrollPortRight = viewRight - borderRightWidth - scrollPaddingRight;
+    // IOS always positions the scrollbar on the right ¯\_(ツ)_/¯
+    if (viewStyle.direction === 'rtl' && !(0, $9e20cff0af27e8cc$exports.isIOS)()) scrollPortLeft += scrollBarWidth;
+    else scrollPortRight -= scrollBarWidth;
+    let shouldScrollBlock = scrollAreaTop < scrollPortTop || scrollAreaBottom > scrollPortBottom;
+    let shouldScrollInline = scrollAreaLeft < scrollPortLeft || scrollAreaRight > scrollPortRight;
+    if (shouldScrollBlock && block === 'start') y += scrollAreaTop - scrollPortTop;
+    else if (shouldScrollBlock && block === 'center') y += (scrollAreaTop + scrollAreaBottom) / 2 - (scrollPortTop + scrollPortBottom) / 2;
+    else if (shouldScrollBlock && block === 'end') y += scrollAreaBottom - scrollPortBottom;
+    else if (shouldScrollBlock && block === 'nearest') {
+        let start = scrollAreaTop - scrollPortTop;
+        let end = scrollAreaBottom - scrollPortBottom;
+        y += Math.abs(start) <= Math.abs(end) ? start : end;
+    }
+    if (shouldScrollInline && inline === 'start') x += scrollAreaLeft - scrollPortLeft;
+    else if (shouldScrollInline && inline === 'center') x += (scrollAreaLeft + scrollAreaRight) / 2 - (scrollPortLeft + scrollPortRight) / 2;
+    else if (shouldScrollInline && inline === 'end') x += scrollAreaRight - scrollPortRight;
+    else if (shouldScrollInline && inline === 'nearest') {
+        let start = scrollAreaLeft - scrollPortLeft;
+        let end = scrollAreaRight - scrollPortRight;
+        x += Math.abs(start) <= Math.abs(end) ? start : end;
     }
-    return sum;
+    if (process.env.NODE_ENV === 'test') {
+        scrollView.scrollLeft = x;
+        scrollView.scrollTop = y;
+        return;
+    }
+    scrollView.scrollTo({
+        left: x,
+        top: y
+    });
 }
-function $449412113267a1fe$export$c826860796309d1b(targetElement, opts) {
-    if (targetElement && document.contains(targetElement)) {
+function $449412113267a1fe$export$c826860796309d1b(targetElement, opts = {}) {
+    let { containingElement: containingElement } = opts;
+    if (targetElement && targetElement.isConnected) {
         let root = document.scrollingElement || document.documentElement;
         let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';
-        // If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
-        if (!isScrollPrevented) {
+        // If scrolling is not currently prevented then we aren't in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
+        // Also ignore in chrome because of this bug: https://issues.chromium.org/issues/40074749
+        if (!isScrollPrevented && !(0, $9e20cff0af27e8cc$exports.isChrome)()) {
             var // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()
             // won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically
             _targetElement_scrollIntoView;
@@ -81,8 +107,8 @@ function $449412113267a1fe$export$c826860796309d1b(targetElement, opts) {
             let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
             // Account for sub pixel differences from rounding
             if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
-                var _opts_containingElement_scrollIntoView, _opts_containingElement, _targetElement_scrollIntoView1;
-                opts === null || opts === void 0 ? void 0 : (_opts_containingElement = opts.containingElement) === null || _opts_containingElement === void 0 ? void 0 : (_opts_containingElement_scrollIntoView = _opts_containingElement.scrollIntoView) === null || _opts_containingElement_scrollIntoView === void 0 ? void 0 : _opts_containingElement_scrollIntoView.call(_opts_containingElement, {
+                var _containingElement_scrollIntoView, _targetElement_scrollIntoView1;
+                containingElement === null || containingElement === void 0 ? void 0 : (_containingElement_scrollIntoView = containingElement.scrollIntoView) === null || _containingElement_scrollIntoView === void 0 ? void 0 : _containingElement_scrollIntoView.call(containingElement, {
                     block: 'center',
                     inline: 'center'
                 });
@@ -91,10 +117,19 @@ function $449412113267a1fe$export$c826860796309d1b(targetElement, opts) {
                 });
             }
         } else {
-            let scrollParents = (0, $49f0d9486c2408aa$exports.getScrollParents)(targetElement);
+            let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
             // If scrolling is prevented, we don't want to scroll the body since it might move the overlay partially offscreen and the user can't scroll it back into view.
-            if (!isScrollPrevented) scrollParents.push(root);
+            let scrollParents = (0, $49f0d9486c2408aa$exports.getScrollParents)(targetElement, true);
             for (let scrollParent of scrollParents)$449412113267a1fe$export$53a0910f038337bd(scrollParent, targetElement);
+            let { left: newLeft, top: newTop } = targetElement.getBoundingClientRect();
+            // Account for sub pixel differences from rounding
+            if (Math.abs(originalLeft - newLeft) > 1 || Math.abs(originalTop - newTop) > 1) {
+                scrollParents = containingElement ? (0, $49f0d9486c2408aa$exports.getScrollParents)(containingElement, true) : [];
+                for (let scrollParent of scrollParents)$449412113267a1fe$export$53a0910f038337bd(scrollParent, containingElement, {
+                    block: 'center',
+                    inline: 'center'
+                });
+            }
         }
     }
 }

package/dist/scrollIntoView.main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-aria/utils/src/scrollIntoView.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {getScrollParents} from './getScrollParents';\n\ninterface ScrollIntoViewportOpts {\n  /** The optional containing element of the target to be centered in the viewport. */\n  containingElement?: Element | null\n}\n\n/**\n * Scrolls `scrollView` so that `element` is visible.\n * Similar to `element.scrollIntoView({block: 'nearest'})` (not supported in Edge),\n * but doesn't affect parents above `scrollView`.\n */\nexport function scrollIntoView(scrollView: HTMLElement, element: HTMLElement): void {\n  let offsetX = relativeOffset(scrollView, element, 'left');\n  let offsetY = relativeOffset(scrollView, element, 'top');\n  let width = element.offsetWidth;\n  let height = element.offsetHeight;\n  let x = scrollView.scrollLeft;\n  let y = scrollView.scrollTop;\n\n  // Account for top/left border offsetting the scroll top/Left + scroll padding\n  let {\n    borderTopWidth,\n    borderLeftWidth,\n    scrollPaddingTop,\n    scrollPaddingRight,\n    scrollPaddingBottom,\n    scrollPaddingLeft\n  } = getComputedStyle(scrollView);\n\n  let borderAdjustedX = x + parseInt(borderLeftWidth, 10);\n  let borderAdjustedY = y + parseInt(borderTopWidth, 10);\n  // Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width\n  let maxX = borderAdjustedX + scrollView.clientWidth;\n  let maxY = borderAdjustedY + scrollView.clientHeight;\n\n  // Get scroll padding values as pixels - defaults to 0 if no scroll padding\n  // is used.\n  let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;\n  let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;\n  let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;\n  let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;\n\n  if (offsetX <= x + scrollPaddingLeftNumber) {\n    x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;\n  } else if (offsetX + width > maxX - scrollPaddingRightNumber) {\n    x += offsetX + width - maxX + scrollPaddingRightNumber;\n  }\n  if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) {\n    y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;\n  } else if (offsetY + height > maxY - scrollPaddingBottomNumber) {\n    y += offsetY + height - maxY + scrollPaddingBottomNumber;\n  }\n\n  scrollView.scrollLeft = x;\n  scrollView.scrollTop = y;\n}\n\n/**\n * Computes the offset left or top from child to ancestor by accumulating\n * offsetLeft or offsetTop through intervening offsetParents.\n */\nfunction relativeOffset(ancestor: HTMLElement, child: HTMLElement, axis: 'left'|'top') {\n  const prop = axis === 'left' ? 'offsetLeft' : 'offsetTop';\n  let sum = 0;\n  while (child.offsetParent) {\n    sum += child[prop];\n    if (child.offsetParent === ancestor) {\n      // Stop once we have found the ancestor we are interested in.\n      break;\n    } else if (child.offsetParent.contains(ancestor)) {\n      // If the ancestor is not `position:relative`, then we stop at\n      // _its_ offset parent, and we subtract off _its_ offset, so that\n      // we end up with the proper offset from child to ancestor.\n      sum -= ancestor[prop];\n      break;\n    }\n    child = child.offsetParent as HTMLElement;\n  }\n  return sum;\n}\n\n/**\n * Scrolls the `targetElement` so it is visible in the viewport. Accepts an optional `opts.containingElement`\n * that will be centered in the viewport prior to scrolling the targetElement into view. If scrolling is prevented on\n * the body (e.g. targetElement is in a popover), this will only scroll the scroll parents of the targetElement up to but not including the body itself.\n */\nexport function scrollIntoViewport(targetElement: Element | null, opts?: ScrollIntoViewportOpts): void {\n  if (targetElement && document.contains(targetElement)) {\n    let root = document.scrollingElement || document.documentElement;\n    let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';\n    // If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view\n    if (!isScrollPrevented) {\n      let {left: originalLeft, top: originalTop} = targetElement.getBoundingClientRect();\n\n      // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()\n      // won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically\n      targetElement?.scrollIntoView?.({block: 'nearest'});\n      let {left: newLeft, top: newTop} = targetElement.getBoundingClientRect();\n      // Account for sub pixel differences from rounding\n      if ((Math.abs(originalLeft - newLeft) > 1) || (Math.abs(originalTop - newTop) > 1)) {\n        opts?.containingElement?.scrollIntoView?.({block: 'center', inline: 'center'});\n        targetElement.scrollIntoView?.({block: 'nearest'});\n      }\n    } else {\n      let scrollParents = getScrollParents(targetElement);\n      // If scrolling is prevented, we don't want to scroll the body since it might move the overlay partially offscreen and the user can't scroll it back into view.\n      if (!isScrollPrevented) {\n        scrollParents.push(root);\n      }\n      for (let scrollParent of scrollParents) {\n        scrollIntoView(scrollParent as HTMLElement, targetElement as HTMLElement);\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"scrollIntoView.main.js.map"}
+{"mappings":"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","sources":["packages/@react-aria/utils/src/scrollIntoView.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {getScrollParents} from './getScrollParents';\nimport {isChrome, isIOS} from './platform';\n\ninterface ScrollIntoViewOpts {\n  /** The position to align items along the block axis in. */\n  block?: ScrollLogicalPosition,\n  /** The position to align items along the inline axis in. */\n  inline?: ScrollLogicalPosition\n}\n\n\ninterface ScrollIntoViewportOpts {\n  /** The optional containing element of the target to be centered in the viewport. */\n  containingElement?: Element | null\n}\n\n/**\n * Scrolls `scrollView` so that `element` is visible.\n * Similar to `element.scrollIntoView({block: 'nearest'})` (not supported in Edge),\n * but doesn't affect parents above `scrollView`.\n */\nexport function scrollIntoView(scrollView: HTMLElement, element: HTMLElement, opts: ScrollIntoViewOpts = {}): void {\n  let {block = 'nearest', inline = 'nearest'} = opts;\n\n  if (scrollView === element) { return; }\n\n  let y = scrollView.scrollTop;\n  let x = scrollView.scrollLeft;\n\n  let target = element.getBoundingClientRect();\n  let view = scrollView.getBoundingClientRect();\n  let itemStyle = window.getComputedStyle(element);\n  let viewStyle = window.getComputedStyle(scrollView);\n  let root = document.scrollingElement || document.documentElement;\n\n  let viewTop = scrollView === root ? 0 : view.top;\n  let viewBottom = scrollView === root ? scrollView.clientHeight : view.bottom;\n  let viewLeft = scrollView === root ? 0 : view.left;\n  let viewRight = scrollView === root ? scrollView.clientWidth : view.right;\n\n  let scrollMarginTop = parseInt(itemStyle.scrollMarginTop, 10) || 0;\n  let scrollMarginBottom = parseInt(itemStyle.scrollMarginBottom, 10) || 0;\n  let scrollMarginLeft = parseInt(itemStyle.scrollMarginLeft, 10) || 0;\n  let scrollMarginRight = parseInt(itemStyle.scrollMarginRight, 10) || 0;\n\n  let scrollPaddingTop = parseInt(viewStyle.scrollPaddingTop, 10) || 0;\n  let scrollPaddingBottom = parseInt(viewStyle.scrollPaddingBottom, 10) || 0;\n  let scrollPaddingLeft = parseInt(viewStyle.scrollPaddingLeft, 10) || 0;\n  let scrollPaddingRight = parseInt(viewStyle.scrollPaddingRight, 10) || 0;\n\n  let borderTopWidth = parseInt(viewStyle.borderTopWidth, 10) || 0;\n  let borderBottomWidth = parseInt(viewStyle.borderBottomWidth, 10) || 0;\n  let borderLeftWidth = parseInt(viewStyle.borderLeftWidth, 10) || 0;\n  let borderRightWidth = parseInt(viewStyle.borderRightWidth, 10) || 0;\n\n  let scrollAreaTop = target.top - scrollMarginTop;\n  let scrollAreaBottom = target.bottom + scrollMarginBottom;\n  let scrollAreaLeft = target.left - scrollMarginLeft;\n  let scrollAreaRight = target.right + scrollMarginRight;\n\n  let scrollBarOffsetX = scrollView === root ? 0 : borderLeftWidth + borderRightWidth;\n  let scrollBarOffsetY = scrollView === root ? 0 : borderTopWidth + borderBottomWidth;\n  let scrollBarWidth = scrollView.offsetWidth - scrollView.clientWidth - scrollBarOffsetX;\n  let scrollBarHeight = scrollView.offsetHeight - scrollView.clientHeight - scrollBarOffsetY;\n\n  let scrollPortTop = viewTop + borderTopWidth + scrollPaddingTop;\n  let scrollPortBottom = viewBottom - borderBottomWidth - scrollPaddingBottom - scrollBarHeight;\n  let scrollPortLeft = viewLeft + borderLeftWidth + scrollPaddingLeft;\n  let scrollPortRight = viewRight - borderRightWidth - scrollPaddingRight;\n\n  // IOS always positions the scrollbar on the right ¯\\_(ツ)_/¯\n  if (viewStyle.direction === 'rtl' && !isIOS()) {\n    scrollPortLeft += scrollBarWidth;\n  } else {\n    scrollPortRight -= scrollBarWidth;\n  }\n\n  let shouldScrollBlock = scrollAreaTop < scrollPortTop || scrollAreaBottom > scrollPortBottom;\n  let shouldScrollInline = scrollAreaLeft < scrollPortLeft || scrollAreaRight > scrollPortRight;\n\n  if (shouldScrollBlock && block === 'start') {\n    y += scrollAreaTop - scrollPortTop;\n  } else if (shouldScrollBlock && block === 'center') {\n    y += (scrollAreaTop + scrollAreaBottom) / 2 - (scrollPortTop + scrollPortBottom) / 2;\n  } else if (shouldScrollBlock && block === 'end') {\n    y += scrollAreaBottom - scrollPortBottom;\n  } else if (shouldScrollBlock && block === 'nearest') {\n    let start = scrollAreaTop - scrollPortTop;\n    let end = scrollAreaBottom - scrollPortBottom;\n    y += Math.abs(start) <= Math.abs(end) ? start : end;\n  }\n\n  if (shouldScrollInline && inline === 'start') {\n    x += scrollAreaLeft - scrollPortLeft;\n  } else if (shouldScrollInline && inline === 'center') {\n    x += (scrollAreaLeft + scrollAreaRight) / 2 - (scrollPortLeft + scrollPortRight) / 2;\n  } else if (shouldScrollInline && inline === 'end') {\n    x += scrollAreaRight - scrollPortRight;\n  } else if (shouldScrollInline && inline === 'nearest') {\n    let start = scrollAreaLeft - scrollPortLeft;\n    let end = scrollAreaRight - scrollPortRight;\n    x += Math.abs(start) <= Math.abs(end) ? start : end;\n  }\n\n  if (process.env.NODE_ENV === 'test') {\n    scrollView.scrollLeft = x;\n    scrollView.scrollTop = y;\n    return;\n  }\n\n  scrollView.scrollTo({left: x, top: y});\n}\n\n/**\n * Scrolls the `targetElement` so it is visible in the viewport. Accepts an optional `opts.containingElement`\n * that will be centered in the viewport prior to scrolling the targetElement into view. If scrolling is prevented on\n * the body (e.g. targetElement is in a popover), this will only scroll the scroll parents of the targetElement up to but not including the body itself.\n */\nexport function scrollIntoViewport(targetElement: Element | null, opts: ScrollIntoViewportOpts = {}): void {\n  let {containingElement} = opts;\n  if (targetElement && targetElement.isConnected) {\n    let root = document.scrollingElement || document.documentElement;\n    let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';\n    // If scrolling is not currently prevented then we aren't in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view\n    // Also ignore in chrome because of this bug: https://issues.chromium.org/issues/40074749\n    if (!isScrollPrevented && !isChrome()) {\n      let {left: originalLeft, top: originalTop} = targetElement.getBoundingClientRect();\n\n      // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()\n      // won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically\n      targetElement?.scrollIntoView?.({block: 'nearest'});\n      let {left: newLeft, top: newTop} = targetElement.getBoundingClientRect();\n      // Account for sub pixel differences from rounding\n      if ((Math.abs(originalLeft - newLeft) > 1) || (Math.abs(originalTop - newTop) > 1)) {\n        containingElement?.scrollIntoView?.({block: 'center', inline: 'center'});\n        targetElement.scrollIntoView?.({block: 'nearest'});\n      }\n    } else {\n      let {left: originalLeft, top: originalTop} = targetElement.getBoundingClientRect();\n\n      // If scrolling is prevented, we don't want to scroll the body since it might move the overlay partially offscreen and the user can't scroll it back into view.\n      let scrollParents = getScrollParents(targetElement, true);\n      for (let scrollParent of scrollParents) {\n        scrollIntoView(scrollParent as HTMLElement, targetElement as HTMLElement);\n      }\n      let {left: newLeft, top: newTop} = targetElement.getBoundingClientRect();\n      // Account for sub pixel differences from rounding\n      if ((Math.abs(originalLeft - newLeft) > 1) || (Math.abs(originalTop - newTop) > 1)) {\n        scrollParents = containingElement ? getScrollParents(containingElement, true) : [];\n        for (let scrollParent of scrollParents) {\n          scrollIntoView(scrollParent as HTMLElement, containingElement as HTMLElement, {block: 'center', inline: 'center'});\n        }\n      }\n    }\n  }\n}\n"],"names":[],"version":3,"file":"scrollIntoView.main.js.map"}