@react-aria/test-utils 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/{gridlist.main.js → private/gridlist.cjs}

@@ -1,12 +1,12 @@
-var $5a8bfe1663b8366d$exports = require("./events.main.js");
-var $cgwRb$testinglibraryreact = require("@testing-library/react");
+var $01a4eeee86094c77$exports = require("./events.cjs");
+var $aoGu7$testinglibraryreact = require("@testing-library/react");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "GridListTester", () => $30ee8e379774bea4$export$93a85aaed9fabd83);
+$parcel$export(module.exports, "GridListTester", function () { return $31bb3cd1e8c56ca2$export$93a85aaed9fabd83; });
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,7 +19,14 @@ $parcel$export(module.exports, "GridListTester", () => $30ee8e379774bea4$export$
  * governing permissions and limitations under the License.
  */ 
 
-class $30ee8e379774bea4$export$93a85aaed9fabd83 {
+class $31bb3cd1e8c56ca2$export$93a85aaed9fabd83 {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._advanceTimer = advanceTimer;
+        this._gridlist = root;
+    }
     /**
    * Set the interaction type used by the gridlist tester.
    */ setInteractionType(type) {
@@ -31,17 +38,17 @@ class $30ee8e379774bea4$export$93a85aaed9fabd83 {
         let { rowIndexOrText: rowIndexOrText } = opts;
         let row;
         if (typeof rowIndexOrText === 'number') row = this.rows[rowIndexOrText];
-        else if (typeof rowIndexOrText === 'string') row = (0, $cgwRb$testinglibraryreact.within)(this.gridlist).getByText(rowIndexOrText).closest('[role=row]');
+        else if (typeof rowIndexOrText === 'string') row = (0, $aoGu7$testinglibraryreact.within)(this.gridlist).getByText(rowIndexOrText).closest('[role=row]');
         return row;
     }
     // TODO: RTL
     async keyboardNavigateToRow(opts) {
         let { row: row, selectionOnNav: selectionOnNav = 'default' } = opts;
-        let altKey = (0, $5a8bfe1663b8366d$exports.getAltKey)();
+        let altKey = (0, $01a4eeee86094c77$exports.getAltKey)();
         let rows = this.rows;
         let targetIndex = rows.indexOf(row);
         if (targetIndex === -1) throw new Error('Option provided is not in the gridlist');
-        if (document.activeElement !== this._gridlist && !this._gridlist.contains(document.activeElement)) (0, $cgwRb$testinglibraryreact.act)(()=>this._gridlist.focus());
+        if (document.activeElement !== this._gridlist && !this._gridlist.contains(document.activeElement)) (0, $aoGu7$testinglibraryreact.act)(()=>this._gridlist.focus());
         if (document.activeElement === this._gridlist) await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);
         else if (this._gridlist.contains(document.activeElement) && document.activeElement.getAttribute('role') !== 'row') do await this.user.keyboard('[ArrowLeft]');
         while (document.activeElement.getAttribute('role') !== 'row');
@@ -57,16 +64,16 @@ class $30ee8e379774bea4$export$93a85aaed9fabd83 {
    * Note that this will endevor to always add/remove JUST the provided row to the set of selected rows.
    */ async toggleRowSelection(opts) {
         let { row: row, needsLongPress: needsLongPress, checkboxSelection: checkboxSelection = true, interactionType: interactionType = this._interactionType, selectionBehavior: selectionBehavior = 'toggle' } = opts;
-        let altKey = (0, $5a8bfe1663b8366d$exports.getAltKey)();
-        let metaKey = (0, $5a8bfe1663b8366d$exports.getMetaKey)();
+        let altKey = (0, $01a4eeee86094c77$exports.getAltKey)();
+        let metaKey = (0, $01a4eeee86094c77$exports.getMetaKey)();
         if (typeof row === 'string' || typeof row === 'number') row = this.findRow({
             rowIndexOrText: row
         });
         if (!row) throw new Error('Target row not found in the gridlist.');
-        let rowCheckbox = (0, $cgwRb$testinglibraryreact.within)(row).queryByRole('checkbox');
+        let rowCheckbox = (0, $aoGu7$testinglibraryreact.within)(row).queryByRole('checkbox');
         // TODO: we early return here because the checkbox/row can't be keyboard navigated to if the row is disabled usually
         // but we may to check for disabledBehavior (aka if the disable row gets skipped when keyboard navigating or not)
-        if (interactionType === 'keyboard' && ((rowCheckbox === null || rowCheckbox === void 0 ? void 0 : rowCheckbox.getAttribute('disabled')) === '' || (row === null || row === void 0 ? void 0 : row.getAttribute('aria-disabled')) === 'true')) return;
+        if (interactionType === 'keyboard' && (rowCheckbox?.getAttribute('disabled') === '' || row?.getAttribute('aria-disabled') === 'true')) return;
         // this would be better than the check to do nothing in events.ts
         // also, it'd be good to be able to trigger selection on the row instead of having to go to the checkbox directly
         if (interactionType === 'keyboard' && (!checkboxSelection || !rowCheckbox)) {
@@ -79,13 +86,13 @@ class $30ee8e379774bea4$export$93a85aaed9fabd83 {
             if (selectionBehavior === 'replace') await this.user.keyboard(`[/${altKey}]`);
             return;
         }
-        if (rowCheckbox && checkboxSelection) await (0, $5a8bfe1663b8366d$exports.pressElement)(this.user, rowCheckbox, interactionType);
+        if (rowCheckbox && checkboxSelection) await (0, $01a4eeee86094c77$exports.pressElement)(this.user, rowCheckbox, interactionType);
         else {
-            let cell = (0, $cgwRb$testinglibraryreact.within)(row).getAllByRole('gridcell')[0];
+            let cell = (0, $aoGu7$testinglibraryreact.within)(row).getAllByRole('gridcell')[0];
             if (needsLongPress && interactionType === 'touch') {
                 if (this._advanceTimer == null) throw new Error('No advanceTimers provided for long press.');
                 // Note that long press interactions with rows is strictly touch only for grid rows
-                await (0, $5a8bfe1663b8366d$exports.triggerLongPress)({
+                await (0, $01a4eeee86094c77$exports.triggerLongPress)({
                     element: cell,
                     advanceTimer: this._advanceTimer,
                     pointerOpts: {
@@ -94,7 +101,7 @@ class $30ee8e379774bea4$export$93a85aaed9fabd83 {
                 });
             } else {
                 if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[${metaKey}>]`);
-                await (0, $5a8bfe1663b8366d$exports.pressElement)(this.user, row, interactionType);
+                await (0, $01a4eeee86094c77$exports.pressElement)(this.user, row, interactionType);
                 if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[/${metaKey}]`);
             }
         }
@@ -111,13 +118,13 @@ class $30ee8e379774bea4$export$93a85aaed9fabd83 {
         if (!row) throw new Error('Target row not found in the gridlist.');
         if (needsDoubleClick) await this.user.dblClick(row);
         else if (interactionType === 'keyboard') {
-            if ((row === null || row === void 0 ? void 0 : row.getAttribute('aria-disabled')) === 'true') return;
+            if (row?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToRow({
                 row: row,
                 selectionOnNav: 'none'
             });
             await this.user.keyboard('[Enter]');
-        } else await (0, $5a8bfe1663b8366d$exports.pressElement)(this.user, row, interactionType);
+        } else await (0, $01a4eeee86094c77$exports.pressElement)(this.user, row, interactionType);
     }
     /**
    * Returns the gridlist.
@@ -127,8 +134,7 @@ class $30ee8e379774bea4$export$93a85aaed9fabd83 {
     /**
    * Returns the gridlist's rows if any.
    */ get rows() {
-        var _this;
-        return (0, $cgwRb$testinglibraryreact.within)((_this = this) === null || _this === void 0 ? void 0 : _this.gridlist).queryAllByRole('row');
+        return (0, $aoGu7$testinglibraryreact.within)(this?.gridlist).queryAllByRole('row');
     }
     /**
    * Returns the gridlist's selected rows if any.
@@ -139,16 +145,9 @@ class $30ee8e379774bea4$export$93a85aaed9fabd83 {
    * Returns the gridlist's cells if any. Can be filtered against a specific row if provided via `element`.
    */ cells(opts = {}) {
         let { element: element = this.gridlist } = opts;
-        return (0, $cgwRb$testinglibraryreact.within)(element).queryAllByRole('gridcell');
-    }
-    constructor(opts){
-        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        this._advanceTimer = advanceTimer;
-        this._gridlist = root;
+        return (0, $aoGu7$testinglibraryreact.within)(element).queryAllByRole('gridcell');
     }
 }
 
 
-//# sourceMappingURL=gridlist.main.js.map
+//# sourceMappingURL=gridlist.cjs.map

package/dist/private/gridlist.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/gridlist.ts"],"sourcesContent":["/*\n * Copyright 2024 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 {act, within} from '@testing-library/react';\nimport {getAltKey, getMetaKey, pressElement, triggerLongPress} from './events';\nimport {GridListTesterOpts, GridRowActionOpts, ToggleGridRowOpts, UserOpts} from './types';\n\ninterface GridListToggleRowOpts extends ToggleGridRowOpts {}\ninterface GridListRowActionOpts extends GridRowActionOpts {}\n\nexport class GridListTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _advanceTimer: UserOpts['advanceTimer'];\n  private _gridlist: HTMLElement;\n\n  constructor(opts: GridListTesterOpts) {\n    let {root, user, interactionType, advanceTimer} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._advanceTimer = advanceTimer;\n    this._gridlist = root;\n  }\n\n  /**\n   * Set the interaction type used by the gridlist tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  /**\n   * Returns a row matching the specified index or text content.\n   */\n  findRow(opts: {rowIndexOrText: number | string}): HTMLElement {\n    let {\n      rowIndexOrText\n    } = opts;\n\n    let row;\n    if (typeof rowIndexOrText === 'number') {\n      row = this.rows[rowIndexOrText];\n    } else if (typeof rowIndexOrText === 'string') {\n      row = (within(this.gridlist!).getByText(rowIndexOrText).closest('[role=row]'))! as HTMLElement;\n    }\n\n    return row;\n  }\n\n  // TODO: RTL\n  private async keyboardNavigateToRow(opts: {row: HTMLElement, selectionOnNav?: 'default' | 'none'}) {\n    let {row, selectionOnNav = 'default'} = opts;\n    let altKey = getAltKey();\n    let rows = this.rows;\n    let targetIndex = rows.indexOf(row);\n    if (targetIndex === -1) {\n      throw new Error('Option provided is not in the gridlist');\n    }\n\n    if (document.activeElement !== this._gridlist && !this._gridlist.contains(document.activeElement)) {\n      act(() => this._gridlist.focus());\n    }\n\n    if (document.activeElement === this._gridlist) {\n      await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);\n    } else if (this._gridlist.contains(document.activeElement) && document.activeElement!.getAttribute('role') !== 'row') {\n      do {\n        await this.user.keyboard('[ArrowLeft]');\n      } while (document.activeElement!.getAttribute('role') !== 'row');\n    }\n    let currIndex = rows.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('ActiveElement is not in the gridlist');\n    }\n    let direction = targetIndex > currIndex ? 'down' : 'up';\n\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[${altKey}>]`);\n    }\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);\n    }\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[/${altKey}]`);\n    }\n  };\n\n  /**\n   * Toggles the selection for the specified gridlist row. Defaults to using the interaction type set on the gridlist tester.\n   * Note that this will endevor to always add/remove JUST the provided row to the set of selected rows.\n   */\n  async toggleRowSelection(opts: GridListToggleRowOpts): Promise<void> {\n    let {\n      row,\n      needsLongPress,\n      checkboxSelection = true,\n      interactionType = this._interactionType,\n      selectionBehavior = 'toggle'\n    } = opts;\n\n    let altKey = getAltKey();\n    let metaKey = getMetaKey();\n\n    if (typeof row === 'string' || typeof row === 'number') {\n      row = this.findRow({rowIndexOrText: row});\n    }\n\n    if (!row) {\n      throw new Error('Target row not found in the gridlist.');\n    }\n\n    let rowCheckbox = within(row).queryByRole('checkbox');\n\n    // TODO: we early return here because the checkbox/row can't be keyboard navigated to if the row is disabled usually\n    // but we may to check for disabledBehavior (aka if the disable row gets skipped when keyboard navigating or not)\n    if (interactionType === 'keyboard' && (rowCheckbox?.getAttribute('disabled') === '' || row?.getAttribute('aria-disabled') === 'true')) {\n      return;\n    }\n\n    // this would be better than the check to do nothing in events.ts\n    // also, it'd be good to be able to trigger selection on the row instead of having to go to the checkbox directly\n    if (interactionType === 'keyboard' && (!checkboxSelection || !rowCheckbox)) {\n      await this.keyboardNavigateToRow({row, selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'});\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[${altKey}>]`);\n      }\n      await this.user.keyboard('[Space]');\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[/${altKey}]`);\n      }\n      return;\n    }\n    if (rowCheckbox && checkboxSelection) {\n      await pressElement(this.user, rowCheckbox, interactionType);\n    } else {\n      let cell = within(row).getAllByRole('gridcell')[0];\n      if (needsLongPress && interactionType === 'touch') {\n        if (this._advanceTimer == null) {\n          throw new Error('No advanceTimers provided for long press.');\n        }\n\n        // Note that long press interactions with rows is strictly touch only for grid rows\n        await triggerLongPress({element: cell, advanceTimer: this._advanceTimer, pointerOpts: {pointerType: 'touch'}});\n      } else {\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[${metaKey}>]`);\n        }\n        await pressElement(this.user, row, interactionType);\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[/${metaKey}]`);\n        }\n      }\n    }\n  }\n\n  // TODO: There is a more difficult use case where the row has/behaves as link, don't think we have a good way to determine that unless the\n  // user specificlly tells us\n  /**\n   * Triggers the action for the specified gridlist row. Defaults to using the interaction type set on the gridlist tester.\n   */\n  async triggerRowAction(opts: GridListRowActionOpts): Promise<void> {\n    let {\n      row,\n      needsDoubleClick,\n      interactionType = this._interactionType\n    } = opts;\n\n    if (typeof row === 'string' || typeof row === 'number') {\n      row = this.findRow({rowIndexOrText: row});\n    }\n\n    if (!row) {\n      throw new Error('Target row not found in the gridlist.');\n    }\n\n    if (needsDoubleClick) {\n      await this.user.dblClick(row);\n    } else if (interactionType === 'keyboard') {\n      if (row?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToRow({row, selectionOnNav: 'none'});\n      await this.user.keyboard('[Enter]');\n    } else {\n      await pressElement(this.user, row, interactionType);\n    }\n  }\n\n  /**\n   * Returns the gridlist.\n   */\n  get gridlist(): HTMLElement {\n    return this._gridlist;\n  }\n\n  /**\n   * Returns the gridlist's rows if any.\n   */\n  get rows(): HTMLElement[] {\n    return within(this?.gridlist).queryAllByRole('row');\n  }\n\n  /**\n   * Returns the gridlist's selected rows if any.\n   */\n  get selectedRows(): HTMLElement[] {\n    return this.rows.filter(row => row.getAttribute('aria-selected') === 'true');\n  }\n\n  /**\n   * Returns the gridlist's cells if any. Can be filtered against a specific row if provided via `element`.\n   */\n  cells(opts: {element?: HTMLElement} = {}): HTMLElement[] {\n    let {element = this.gridlist} = opts;\n    return within(element).queryAllByRole('gridcell');\n  }\n}\n"],"names":[],"version":3,"file":"gridlist.cjs.map"}

package/dist/{gridlist.mjs → private/gridlist.js}

@@ -1,5 +1,5 @@
-import {getAltKey as $5d1eca18f92ad0e6$export$6fc0ccaebd758b9d, getMetaKey as $5d1eca18f92ad0e6$export$7943c508934e27ce, pressElement as $5d1eca18f92ad0e6$export$6ffa3eb717517feb, triggerLongPress as $5d1eca18f92ad0e6$export$3a22a5a9bc0fd3b} from "./events.mjs";
-import {within as $haOzD$within, act as $haOzD$act} from "@testing-library/react";
+import {getAltKey as $22d7d9b763402afa$export$6fc0ccaebd758b9d, getMetaKey as $22d7d9b763402afa$export$7943c508934e27ce, pressElement as $22d7d9b763402afa$export$6ffa3eb717517feb, triggerLongPress as $22d7d9b763402afa$export$3a22a5a9bc0fd3b} from "./events.js";
+import {within as $g8PMJ$within, act as $g8PMJ$act} from "@testing-library/react";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -13,7 +13,14 @@ import {within as $haOzD$within, act as $haOzD$act} from "@testing-library/react
  * governing permissions and limitations under the License.
  */ 
 
-class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
+class $ed42840525c46506$export$93a85aaed9fabd83 {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._advanceTimer = advanceTimer;
+        this._gridlist = root;
+    }
     /**
    * Set the interaction type used by the gridlist tester.
    */ setInteractionType(type) {
@@ -25,17 +32,17 @@ class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
         let { rowIndexOrText: rowIndexOrText } = opts;
         let row;
         if (typeof rowIndexOrText === 'number') row = this.rows[rowIndexOrText];
-        else if (typeof rowIndexOrText === 'string') row = (0, $haOzD$within)(this.gridlist).getByText(rowIndexOrText).closest('[role=row]');
+        else if (typeof rowIndexOrText === 'string') row = (0, $g8PMJ$within)(this.gridlist).getByText(rowIndexOrText).closest('[role=row]');
         return row;
     }
     // TODO: RTL
     async keyboardNavigateToRow(opts) {
         let { row: row, selectionOnNav: selectionOnNav = 'default' } = opts;
-        let altKey = (0, $5d1eca18f92ad0e6$export$6fc0ccaebd758b9d)();
+        let altKey = (0, $22d7d9b763402afa$export$6fc0ccaebd758b9d)();
         let rows = this.rows;
         let targetIndex = rows.indexOf(row);
         if (targetIndex === -1) throw new Error('Option provided is not in the gridlist');
-        if (document.activeElement !== this._gridlist && !this._gridlist.contains(document.activeElement)) (0, $haOzD$act)(()=>this._gridlist.focus());
+        if (document.activeElement !== this._gridlist && !this._gridlist.contains(document.activeElement)) (0, $g8PMJ$act)(()=>this._gridlist.focus());
         if (document.activeElement === this._gridlist) await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);
         else if (this._gridlist.contains(document.activeElement) && document.activeElement.getAttribute('role') !== 'row') do await this.user.keyboard('[ArrowLeft]');
         while (document.activeElement.getAttribute('role') !== 'row');
@@ -51,16 +58,16 @@ class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
    * Note that this will endevor to always add/remove JUST the provided row to the set of selected rows.
    */ async toggleRowSelection(opts) {
         let { row: row, needsLongPress: needsLongPress, checkboxSelection: checkboxSelection = true, interactionType: interactionType = this._interactionType, selectionBehavior: selectionBehavior = 'toggle' } = opts;
-        let altKey = (0, $5d1eca18f92ad0e6$export$6fc0ccaebd758b9d)();
-        let metaKey = (0, $5d1eca18f92ad0e6$export$7943c508934e27ce)();
+        let altKey = (0, $22d7d9b763402afa$export$6fc0ccaebd758b9d)();
+        let metaKey = (0, $22d7d9b763402afa$export$7943c508934e27ce)();
         if (typeof row === 'string' || typeof row === 'number') row = this.findRow({
             rowIndexOrText: row
         });
         if (!row) throw new Error('Target row not found in the gridlist.');
-        let rowCheckbox = (0, $haOzD$within)(row).queryByRole('checkbox');
+        let rowCheckbox = (0, $g8PMJ$within)(row).queryByRole('checkbox');
         // TODO: we early return here because the checkbox/row can't be keyboard navigated to if the row is disabled usually
         // but we may to check for disabledBehavior (aka if the disable row gets skipped when keyboard navigating or not)
-        if (interactionType === 'keyboard' && ((rowCheckbox === null || rowCheckbox === void 0 ? void 0 : rowCheckbox.getAttribute('disabled')) === '' || (row === null || row === void 0 ? void 0 : row.getAttribute('aria-disabled')) === 'true')) return;
+        if (interactionType === 'keyboard' && (rowCheckbox?.getAttribute('disabled') === '' || row?.getAttribute('aria-disabled') === 'true')) return;
         // this would be better than the check to do nothing in events.ts
         // also, it'd be good to be able to trigger selection on the row instead of having to go to the checkbox directly
         if (interactionType === 'keyboard' && (!checkboxSelection || !rowCheckbox)) {
@@ -73,13 +80,13 @@ class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
             if (selectionBehavior === 'replace') await this.user.keyboard(`[/${altKey}]`);
             return;
         }
-        if (rowCheckbox && checkboxSelection) await (0, $5d1eca18f92ad0e6$export$6ffa3eb717517feb)(this.user, rowCheckbox, interactionType);
+        if (rowCheckbox && checkboxSelection) await (0, $22d7d9b763402afa$export$6ffa3eb717517feb)(this.user, rowCheckbox, interactionType);
         else {
-            let cell = (0, $haOzD$within)(row).getAllByRole('gridcell')[0];
+            let cell = (0, $g8PMJ$within)(row).getAllByRole('gridcell')[0];
             if (needsLongPress && interactionType === 'touch') {
                 if (this._advanceTimer == null) throw new Error('No advanceTimers provided for long press.');
                 // Note that long press interactions with rows is strictly touch only for grid rows
-                await (0, $5d1eca18f92ad0e6$export$3a22a5a9bc0fd3b)({
+                await (0, $22d7d9b763402afa$export$3a22a5a9bc0fd3b)({
                     element: cell,
                     advanceTimer: this._advanceTimer,
                     pointerOpts: {
@@ -88,7 +95,7 @@ class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
                 });
             } else {
                 if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[${metaKey}>]`);
-                await (0, $5d1eca18f92ad0e6$export$6ffa3eb717517feb)(this.user, row, interactionType);
+                await (0, $22d7d9b763402afa$export$6ffa3eb717517feb)(this.user, row, interactionType);
                 if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[/${metaKey}]`);
             }
         }
@@ -105,13 +112,13 @@ class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
         if (!row) throw new Error('Target row not found in the gridlist.');
         if (needsDoubleClick) await this.user.dblClick(row);
         else if (interactionType === 'keyboard') {
-            if ((row === null || row === void 0 ? void 0 : row.getAttribute('aria-disabled')) === 'true') return;
+            if (row?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToRow({
                 row: row,
                 selectionOnNav: 'none'
             });
             await this.user.keyboard('[Enter]');
-        } else await (0, $5d1eca18f92ad0e6$export$6ffa3eb717517feb)(this.user, row, interactionType);
+        } else await (0, $22d7d9b763402afa$export$6ffa3eb717517feb)(this.user, row, interactionType);
     }
     /**
    * Returns the gridlist.
@@ -121,8 +128,7 @@ class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
     /**
    * Returns the gridlist's rows if any.
    */ get rows() {
-        var _this;
-        return (0, $haOzD$within)((_this = this) === null || _this === void 0 ? void 0 : _this.gridlist).queryAllByRole('row');
+        return (0, $g8PMJ$within)(this?.gridlist).queryAllByRole('row');
     }
     /**
    * Returns the gridlist's selected rows if any.
@@ -133,17 +139,10 @@ class $5ca9e9228f508f75$export$93a85aaed9fabd83 {
    * Returns the gridlist's cells if any. Can be filtered against a specific row if provided via `element`.
    */ cells(opts = {}) {
         let { element: element = this.gridlist } = opts;
-        return (0, $haOzD$within)(element).queryAllByRole('gridcell');
-    }
-    constructor(opts){
-        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        this._advanceTimer = advanceTimer;
-        this._gridlist = root;
+        return (0, $g8PMJ$within)(element).queryAllByRole('gridcell');
     }
 }
 
 
-export {$5ca9e9228f508f75$export$93a85aaed9fabd83 as GridListTester};
-//# sourceMappingURL=gridlist.module.js.map
+export {$ed42840525c46506$export$93a85aaed9fabd83 as GridListTester};
+//# sourceMappingURL=gridlist.js.map

package/dist/private/gridlist.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/gridlist.ts"],"sourcesContent":["/*\n * Copyright 2024 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 {act, within} from '@testing-library/react';\nimport {getAltKey, getMetaKey, pressElement, triggerLongPress} from './events';\nimport {GridListTesterOpts, GridRowActionOpts, ToggleGridRowOpts, UserOpts} from './types';\n\ninterface GridListToggleRowOpts extends ToggleGridRowOpts {}\ninterface GridListRowActionOpts extends GridRowActionOpts {}\n\nexport class GridListTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _advanceTimer: UserOpts['advanceTimer'];\n  private _gridlist: HTMLElement;\n\n  constructor(opts: GridListTesterOpts) {\n    let {root, user, interactionType, advanceTimer} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._advanceTimer = advanceTimer;\n    this._gridlist = root;\n  }\n\n  /**\n   * Set the interaction type used by the gridlist tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  /**\n   * Returns a row matching the specified index or text content.\n   */\n  findRow(opts: {rowIndexOrText: number | string}): HTMLElement {\n    let {\n      rowIndexOrText\n    } = opts;\n\n    let row;\n    if (typeof rowIndexOrText === 'number') {\n      row = this.rows[rowIndexOrText];\n    } else if (typeof rowIndexOrText === 'string') {\n      row = (within(this.gridlist!).getByText(rowIndexOrText).closest('[role=row]'))! as HTMLElement;\n    }\n\n    return row;\n  }\n\n  // TODO: RTL\n  private async keyboardNavigateToRow(opts: {row: HTMLElement, selectionOnNav?: 'default' | 'none'}) {\n    let {row, selectionOnNav = 'default'} = opts;\n    let altKey = getAltKey();\n    let rows = this.rows;\n    let targetIndex = rows.indexOf(row);\n    if (targetIndex === -1) {\n      throw new Error('Option provided is not in the gridlist');\n    }\n\n    if (document.activeElement !== this._gridlist && !this._gridlist.contains(document.activeElement)) {\n      act(() => this._gridlist.focus());\n    }\n\n    if (document.activeElement === this._gridlist) {\n      await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);\n    } else if (this._gridlist.contains(document.activeElement) && document.activeElement!.getAttribute('role') !== 'row') {\n      do {\n        await this.user.keyboard('[ArrowLeft]');\n      } while (document.activeElement!.getAttribute('role') !== 'row');\n    }\n    let currIndex = rows.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('ActiveElement is not in the gridlist');\n    }\n    let direction = targetIndex > currIndex ? 'down' : 'up';\n\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[${altKey}>]`);\n    }\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);\n    }\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[/${altKey}]`);\n    }\n  };\n\n  /**\n   * Toggles the selection for the specified gridlist row. Defaults to using the interaction type set on the gridlist tester.\n   * Note that this will endevor to always add/remove JUST the provided row to the set of selected rows.\n   */\n  async toggleRowSelection(opts: GridListToggleRowOpts): Promise<void> {\n    let {\n      row,\n      needsLongPress,\n      checkboxSelection = true,\n      interactionType = this._interactionType,\n      selectionBehavior = 'toggle'\n    } = opts;\n\n    let altKey = getAltKey();\n    let metaKey = getMetaKey();\n\n    if (typeof row === 'string' || typeof row === 'number') {\n      row = this.findRow({rowIndexOrText: row});\n    }\n\n    if (!row) {\n      throw new Error('Target row not found in the gridlist.');\n    }\n\n    let rowCheckbox = within(row).queryByRole('checkbox');\n\n    // TODO: we early return here because the checkbox/row can't be keyboard navigated to if the row is disabled usually\n    // but we may to check for disabledBehavior (aka if the disable row gets skipped when keyboard navigating or not)\n    if (interactionType === 'keyboard' && (rowCheckbox?.getAttribute('disabled') === '' || row?.getAttribute('aria-disabled') === 'true')) {\n      return;\n    }\n\n    // this would be better than the check to do nothing in events.ts\n    // also, it'd be good to be able to trigger selection on the row instead of having to go to the checkbox directly\n    if (interactionType === 'keyboard' && (!checkboxSelection || !rowCheckbox)) {\n      await this.keyboardNavigateToRow({row, selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'});\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[${altKey}>]`);\n      }\n      await this.user.keyboard('[Space]');\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[/${altKey}]`);\n      }\n      return;\n    }\n    if (rowCheckbox && checkboxSelection) {\n      await pressElement(this.user, rowCheckbox, interactionType);\n    } else {\n      let cell = within(row).getAllByRole('gridcell')[0];\n      if (needsLongPress && interactionType === 'touch') {\n        if (this._advanceTimer == null) {\n          throw new Error('No advanceTimers provided for long press.');\n        }\n\n        // Note that long press interactions with rows is strictly touch only for grid rows\n        await triggerLongPress({element: cell, advanceTimer: this._advanceTimer, pointerOpts: {pointerType: 'touch'}});\n      } else {\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[${metaKey}>]`);\n        }\n        await pressElement(this.user, row, interactionType);\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[/${metaKey}]`);\n        }\n      }\n    }\n  }\n\n  // TODO: There is a more difficult use case where the row has/behaves as link, don't think we have a good way to determine that unless the\n  // user specificlly tells us\n  /**\n   * Triggers the action for the specified gridlist row. Defaults to using the interaction type set on the gridlist tester.\n   */\n  async triggerRowAction(opts: GridListRowActionOpts): Promise<void> {\n    let {\n      row,\n      needsDoubleClick,\n      interactionType = this._interactionType\n    } = opts;\n\n    if (typeof row === 'string' || typeof row === 'number') {\n      row = this.findRow({rowIndexOrText: row});\n    }\n\n    if (!row) {\n      throw new Error('Target row not found in the gridlist.');\n    }\n\n    if (needsDoubleClick) {\n      await this.user.dblClick(row);\n    } else if (interactionType === 'keyboard') {\n      if (row?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToRow({row, selectionOnNav: 'none'});\n      await this.user.keyboard('[Enter]');\n    } else {\n      await pressElement(this.user, row, interactionType);\n    }\n  }\n\n  /**\n   * Returns the gridlist.\n   */\n  get gridlist(): HTMLElement {\n    return this._gridlist;\n  }\n\n  /**\n   * Returns the gridlist's rows if any.\n   */\n  get rows(): HTMLElement[] {\n    return within(this?.gridlist).queryAllByRole('row');\n  }\n\n  /**\n   * Returns the gridlist's selected rows if any.\n   */\n  get selectedRows(): HTMLElement[] {\n    return this.rows.filter(row => row.getAttribute('aria-selected') === 'true');\n  }\n\n  /**\n   * Returns the gridlist's cells if any. Can be filtered against a specific row if provided via `element`.\n   */\n  cells(opts: {element?: HTMLElement} = {}): HTMLElement[] {\n    let {element = this.gridlist} = opts;\n    return within(element).queryAllByRole('gridcell');\n  }\n}\n"],"names":[],"version":3,"file":"gridlist.js.map"}

package/dist/{listbox.main.js → private/listbox.cjs}

@@ -1,12 +1,12 @@
-var $5a8bfe1663b8366d$exports = require("./events.main.js");
-var $bAxU9$testinglibraryreact = require("@testing-library/react");
+var $01a4eeee86094c77$exports = require("./events.cjs");
+var $ivkeh$testinglibraryreact = require("@testing-library/react");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "ListBoxTester", () => $8ac94de7d2631d04$export$54c24f7ee8577f4f);
+$parcel$export(module.exports, "ListBoxTester", function () { return $c0f7ae61eac30828$export$54c24f7ee8577f4f; });
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -19,7 +19,14 @@ $parcel$export(module.exports, "ListBoxTester", () => $8ac94de7d2631d04$export$5
  * governing permissions and limitations under the License.
  */ 
 
-class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
+class $c0f7ae61eac30828$export$54c24f7ee8577f4f {
+    constructor(opts){
+        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
+        this.user = user;
+        this._interactionType = interactionType || 'mouse';
+        this._listbox = root;
+        this._advanceTimer = advanceTimer;
+    }
     /**
    * Set the interaction type used by the listbox tester.
    */ setInteractionType(type) {
@@ -33,19 +40,19 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
         let option;
         let options = this.options();
         if (typeof optionIndexOrText === 'number') option = options[optionIndexOrText];
-        else if (typeof optionIndexOrText === 'string') option = (0, $bAxU9$testinglibraryreact.within)(this.listbox).getByText(optionIndexOrText).closest('[role=option]');
+        else if (typeof optionIndexOrText === 'string') option = (0, $ivkeh$testinglibraryreact.within)(this.listbox).getByText(optionIndexOrText).closest('[role=option]');
         return option;
     }
     // TODO: this is basically the same as menu except for the error message, refactor later so that they share
     // TODO: this also doesn't support grid layout yet
     async keyboardNavigateToOption(opts) {
         let { option: option, selectionOnNav: selectionOnNav = 'default' } = opts;
-        let altKey = (0, $5a8bfe1663b8366d$exports.getAltKey)();
+        let altKey = (0, $01a4eeee86094c77$exports.getAltKey)();
         let options = this.options();
         let targetIndex = options.indexOf(option);
         if (targetIndex === -1) throw new Error('Option provided is not in the listbox');
         if (document.activeElement !== this._listbox && !this._listbox.contains(document.activeElement)) {
-            (0, $bAxU9$testinglibraryreact.act)(()=>this._listbox.focus());
+            (0, $ivkeh$testinglibraryreact.act)(()=>this._listbox.focus());
             await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);
         }
         let currIndex = options.indexOf(document.activeElement);
@@ -59,14 +66,14 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
    * Toggles the selection for the specified listbox option. Defaults to using the interaction type set on the listbox tester.
    */ async toggleOptionSelection(opts) {
         let { option: option, needsLongPress: needsLongPress, keyboardActivation: keyboardActivation = 'Enter', interactionType: interactionType = this._interactionType, selectionBehavior: selectionBehavior = 'toggle' } = opts;
-        let altKey = (0, $5a8bfe1663b8366d$exports.getAltKey)();
-        let metaKey = (0, $5a8bfe1663b8366d$exports.getMetaKey)();
+        let altKey = (0, $01a4eeee86094c77$exports.getAltKey)();
+        let metaKey = (0, $01a4eeee86094c77$exports.getMetaKey)();
         if (typeof option === 'string' || typeof option === 'number') option = this.findOption({
             optionIndexOrText: option
         });
         if (!option) throw new Error('Target option not found in the listbox.');
         if (interactionType === 'keyboard') {
-            if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
+            if (option?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToOption({
                 option: option,
                 selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'
@@ -76,7 +83,7 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
             if (selectionBehavior === 'replace') await this.user.keyboard(`[/${altKey}]`);
         } else if (needsLongPress && interactionType === 'touch') {
             if (this._advanceTimer == null) throw new Error('No advanceTimers provided for long press.');
-            await (0, $5a8bfe1663b8366d$exports.triggerLongPress)({
+            await (0, $01a4eeee86094c77$exports.triggerLongPress)({
                 element: option,
                 advanceTimer: this._advanceTimer,
                 pointerOpts: {
@@ -85,7 +92,7 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
             });
         } else {
             if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[${metaKey}>]`);
-            await (0, $5a8bfe1663b8366d$exports.pressElement)(this.user, option, interactionType);
+            await (0, $01a4eeee86094c77$exports.pressElement)(this.user, option, interactionType);
             if (selectionBehavior === 'replace' && interactionType !== 'touch') await this.user.keyboard(`[/${metaKey}]`);
         }
     }
@@ -99,13 +106,13 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
         if (!option) throw new Error('Target option not found in the listbox.');
         if (needsDoubleClick) await this.user.dblClick(option);
         else if (interactionType === 'keyboard') {
-            if ((option === null || option === void 0 ? void 0 : option.getAttribute('aria-disabled')) === 'true') return;
+            if (option?.getAttribute('aria-disabled') === 'true') return;
             await this.keyboardNavigateToOption({
                 option: option,
                 selectionOnNav: 'none'
             });
             await this.user.keyboard('[Enter]');
-        } else await (0, $5a8bfe1663b8366d$exports.pressElement)(this.user, option, interactionType);
+        } else await (0, $01a4eeee86094c77$exports.pressElement)(this.user, option, interactionType);
     }
     /**
    * Returns the listbox.
@@ -117,7 +124,7 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
    */ options(opts = {}) {
         let { element: element = this._listbox } = opts;
         let options = [];
-        if (element) options = (0, $bAxU9$testinglibraryreact.within)(element).queryAllByRole('option');
+        if (element) options = (0, $ivkeh$testinglibraryreact.within)(element).queryAllByRole('option');
         return options;
     }
     /**
@@ -128,16 +135,9 @@ class $8ac94de7d2631d04$export$54c24f7ee8577f4f {
     /**
    * Returns the listbox's sections if any.
    */ get sections() {
-        return (0, $bAxU9$testinglibraryreact.within)(this._listbox).queryAllByRole('group');
-    }
-    constructor(opts){
-        let { root: root, user: user, interactionType: interactionType, advanceTimer: advanceTimer } = opts;
-        this.user = user;
-        this._interactionType = interactionType || 'mouse';
-        this._listbox = root;
-        this._advanceTimer = advanceTimer;
+        return (0, $ivkeh$testinglibraryreact.within)(this._listbox).queryAllByRole('group');
     }
 }
 
 
-//# sourceMappingURL=listbox.main.js.map
+//# sourceMappingURL=listbox.cjs.map

package/dist/private/listbox.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-aria/test-utils/src/listbox.ts"],"sourcesContent":["/*\n * Copyright 2024 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 {act, within} from '@testing-library/react';\nimport {getAltKey, getMetaKey, pressElement, triggerLongPress} from './events';\nimport {ListBoxTesterOpts, UserOpts} from './types';\n\ninterface ListBoxToggleOptionOpts {\n  /**\n   * What interaction type to use when toggling selection for an option. Defaults to the interaction type set on the tester.\n   */\n  interactionType?: UserOpts['interactionType'],\n  /**\n   * The index, text, or node of the option to toggle selection for.\n   */\n  option: number | string | HTMLElement,\n  /**\n   * Whether the option should be triggered by Space or Enter in keyboard modality.\n   * @default 'Enter'\n   */\n  keyboardActivation?: 'Space' | 'Enter',\n  /**\n   * Whether the option needs to be long pressed to be selected. Depends on the listbox's implementation.\n   */\n  needsLongPress?: boolean,\n  /**\n   * Whether the listbox has a selectionBehavior of \"toggle\" or \"replace\" (aka highlight selection). This affects the user operations\n   * required to toggle option selection by adding modifier keys during user actions, useful when performing multi-option selection in a \"selectionBehavior: 'replace'\" listbox.\n   * If you would like to still simulate user actions (aka press) without these modifiers keys for a \"selectionBehavior: replace\" listbox, simply omit this option.\n   * See the [RAC Listbox docs](https://react-spectrum.adobe.com/react-aria/ListBox.html#selection-behavior) for more info on this behavior.\n   *\n   * @default 'toggle'\n   */\n    selectionBehavior?: 'toggle' | 'replace'\n}\n\ninterface ListBoxOptionActionOpts extends Omit<ListBoxToggleOptionOpts, 'keyboardActivation' | 'needsLongPress'> {\n  /**\n   * Whether or not the option needs a double click to trigger the option action. Depends on the listbox's implementation.\n   */\n  needsDoubleClick?: boolean\n}\n\nexport class ListBoxTester {\n  private user;\n  private _interactionType: UserOpts['interactionType'];\n  private _advanceTimer: UserOpts['advanceTimer'];\n  private _listbox: HTMLElement;\n\n  constructor(opts: ListBoxTesterOpts) {\n    let {root, user, interactionType, advanceTimer} = opts;\n    this.user = user;\n    this._interactionType = interactionType || 'mouse';\n    this._listbox = root;\n    this._advanceTimer = advanceTimer;\n  }\n\n  /**\n   * Set the interaction type used by the listbox tester.\n   */\n  setInteractionType(type: UserOpts['interactionType']): void {\n    this._interactionType = type;\n  }\n\n  // TODO: now that we have listbox, perhaps select can make use of this tester internally\n  /**\n   * Returns a option matching the specified index or text content.\n   */\n  findOption(opts: {optionIndexOrText: number | string}): HTMLElement {\n    let {\n      optionIndexOrText\n    } = opts;\n\n    let option;\n    let options = this.options();\n\n    if (typeof optionIndexOrText === 'number') {\n      option = options[optionIndexOrText];\n    } else if (typeof optionIndexOrText === 'string') {\n      option = (within(this.listbox!).getByText(optionIndexOrText).closest('[role=option]'))! as HTMLElement;\n    }\n\n    return option;\n  }\n\n  // TODO: this is basically the same as menu except for the error message, refactor later so that they share\n  // TODO: this also doesn't support grid layout yet\n  private async keyboardNavigateToOption(opts: {option: HTMLElement, selectionOnNav?: 'default' | 'none'}) {\n    let {option, selectionOnNav = 'default'} = opts;\n    let altKey = getAltKey();\n    let options = this.options();\n    let targetIndex = options.indexOf(option);\n    if (targetIndex === -1) {\n      throw new Error('Option provided is not in the listbox');\n    }\n\n    if (document.activeElement !== this._listbox && !this._listbox.contains(document.activeElement)) {\n      act(() => this._listbox.focus());\n      await this.user.keyboard(`${selectionOnNav === 'none' ? `[${altKey}>]` : ''}[ArrowDown]${selectionOnNav === 'none' ? `[/${altKey}]` : ''}`);\n    }\n\n    let currIndex = options.indexOf(document.activeElement as HTMLElement);\n    if (currIndex === -1) {\n      throw new Error('ActiveElement is not in the listbox');\n    }\n\n    let direction = targetIndex > currIndex ? 'down' : 'up';\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[${altKey}>]`);\n    }\n    for (let i = 0; i < Math.abs(targetIndex - currIndex); i++) {\n      await this.user.keyboard(`[${direction === 'down' ? 'ArrowDown' : 'ArrowUp'}]`);\n    }\n    if (selectionOnNav === 'none') {\n      await this.user.keyboard(`[/${altKey}]`);\n    }\n  };\n\n  /**\n   * Toggles the selection for the specified listbox option. Defaults to using the interaction type set on the listbox tester.\n   */\n  async toggleOptionSelection(opts: ListBoxToggleOptionOpts): Promise<void> {\n    let {\n      option,\n      needsLongPress,\n      keyboardActivation = 'Enter',\n      interactionType = this._interactionType,\n      selectionBehavior = 'toggle'\n    } = opts;\n\n    let altKey = getAltKey();\n    let metaKey = getMetaKey();\n\n    if (typeof option === 'string' || typeof option === 'number') {\n      option = this.findOption({optionIndexOrText: option});\n    }\n\n    if (!option) {\n      throw new Error('Target option not found in the listbox.');\n    }\n\n    if (interactionType === 'keyboard') {\n      if (option?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToOption({option, selectionOnNav: selectionBehavior === 'replace' ? 'none' : 'default'});\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[${altKey}>]`);\n      }\n      await this.user.keyboard(`[${keyboardActivation}]`);\n      if (selectionBehavior === 'replace') {\n        await this.user.keyboard(`[/${altKey}]`);\n      }\n    } else {\n      if (needsLongPress && interactionType === 'touch') {\n        if (this._advanceTimer == null) {\n          throw new Error('No advanceTimers provided for long press.');\n        }\n\n        await triggerLongPress({element: option, advanceTimer: this._advanceTimer, pointerOpts: {pointerType: 'touch'}});\n      } else {\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[${metaKey}>]`);\n        }\n        await pressElement(this.user, option, interactionType);\n        if (selectionBehavior === 'replace' && interactionType !== 'touch') {\n          await this.user.keyboard(`[/${metaKey}]`);\n        }\n      }\n    }\n  }\n\n  /**\n   * Triggers the action for the specified listbox option. Defaults to using the interaction type set on the listbox tester.\n   */\n  async triggerOptionAction(opts: ListBoxOptionActionOpts): Promise<void> {\n    let {\n      option,\n      needsDoubleClick,\n      interactionType = this._interactionType\n    } = opts;\n\n    if (typeof option === 'string' || typeof option === 'number') {\n      option = this.findOption({optionIndexOrText: option});\n    }\n\n    if (!option) {\n      throw new Error('Target option not found in the listbox.');\n    }\n\n    if (needsDoubleClick) {\n      await this.user.dblClick(option);\n    } else if (interactionType === 'keyboard') {\n      if (option?.getAttribute('aria-disabled') === 'true') {\n        return;\n      }\n\n      await this.keyboardNavigateToOption({option, selectionOnNav: 'none'});\n      await this.user.keyboard('[Enter]');\n    } else {\n      await pressElement(this.user, option, interactionType);\n    }\n  }\n\n  /**\n   * Returns the listbox.\n   */\n  get listbox(): HTMLElement {\n    return this._listbox;\n  }\n\n  /**\n   * Returns the listbox options. Can be filtered to a subsection of the listbox if provided via `element`.\n   */\n  options(opts: {element?: HTMLElement} = {}): HTMLElement[] {\n    let {element = this._listbox} = opts;\n    let options = [];\n    if (element) {\n      options = within(element).queryAllByRole('option');\n    }\n\n    return options;\n  }\n\n  /**\n   * Returns the listbox's selected options if any.\n   */\n  get selectedOptions(): HTMLElement[] {\n    return this.options().filter(row => row.getAttribute('aria-selected') === 'true');\n  }\n\n  /**\n   * Returns the listbox's sections if any.\n   */\n  get sections(): HTMLElement[] {\n    return within(this._listbox).queryAllByRole('group');\n  }\n}\n"],"names":[],"version":3,"file":"listbox.cjs.map"}