@react-aria/grid 3.14.7 → 3.15.0

package/dist/useGrid.main.js

@@ -1,135 +0,0 @@
-var $3187c0e19200cb16$exports = require("./GridKeyboardDelegate.main.js");
-var $8ee34951196858d0$exports = require("./utils.main.js");
-var $1eb174acfe8a0f16$exports = require("./useGridSelectionAnnouncement.main.js");
-var $340f2fcd0ef9ce8d$exports = require("./useHighlightSelectionDescription.main.js");
-var $lBaOG$reactariautils = require("@react-aria/utils");
-var $lBaOG$react = require("react");
-var $lBaOG$reactariai18n = require("@react-aria/i18n");
-var $lBaOG$reactariafocus = require("@react-aria/focus");
-var $lBaOG$reactariaselection = require("@react-aria/selection");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "useGrid", () => $11d770dfabe45077$export$f6b86a04e5d66d90);
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-function $11d770dfabe45077$export$f6b86a04e5d66d90(props, state, ref) {
-    let { isVirtualized: isVirtualized, disallowTypeAhead: disallowTypeAhead, keyboardDelegate: keyboardDelegate, focusMode: focusMode, scrollRef: scrollRef, getRowText: getRowText, onRowAction: onRowAction, onCellAction: onCellAction, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', shouldSelectOnPressUp: shouldSelectOnPressUp } = props;
-    let { selectionManager: manager } = state;
-    if (!props['aria-label'] && !props['aria-labelledby']) console.warn('An aria-label or aria-labelledby prop is required for accessibility.');
-    // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
-    // When virtualized, the layout object will be passed in as a prop and override this.
-    let collator = (0, $lBaOG$reactariai18n.useCollator)({
-        usage: 'search',
-        sensitivity: 'base'
-    });
-    let { direction: direction } = (0, $lBaOG$reactariai18n.useLocale)();
-    let disabledBehavior = state.selectionManager.disabledBehavior;
-    let delegate = (0, $lBaOG$react.useMemo)(()=>keyboardDelegate || new (0, $3187c0e19200cb16$exports.GridKeyboardDelegate)({
-            collection: state.collection,
-            disabledKeys: state.disabledKeys,
-            disabledBehavior: disabledBehavior,
-            ref: ref,
-            direction: direction,
-            collator: collator,
-            focusMode: focusMode
-        }), [
-        keyboardDelegate,
-        state.collection,
-        state.disabledKeys,
-        disabledBehavior,
-        ref,
-        direction,
-        collator,
-        focusMode
-    ]);
-    let { collectionProps: collectionProps } = (0, $lBaOG$reactariaselection.useSelectableCollection)({
-        ref: ref,
-        selectionManager: manager,
-        keyboardDelegate: delegate,
-        isVirtualized: isVirtualized,
-        scrollRef: scrollRef,
-        disallowTypeAhead: disallowTypeAhead,
-        escapeKeyBehavior: escapeKeyBehavior
-    });
-    let id = (0, $lBaOG$reactariautils.useId)(props.id);
-    (0, $8ee34951196858d0$exports.gridMap).set(state, {
-        keyboardDelegate: delegate,
-        actions: {
-            onRowAction: onRowAction,
-            onCellAction: onCellAction
-        },
-        shouldSelectOnPressUp: shouldSelectOnPressUp
-    });
-    let descriptionProps = (0, $340f2fcd0ef9ce8d$exports.useHighlightSelectionDescription)({
-        selectionManager: manager,
-        hasItemActions: !!(onRowAction || onCellAction)
-    });
-    let domProps = (0, $lBaOG$reactariautils.filterDOMProps)(props, {
-        labelable: true
-    });
-    let onFocus = (0, $lBaOG$react.useCallback)((e)=>{
-        if (manager.isFocused) {
-            // If a focus event bubbled through a portal, reset focus state.
-            if (!(0, $lBaOG$reactariautils.nodeContains)(e.currentTarget, e.target)) manager.setFocused(false);
-            return;
-        }
-        // Focus events can bubble through portals. Ignore these events.
-        if (!(0, $lBaOG$reactariautils.nodeContains)(e.currentTarget, e.target)) return;
-        manager.setFocused(true);
-    }, [
-        manager
-    ]);
-    // Continue to track collection focused state even if keyboard navigation is disabled
-    let navDisabledHandlers = (0, $lBaOG$react.useMemo)(()=>({
-            onBlur: collectionProps.onBlur,
-            onFocus: onFocus
-        }), [
-        onFocus,
-        collectionProps.onBlur
-    ]);
-    let hasTabbableChild = (0, $lBaOG$reactariafocus.useHasTabbableChild)(ref, {
-        isDisabled: state.collection.size !== 0
-    });
-    let gridProps = (0, $lBaOG$reactariautils.mergeProps)(domProps, {
-        role: 'grid',
-        id: id,
-        'aria-multiselectable': manager.selectionMode === 'multiple' ? 'true' : undefined
-    }, state.isKeyboardNavigationDisabled ? navDisabledHandlers : collectionProps, // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
-    state.collection.size === 0 && {
-        tabIndex: hasTabbableChild ? -1 : 0
-    } || undefined, descriptionProps);
-    if (isVirtualized) {
-        gridProps['aria-rowcount'] = state.collection.size;
-        gridProps['aria-colcount'] = state.collection.columnCount;
-    }
-    (0, $1eb174acfe8a0f16$exports.useGridSelectionAnnouncement)({
-        getRowText: getRowText
-    }, state);
-    return {
-        gridProps: gridProps
-    };
-}
-
-
-//# sourceMappingURL=useGrid.main.js.map

package/dist/useGrid.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAuEM,SAAS,0CAAW,KAAgB,EAAE,KAAsC,EAAE,GAAkC;IACrH,IAAI,iBACF,aAAa,qBACb,iBAAiB,oBACjB,gBAAgB,aAChB,SAAS,aACT,SAAS,cACT,UAAU,eACV,WAAW,gBACX,YAAY,qBACZ,oBAAoB,yCACpB,qBAAqB,EACtB,GAAG;IACJ,IAAI,EAAC,kBAAkB,OAAO,EAAC,GAAG;IAElC,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,kBAAkB,EACnD,QAAQ,IAAI,CAAC;IAGf,0HAA0H;IAC1H,qFAAqF;IACrF,IAAI,WAAW,CAAA,GAAA,gCAAU,EAAE;QAAC,OAAO;QAAU,aAAa;IAAM;IAChE,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,8BAAQ;IAC1B,IAAI,mBAAmB,MAAM,gBAAgB,CAAC,gBAAgB;IAC9D,IAAI,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAM,oBAAoB,IAAI,CAAA,GAAA,8CAAmB,EAAE;YACxE,YAAY,MAAM,UAAU;YAC5B,cAAc,MAAM,YAAY;8BAChC;iBACA;uBACA;sBACA;uBACA;QACF,IAAI;QAAC;QAAkB,MAAM,UAAU;QAAE,MAAM,YAAY;QAAE;QAAkB;QAAK;QAAW;QAAU;KAAU;IAEnH,IAAI,mBAAC,eAAe,EAAC,GAAG,CAAA,GAAA,iDAAsB,EAAE;aAC9C;QACA,kBAAkB;QAClB,kBAAkB;uBAClB;mBACA;2BACA;2BACA;IACF;IAEA,IAAI,KAAK,CAAA,GAAA,2BAAI,EAAE,MAAM,EAAE;IACvB,CAAA,GAAA,iCAAM,EAAE,GAAG,CAAC,OAAO;QAAC,kBAAkB;QAAU,SAAS;yBAAC;0BAAa;QAAY;+BAAG;IAAqB;IAE3G,IAAI,mBAAmB,CAAA,GAAA,0DAA+B,EAAE;QACtD,kBAAkB;QAClB,gBAAgB,CAAC,CAAE,CAAA,eAAe,YAAW;IAC/C;IAEA,IAAI,WAAW,CAAA,GAAA,oCAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IAErD,IAAI,UAAU,CAAA,GAAA,wBAAU,EAAE,CAAC;QACzB,IAAI,QAAQ,SAAS,EAAE;YACrB,gEAAgE;YAChE,IAAI,CAAC,CAAA,GAAA,kCAAW,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,GACzC,QAAQ,UAAU,CAAC;YAGrB;QACF;QAEA,gEAAgE;QAChE,IAAI,CAAC,CAAA,GAAA,kCAAW,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,GACzC;QAGF,QAAQ,UAAU,CAAC;IACrB,GAAG;QAAC;KAAQ;IAEZ,qFAAqF;IACrF,IAAI,sBAAsB,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA;YACvC,QAAQ,gBAAgB,MAAM;qBAC9B;QACF,CAAA,GAAI;QAAC;QAAS,gBAAgB,MAAM;KAAC;IAErC,IAAI,mBAAmB,CAAA,GAAA,yCAAkB,EAAE,KAAK;QAC9C,YAAY,MAAM,UAAU,CAAC,IAAI,KAAK;IACxC;IAEA,IAAI,YAA2B,CAAA,GAAA,gCAAS,EACtC,UACA;QACE,MAAM;YACN;QACA,wBAAwB,QAAQ,aAAa,KAAK,aAAa,SAAS;IAC1E,GACA,MAAM,4BAA4B,GAAG,sBAAsB,iBAE3D,AADA,mGAAmG;IAClG,MAAM,UAAU,CAAC,IAAI,KAAK,KAAK;QAAC,UAAU,mBAAmB,KAAK;IAAC,KAAM,WAC1E;IAGF,IAAI,eAAe;QACjB,SAAS,CAAC,gBAAgB,GAAG,MAAM,UAAU,CAAC,IAAI;QAClD,SAAS,CAAC,gBAAgB,GAAG,MAAM,UAAU,CAAC,WAAW;IAC3D;IAEA,CAAA,GAAA,sDAA2B,EAAE;oBAAC;IAAU,GAAG;IAC3C,OAAO;mBACL;IACF;AACF","sources":["packages/@react-aria/grid/src/useGrid.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 {AriaLabelingProps, DOMAttributes, DOMProps, Key, KeyboardDelegate, RefObject} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, nodeContains, useId} from '@react-aria/utils';\nimport {GridCollection} from '@react-types/grid';\nimport {GridKeyboardDelegate} from './GridKeyboardDelegate';\nimport {gridMap} from './utils';\nimport {GridState} from '@react-stately/grid';\nimport {useCallback, useMemo} from 'react';\nimport {useCollator, useLocale} from '@react-aria/i18n';\nimport {useGridSelectionAnnouncement} from './useGridSelectionAnnouncement';\nimport {useHasTabbableChild} from '@react-aria/focus';\nimport {useHighlightSelectionDescription} from './useHighlightSelectionDescription';\nimport {useSelectableCollection} from '@react-aria/selection';\n\nexport interface GridProps extends DOMProps, AriaLabelingProps {\n  /** Whether the grid uses virtual scrolling. */\n  isVirtualized?: boolean,\n  /**\n   * Whether typeahead navigation is disabled.\n   * @default false\n   */\n  disallowTypeAhead?: boolean,\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate,\n  /**\n   * Whether initial grid focus should be placed on the grid row or grid cell.\n   * @default 'row'\n   */\n  focusMode?: 'row' | 'cell',\n  /**\n   * A function that returns the text that should be announced by assistive technology when a row is added or removed from selection.\n   * @default (key) => state.collection.getItem(key)?.textValue\n   */\n  getRowText?: (key: Key) => string,\n  /**\n   * The ref attached to the scrollable body. Used to provided automatic scrolling on item focus for non-virtualized grids.\n   */\n  scrollRef?: RefObject<HTMLElement | null>,\n  /** Handler that is called when a user performs an action on the row. */\n  onRowAction?: (key: Key) => void,\n  /** Handler that is called when a user performs an action on the cell. */\n  onCellAction?: (key: Key) => void,\n  /**\n   * Whether pressing the escape key should clear selection in the grid or not.\n   *\n   * Most experiences should not modify this option as it eliminates a keyboard user's ability to\n   * easily clear selection. Only use if the escape key is being handled externally or should not\n   * trigger selection clearing contextually.\n   * @default 'clearSelection'\n   */\n  escapeKeyBehavior?: 'clearSelection' | 'none',\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean\n}\n\nexport interface GridAria {\n  /** Props for the grid element. */\n  gridProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a grid component.\n * A grid displays data in one or more rows and columns and enables a user to navigate its contents via directional navigation keys.\n * @param props - Props for the grid.\n * @param state - State for the grid, as returned by `useGridState`.\n * @param ref - The ref attached to the grid element.\n */\nexport function useGrid<T>(props: GridProps, state: GridState<T, GridCollection<T>>, ref: RefObject<HTMLElement | null>): GridAria {\n  let {\n    isVirtualized,\n    disallowTypeAhead,\n    keyboardDelegate,\n    focusMode,\n    scrollRef,\n    getRowText,\n    onRowAction,\n    onCellAction,\n    escapeKeyBehavior = 'clearSelection',\n    shouldSelectOnPressUp\n  } = props;\n  let {selectionManager: manager} = state;\n\n  if (!props['aria-label'] && !props['aria-labelledby']) {\n    console.warn('An aria-label or aria-labelledby prop is required for accessibility.');\n  }\n\n  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n  // When virtualized, the layout object will be passed in as a prop and override this.\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let {direction} = useLocale();\n  let disabledBehavior = state.selectionManager.disabledBehavior;\n  let delegate = useMemo(() => keyboardDelegate || new GridKeyboardDelegate({\n    collection: state.collection,\n    disabledKeys: state.disabledKeys,\n    disabledBehavior,\n    ref,\n    direction,\n    collator,\n    focusMode\n  }), [keyboardDelegate, state.collection, state.disabledKeys, disabledBehavior, ref, direction, collator, focusMode]);\n\n  let {collectionProps} = useSelectableCollection({\n    ref,\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    isVirtualized,\n    scrollRef,\n    disallowTypeAhead,\n    escapeKeyBehavior\n  });\n\n  let id = useId(props.id);\n  gridMap.set(state, {keyboardDelegate: delegate, actions: {onRowAction, onCellAction}, shouldSelectOnPressUp});\n\n  let descriptionProps = useHighlightSelectionDescription({\n    selectionManager: manager,\n    hasItemActions: !!(onRowAction || onCellAction)\n  });\n\n  let domProps = filterDOMProps(props, {labelable: true});\n\n  let onFocus = useCallback((e) => {\n    if (manager.isFocused) {\n      // If a focus event bubbled through a portal, reset focus state.\n      if (!nodeContains(e.currentTarget, e.target)) {\n        manager.setFocused(false);\n      }\n\n      return;\n    }\n\n    // Focus events can bubble through portals. Ignore these events.\n    if (!nodeContains(e.currentTarget, e.target)) {\n      return;\n    }\n\n    manager.setFocused(true);\n  }, [manager]);\n\n  // Continue to track collection focused state even if keyboard navigation is disabled\n  let navDisabledHandlers = useMemo(() => ({\n    onBlur: collectionProps.onBlur,\n    onFocus\n  }), [onFocus, collectionProps.onBlur]);\n\n  let hasTabbableChild = useHasTabbableChild(ref, {\n    isDisabled: state.collection.size !== 0\n  });\n\n  let gridProps: DOMAttributes = mergeProps(\n    domProps,\n    {\n      role: 'grid',\n      id,\n      'aria-multiselectable': manager.selectionMode === 'multiple' ? 'true' : undefined\n    },\n    state.isKeyboardNavigationDisabled ? navDisabledHandlers : collectionProps,\n    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.\n    (state.collection.size === 0 && {tabIndex: hasTabbableChild ? -1 : 0}) || undefined,\n    descriptionProps\n  );\n\n  if (isVirtualized) {\n    gridProps['aria-rowcount'] = state.collection.size;\n    gridProps['aria-colcount'] = state.collection.columnCount;\n  }\n\n  useGridSelectionAnnouncement({getRowText}, state);\n  return {\n    gridProps\n  };\n}\n"],"names":[],"version":3,"file":"useGrid.main.js.map"}

package/dist/useGrid.mjs

@@ -1,130 +0,0 @@
-import {GridKeyboardDelegate as $d1c300d9c497e402$export$de9feff04fda126e} from "./GridKeyboardDelegate.mjs";
-import {gridMap as $1af922eb41e03c8f$export$e6235c0d09b995d0} from "./utils.mjs";
-import {useGridSelectionAnnouncement as $92599c3fd427b763$export$137e594ef3218a10} from "./useGridSelectionAnnouncement.mjs";
-import {useHighlightSelectionDescription as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2} from "./useHighlightSelectionDescription.mjs";
-import {useId as $eV0xE$useId, filterDOMProps as $eV0xE$filterDOMProps, nodeContains as $eV0xE$nodeContains, mergeProps as $eV0xE$mergeProps} from "@react-aria/utils";
-import {useMemo as $eV0xE$useMemo, useCallback as $eV0xE$useCallback} from "react";
-import {useCollator as $eV0xE$useCollator, useLocale as $eV0xE$useLocale} from "@react-aria/i18n";
-import {useHasTabbableChild as $eV0xE$useHasTabbableChild} from "@react-aria/focus";
-import {useSelectableCollection as $eV0xE$useSelectableCollection} from "@react-aria/selection";
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref) {
-    let { isVirtualized: isVirtualized, disallowTypeAhead: disallowTypeAhead, keyboardDelegate: keyboardDelegate, focusMode: focusMode, scrollRef: scrollRef, getRowText: getRowText, onRowAction: onRowAction, onCellAction: onCellAction, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', shouldSelectOnPressUp: shouldSelectOnPressUp } = props;
-    let { selectionManager: manager } = state;
-    if (!props['aria-label'] && !props['aria-labelledby']) console.warn('An aria-label or aria-labelledby prop is required for accessibility.');
-    // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
-    // When virtualized, the layout object will be passed in as a prop and override this.
-    let collator = (0, $eV0xE$useCollator)({
-        usage: 'search',
-        sensitivity: 'base'
-    });
-    let { direction: direction } = (0, $eV0xE$useLocale)();
-    let disabledBehavior = state.selectionManager.disabledBehavior;
-    let delegate = (0, $eV0xE$useMemo)(()=>keyboardDelegate || new (0, $d1c300d9c497e402$export$de9feff04fda126e)({
-            collection: state.collection,
-            disabledKeys: state.disabledKeys,
-            disabledBehavior: disabledBehavior,
-            ref: ref,
-            direction: direction,
-            collator: collator,
-            focusMode: focusMode
-        }), [
-        keyboardDelegate,
-        state.collection,
-        state.disabledKeys,
-        disabledBehavior,
-        ref,
-        direction,
-        collator,
-        focusMode
-    ]);
-    let { collectionProps: collectionProps } = (0, $eV0xE$useSelectableCollection)({
-        ref: ref,
-        selectionManager: manager,
-        keyboardDelegate: delegate,
-        isVirtualized: isVirtualized,
-        scrollRef: scrollRef,
-        disallowTypeAhead: disallowTypeAhead,
-        escapeKeyBehavior: escapeKeyBehavior
-    });
-    let id = (0, $eV0xE$useId)(props.id);
-    (0, $1af922eb41e03c8f$export$e6235c0d09b995d0).set(state, {
-        keyboardDelegate: delegate,
-        actions: {
-            onRowAction: onRowAction,
-            onCellAction: onCellAction
-        },
-        shouldSelectOnPressUp: shouldSelectOnPressUp
-    });
-    let descriptionProps = (0, $5b9b5b5723db6ae1$export$be42ebdab07ae4c2)({
-        selectionManager: manager,
-        hasItemActions: !!(onRowAction || onCellAction)
-    });
-    let domProps = (0, $eV0xE$filterDOMProps)(props, {
-        labelable: true
-    });
-    let onFocus = (0, $eV0xE$useCallback)((e)=>{
-        if (manager.isFocused) {
-            // If a focus event bubbled through a portal, reset focus state.
-            if (!(0, $eV0xE$nodeContains)(e.currentTarget, e.target)) manager.setFocused(false);
-            return;
-        }
-        // Focus events can bubble through portals. Ignore these events.
-        if (!(0, $eV0xE$nodeContains)(e.currentTarget, e.target)) return;
-        manager.setFocused(true);
-    }, [
-        manager
-    ]);
-    // Continue to track collection focused state even if keyboard navigation is disabled
-    let navDisabledHandlers = (0, $eV0xE$useMemo)(()=>({
-            onBlur: collectionProps.onBlur,
-            onFocus: onFocus
-        }), [
-        onFocus,
-        collectionProps.onBlur
-    ]);
-    let hasTabbableChild = (0, $eV0xE$useHasTabbableChild)(ref, {
-        isDisabled: state.collection.size !== 0
-    });
-    let gridProps = (0, $eV0xE$mergeProps)(domProps, {
-        role: 'grid',
-        id: id,
-        'aria-multiselectable': manager.selectionMode === 'multiple' ? 'true' : undefined
-    }, state.isKeyboardNavigationDisabled ? navDisabledHandlers : collectionProps, // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
-    state.collection.size === 0 && {
-        tabIndex: hasTabbableChild ? -1 : 0
-    } || undefined, descriptionProps);
-    if (isVirtualized) {
-        gridProps['aria-rowcount'] = state.collection.size;
-        gridProps['aria-colcount'] = state.collection.columnCount;
-    }
-    (0, $92599c3fd427b763$export$137e594ef3218a10)({
-        getRowText: getRowText
-    }, state);
-    return {
-        gridProps: gridProps
-    };
-}
-
-
-export {$83c6e2eafa584c67$export$f6b86a04e5d66d90 as useGrid};
-//# sourceMappingURL=useGrid.module.js.map

package/dist/useGrid.module.js

@@ -1,130 +0,0 @@
-import {GridKeyboardDelegate as $d1c300d9c497e402$export$de9feff04fda126e} from "./GridKeyboardDelegate.module.js";
-import {gridMap as $1af922eb41e03c8f$export$e6235c0d09b995d0} from "./utils.module.js";
-import {useGridSelectionAnnouncement as $92599c3fd427b763$export$137e594ef3218a10} from "./useGridSelectionAnnouncement.module.js";
-import {useHighlightSelectionDescription as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2} from "./useHighlightSelectionDescription.module.js";
-import {useId as $eV0xE$useId, filterDOMProps as $eV0xE$filterDOMProps, nodeContains as $eV0xE$nodeContains, mergeProps as $eV0xE$mergeProps} from "@react-aria/utils";
-import {useMemo as $eV0xE$useMemo, useCallback as $eV0xE$useCallback} from "react";
-import {useCollator as $eV0xE$useCollator, useLocale as $eV0xE$useLocale} from "@react-aria/i18n";
-import {useHasTabbableChild as $eV0xE$useHasTabbableChild} from "@react-aria/focus";
-import {useSelectableCollection as $eV0xE$useSelectableCollection} from "@react-aria/selection";
-
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-
-
-
-
-
-
-function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref) {
-    let { isVirtualized: isVirtualized, disallowTypeAhead: disallowTypeAhead, keyboardDelegate: keyboardDelegate, focusMode: focusMode, scrollRef: scrollRef, getRowText: getRowText, onRowAction: onRowAction, onCellAction: onCellAction, escapeKeyBehavior: escapeKeyBehavior = 'clearSelection', shouldSelectOnPressUp: shouldSelectOnPressUp } = props;
-    let { selectionManager: manager } = state;
-    if (!props['aria-label'] && !props['aria-labelledby']) console.warn('An aria-label or aria-labelledby prop is required for accessibility.');
-    // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).
-    // When virtualized, the layout object will be passed in as a prop and override this.
-    let collator = (0, $eV0xE$useCollator)({
-        usage: 'search',
-        sensitivity: 'base'
-    });
-    let { direction: direction } = (0, $eV0xE$useLocale)();
-    let disabledBehavior = state.selectionManager.disabledBehavior;
-    let delegate = (0, $eV0xE$useMemo)(()=>keyboardDelegate || new (0, $d1c300d9c497e402$export$de9feff04fda126e)({
-            collection: state.collection,
-            disabledKeys: state.disabledKeys,
-            disabledBehavior: disabledBehavior,
-            ref: ref,
-            direction: direction,
-            collator: collator,
-            focusMode: focusMode
-        }), [
-        keyboardDelegate,
-        state.collection,
-        state.disabledKeys,
-        disabledBehavior,
-        ref,
-        direction,
-        collator,
-        focusMode
-    ]);
-    let { collectionProps: collectionProps } = (0, $eV0xE$useSelectableCollection)({
-        ref: ref,
-        selectionManager: manager,
-        keyboardDelegate: delegate,
-        isVirtualized: isVirtualized,
-        scrollRef: scrollRef,
-        disallowTypeAhead: disallowTypeAhead,
-        escapeKeyBehavior: escapeKeyBehavior
-    });
-    let id = (0, $eV0xE$useId)(props.id);
-    (0, $1af922eb41e03c8f$export$e6235c0d09b995d0).set(state, {
-        keyboardDelegate: delegate,
-        actions: {
-            onRowAction: onRowAction,
-            onCellAction: onCellAction
-        },
-        shouldSelectOnPressUp: shouldSelectOnPressUp
-    });
-    let descriptionProps = (0, $5b9b5b5723db6ae1$export$be42ebdab07ae4c2)({
-        selectionManager: manager,
-        hasItemActions: !!(onRowAction || onCellAction)
-    });
-    let domProps = (0, $eV0xE$filterDOMProps)(props, {
-        labelable: true
-    });
-    let onFocus = (0, $eV0xE$useCallback)((e)=>{
-        if (manager.isFocused) {
-            // If a focus event bubbled through a portal, reset focus state.
-            if (!(0, $eV0xE$nodeContains)(e.currentTarget, e.target)) manager.setFocused(false);
-            return;
-        }
-        // Focus events can bubble through portals. Ignore these events.
-        if (!(0, $eV0xE$nodeContains)(e.currentTarget, e.target)) return;
-        manager.setFocused(true);
-    }, [
-        manager
-    ]);
-    // Continue to track collection focused state even if keyboard navigation is disabled
-    let navDisabledHandlers = (0, $eV0xE$useMemo)(()=>({
-            onBlur: collectionProps.onBlur,
-            onFocus: onFocus
-        }), [
-        onFocus,
-        collectionProps.onBlur
-    ]);
-    let hasTabbableChild = (0, $eV0xE$useHasTabbableChild)(ref, {
-        isDisabled: state.collection.size !== 0
-    });
-    let gridProps = (0, $eV0xE$mergeProps)(domProps, {
-        role: 'grid',
-        id: id,
-        'aria-multiselectable': manager.selectionMode === 'multiple' ? 'true' : undefined
-    }, state.isKeyboardNavigationDisabled ? navDisabledHandlers : collectionProps, // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
-    state.collection.size === 0 && {
-        tabIndex: hasTabbableChild ? -1 : 0
-    } || undefined, descriptionProps);
-    if (isVirtualized) {
-        gridProps['aria-rowcount'] = state.collection.size;
-        gridProps['aria-colcount'] = state.collection.columnCount;
-    }
-    (0, $92599c3fd427b763$export$137e594ef3218a10)({
-        getRowText: getRowText
-    }, state);
-    return {
-        gridProps: gridProps
-    };
-}
-
-
-export {$83c6e2eafa584c67$export$f6b86a04e5d66d90 as useGrid};
-//# sourceMappingURL=useGrid.module.js.map

package/dist/useGrid.module.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-aria/grid/src/useGrid.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 {AriaLabelingProps, DOMAttributes, DOMProps, Key, KeyboardDelegate, RefObject} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, nodeContains, useId} from '@react-aria/utils';\nimport {GridCollection} from '@react-types/grid';\nimport {GridKeyboardDelegate} from './GridKeyboardDelegate';\nimport {gridMap} from './utils';\nimport {GridState} from '@react-stately/grid';\nimport {useCallback, useMemo} from 'react';\nimport {useCollator, useLocale} from '@react-aria/i18n';\nimport {useGridSelectionAnnouncement} from './useGridSelectionAnnouncement';\nimport {useHasTabbableChild} from '@react-aria/focus';\nimport {useHighlightSelectionDescription} from './useHighlightSelectionDescription';\nimport {useSelectableCollection} from '@react-aria/selection';\n\nexport interface GridProps extends DOMProps, AriaLabelingProps {\n  /** Whether the grid uses virtual scrolling. */\n  isVirtualized?: boolean,\n  /**\n   * Whether typeahead navigation is disabled.\n   * @default false\n   */\n  disallowTypeAhead?: boolean,\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate,\n  /**\n   * Whether initial grid focus should be placed on the grid row or grid cell.\n   * @default 'row'\n   */\n  focusMode?: 'row' | 'cell',\n  /**\n   * A function that returns the text that should be announced by assistive technology when a row is added or removed from selection.\n   * @default (key) => state.collection.getItem(key)?.textValue\n   */\n  getRowText?: (key: Key) => string,\n  /**\n   * The ref attached to the scrollable body. Used to provided automatic scrolling on item focus for non-virtualized grids.\n   */\n  scrollRef?: RefObject<HTMLElement | null>,\n  /** Handler that is called when a user performs an action on the row. */\n  onRowAction?: (key: Key) => void,\n  /** Handler that is called when a user performs an action on the cell. */\n  onCellAction?: (key: Key) => void,\n  /**\n   * Whether pressing the escape key should clear selection in the grid or not.\n   *\n   * Most experiences should not modify this option as it eliminates a keyboard user's ability to\n   * easily clear selection. Only use if the escape key is being handled externally or should not\n   * trigger selection clearing contextually.\n   * @default 'clearSelection'\n   */\n  escapeKeyBehavior?: 'clearSelection' | 'none',\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean\n}\n\nexport interface GridAria {\n  /** Props for the grid element. */\n  gridProps: DOMAttributes\n}\n\n/**\n * Provides the behavior and accessibility implementation for a grid component.\n * A grid displays data in one or more rows and columns and enables a user to navigate its contents via directional navigation keys.\n * @param props - Props for the grid.\n * @param state - State for the grid, as returned by `useGridState`.\n * @param ref - The ref attached to the grid element.\n */\nexport function useGrid<T>(props: GridProps, state: GridState<T, GridCollection<T>>, ref: RefObject<HTMLElement | null>): GridAria {\n  let {\n    isVirtualized,\n    disallowTypeAhead,\n    keyboardDelegate,\n    focusMode,\n    scrollRef,\n    getRowText,\n    onRowAction,\n    onCellAction,\n    escapeKeyBehavior = 'clearSelection',\n    shouldSelectOnPressUp\n  } = props;\n  let {selectionManager: manager} = state;\n\n  if (!props['aria-label'] && !props['aria-labelledby']) {\n    console.warn('An aria-label or aria-labelledby prop is required for accessibility.');\n  }\n\n  // By default, a KeyboardDelegate is provided which uses the DOM to query layout information (e.g. for page up/page down).\n  // When virtualized, the layout object will be passed in as a prop and override this.\n  let collator = useCollator({usage: 'search', sensitivity: 'base'});\n  let {direction} = useLocale();\n  let disabledBehavior = state.selectionManager.disabledBehavior;\n  let delegate = useMemo(() => keyboardDelegate || new GridKeyboardDelegate({\n    collection: state.collection,\n    disabledKeys: state.disabledKeys,\n    disabledBehavior,\n    ref,\n    direction,\n    collator,\n    focusMode\n  }), [keyboardDelegate, state.collection, state.disabledKeys, disabledBehavior, ref, direction, collator, focusMode]);\n\n  let {collectionProps} = useSelectableCollection({\n    ref,\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    isVirtualized,\n    scrollRef,\n    disallowTypeAhead,\n    escapeKeyBehavior\n  });\n\n  let id = useId(props.id);\n  gridMap.set(state, {keyboardDelegate: delegate, actions: {onRowAction, onCellAction}, shouldSelectOnPressUp});\n\n  let descriptionProps = useHighlightSelectionDescription({\n    selectionManager: manager,\n    hasItemActions: !!(onRowAction || onCellAction)\n  });\n\n  let domProps = filterDOMProps(props, {labelable: true});\n\n  let onFocus = useCallback((e) => {\n    if (manager.isFocused) {\n      // If a focus event bubbled through a portal, reset focus state.\n      if (!nodeContains(e.currentTarget, e.target)) {\n        manager.setFocused(false);\n      }\n\n      return;\n    }\n\n    // Focus events can bubble through portals. Ignore these events.\n    if (!nodeContains(e.currentTarget, e.target)) {\n      return;\n    }\n\n    manager.setFocused(true);\n  }, [manager]);\n\n  // Continue to track collection focused state even if keyboard navigation is disabled\n  let navDisabledHandlers = useMemo(() => ({\n    onBlur: collectionProps.onBlur,\n    onFocus\n  }), [onFocus, collectionProps.onBlur]);\n\n  let hasTabbableChild = useHasTabbableChild(ref, {\n    isDisabled: state.collection.size !== 0\n  });\n\n  let gridProps: DOMAttributes = mergeProps(\n    domProps,\n    {\n      role: 'grid',\n      id,\n      'aria-multiselectable': manager.selectionMode === 'multiple' ? 'true' : undefined\n    },\n    state.isKeyboardNavigationDisabled ? navDisabledHandlers : collectionProps,\n    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.\n    (state.collection.size === 0 && {tabIndex: hasTabbableChild ? -1 : 0}) || undefined,\n    descriptionProps\n  );\n\n  if (isVirtualized) {\n    gridProps['aria-rowcount'] = state.collection.size;\n    gridProps['aria-colcount'] = state.collection.columnCount;\n  }\n\n  useGridSelectionAnnouncement({getRowText}, state);\n  return {\n    gridProps\n  };\n}\n"],"names":[],"version":3,"file":"useGrid.module.js.map"}