@react-aria/listbox 3.0.0-alpha.1 → 3.0.0-nightly-641446f65-240905

package/README.md

@@ -0,0 +1,3 @@
+# @react-aria/listbox
+
+This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details.

package/dist/import.mjs

@@ -0,0 +1,23 @@
+import {useListBox as $c132121280ec012d$export$50eacbbf140a3141} from "./useListBox.mjs";
+import {useOption as $293f70390ea03370$export$497855f14858aa34} from "./useOption.mjs";
+import {useListBoxSection as $af383d3bef1cfdc9$export$c3f9f39876e4bc7} from "./useListBoxSection.mjs";
+import {getItemId as $b1f0cad8af73213b$export$9145995848b05025, listData as $b1f0cad8af73213b$export$3585ede4d035bf14} from "./utils.mjs";
+
+/*
+ * 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.
+ */ 
+
+
+
+
+
+export {$c132121280ec012d$export$50eacbbf140a3141 as useListBox, $293f70390ea03370$export$497855f14858aa34 as useOption, $af383d3bef1cfdc9$export$c3f9f39876e4bc7 as useListBoxSection, $b1f0cad8af73213b$export$3585ede4d035bf14 as listData, $b1f0cad8af73213b$export$9145995848b05025 as getItemId};
+//# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,118 +1,32 @@
-var _babelRuntimeHelpersObjectSpread = $parcel$interopDefault(require("@babel/runtime/helpers/objectSpread2"));
+var $a3ce5bb3074610af$exports = require("./useListBox.main.js");
+var $c164f9f79f4cef2d$exports = require("./useOption.main.js");
+var $f32afd5f225c3320$exports = require("./useListBoxSection.main.js");
+var $87beb89ab4a308fd$exports = require("./utils.main.js");
 
-var _temp = require("@react-aria/selection");
 
-var useSelectableList = _temp.useSelectableList;
-var useSelectableItem = _temp.useSelectableItem;
-
-var _temp2 = require("@react-aria/interactions");
-
-var useHover = _temp2.useHover;
-var usePress = _temp2.usePress;
-
-var _temp3 = require("@react-aria/utils");
-
-var useSlotId = _temp3.useSlotId;
-var useId = _temp3.useId;
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function useListBox(props, state) {
-  var _useSelectableList = useSelectableList(_babelRuntimeHelpersObjectSpread({}, props, {
-    selectionManager: state.selectionManager,
-    collection: state.collection
-  })),
-      listProps = _useSelectableList.listProps;
-
-  return {
-    listBoxProps: _babelRuntimeHelpersObjectSpread({
-      role: 'listbox',
-      'aria-multiselectable': state.selectionManager.selectionMode === 'multiple' ? 'true' : undefined
-    }, listProps)
-  };
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-exports.useListBox = useListBox;
-
-function useOption(props, state) {
-  var isSelected = props.isSelected,
-      isDisabled = props.isDisabled,
-      key = props.key,
-      ref = props.ref,
-      shouldSelectOnPressUp = props.shouldSelectOnPressUp,
-      shouldFocusOnHover = props.shouldFocusOnHover,
-      isVirtualized = props.isVirtualized;
-  var labelId = useSlotId();
-  var descriptionId = useSlotId();
-  var optionProps = {
-    role: 'option',
-    'aria-disabled': isDisabled,
-    'aria-selected': isSelected,
-    'aria-label': props['aria-label'],
-    'aria-labelledby': labelId,
-    'aria-describedby': descriptionId
-  };
+$parcel$export(module.exports, "useListBox", () => $a3ce5bb3074610af$exports.useListBox);
+$parcel$export(module.exports, "useOption", () => $c164f9f79f4cef2d$exports.useOption);
+$parcel$export(module.exports, "useListBoxSection", () => $f32afd5f225c3320$exports.useListBoxSection);
+$parcel$export(module.exports, "listData", () => $87beb89ab4a308fd$exports.listData);
+$parcel$export(module.exports, "getItemId", () => $87beb89ab4a308fd$exports.getItemId);
+/*
+ * 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.
+ */ 
 
-  if (isVirtualized) {
-    optionProps['aria-posinset'] = state.collection.getItem(key).index;
-    optionProps['aria-setsize'] = state.collection.size;
-  }
 
-  var _useSelectableItem = useSelectableItem({
-    selectionManager: state.selectionManager,
-    itemKey: key,
-    itemRef: ref,
-    shouldSelectOnPressUp: shouldSelectOnPressUp,
-    isVirtualized: isVirtualized
-  }),
-      itemProps = _useSelectableItem.itemProps;
 
-  var _usePress = usePress(_babelRuntimeHelpersObjectSpread({}, itemProps, {
-    isDisabled: isDisabled
-  })),
-      pressProps = _usePress.pressProps;
 
-  var _useHover = useHover({
-    isDisabled: isDisabled || !shouldFocusOnHover,
-    onHover: function onHover() {
-      state.selectionManager.setFocusedKey(key);
-    }
-  }),
-      hoverProps = _useHover.hoverProps;
-
-  return {
-    optionProps: _babelRuntimeHelpersObjectSpread({}, optionProps, {}, pressProps, {}, hoverProps),
-    labelProps: {
-      id: labelId
-    },
-    descriptionProps: {
-      id: descriptionId
-    }
-  };
-}
-
-exports.useOption = useOption;
-
-function useListBoxSection(props) {
-  var heading = props.heading,
-      ariaLabel = props['aria-label'];
-  var headingId = useId();
-  return {
-    headingProps: heading ? {
-      // Techincally, listbox cannot contain headings according to ARIA.
-      // We hide the heading from assistive technology, and only use it
-      // as a label for the nested group.
-      id: headingId,
-      'aria-hidden': true
-    } : {},
-    groupProps: {
-      role: 'group',
-      'aria-label': ariaLabel,
-      'aria-labelledby': heading ? headingId : undefined
-    }
-  };
-}
 
-exports.useListBoxSection = useListBoxSection;
+//# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/listbox/src/index.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\nexport {useListBox} from './useListBox';\nexport {useOption} from './useOption';\nexport {useListBoxSection} from './useListBoxSection';\nexport {listData, getItemId} from './utils';\n\nexport type {AriaListBoxProps} from '@react-types/listbox';\nexport type {AriaListBoxOptions, ListBoxAria} from './useListBox';\nexport type {AriaOptionProps, OptionAria} from './useOption';\nexport type {AriaListBoxSectionProps, ListBoxSectionAria} from './useListBoxSection';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,99 +1,23 @@
-import _babelRuntimeHelpersEsmObjectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { useSelectableList, useSelectableItem } from "@react-aria/selection";
-import { useHover, usePress } from "@react-aria/interactions";
-import { useSlotId, useId } from "@react-aria/utils";
-export function useListBox(props, state) {
-  let {
-    listProps
-  } = useSelectableList(_babelRuntimeHelpersEsmObjectSpread({}, props, {
-    selectionManager: state.selectionManager,
-    collection: state.collection
-  }));
-  return {
-    listBoxProps: _babelRuntimeHelpersEsmObjectSpread({
-      role: 'listbox',
-      'aria-multiselectable': state.selectionManager.selectionMode === 'multiple' ? 'true' : undefined
-    }, listProps)
-  };
-}
-export function useOption(props, state) {
-  let {
-    isSelected,
-    isDisabled,
-    key,
-    ref,
-    shouldSelectOnPressUp,
-    shouldFocusOnHover,
-    isVirtualized
-  } = props;
-  let labelId = useSlotId();
-  let descriptionId = useSlotId();
-  let optionProps = {
-    role: 'option',
-    'aria-disabled': isDisabled,
-    'aria-selected': isSelected,
-    'aria-label': props['aria-label'],
-    'aria-labelledby': labelId,
-    'aria-describedby': descriptionId
-  };
+import {useListBox as $c132121280ec012d$export$50eacbbf140a3141} from "./useListBox.module.js";
+import {useOption as $293f70390ea03370$export$497855f14858aa34} from "./useOption.module.js";
+import {useListBoxSection as $af383d3bef1cfdc9$export$c3f9f39876e4bc7} from "./useListBoxSection.module.js";
+import {getItemId as $b1f0cad8af73213b$export$9145995848b05025, listData as $b1f0cad8af73213b$export$3585ede4d035bf14} from "./utils.module.js";
 
-  if (isVirtualized) {
-    optionProps['aria-posinset'] = state.collection.getItem(key).index;
-    optionProps['aria-setsize'] = state.collection.size;
-  }
+/*
+ * 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.
+ */ 
 
-  let {
-    itemProps
-  } = useSelectableItem({
-    selectionManager: state.selectionManager,
-    itemKey: key,
-    itemRef: ref,
-    shouldSelectOnPressUp,
-    isVirtualized
-  });
-  let {
-    pressProps
-  } = usePress(_babelRuntimeHelpersEsmObjectSpread({}, itemProps, {
-    isDisabled
-  }));
-  let {
-    hoverProps
-  } = useHover({
-    isDisabled: isDisabled || !shouldFocusOnHover,
 
-    onHover() {
-      state.selectionManager.setFocusedKey(key);
-    }
 
-  });
-  return {
-    optionProps: _babelRuntimeHelpersEsmObjectSpread({}, optionProps, {}, pressProps, {}, hoverProps),
-    labelProps: {
-      id: labelId
-    },
-    descriptionProps: {
-      id: descriptionId
-    }
-  };
-}
-export function useListBoxSection(props) {
-  let {
-    heading,
-    'aria-label': ariaLabel
-  } = props;
-  let headingId = useId();
-  return {
-    headingProps: heading ? {
-      // Techincally, listbox cannot contain headings according to ARIA.
-      // We hide the heading from assistive technology, and only use it
-      // as a label for the nested group.
-      id: headingId,
-      'aria-hidden': true
-    } : {},
-    groupProps: {
-      role: 'group',
-      'aria-label': ariaLabel,
-      'aria-labelledby': heading ? headingId : undefined
-    }
-  };
-}
+
+
+export {$c132121280ec012d$export$50eacbbf140a3141 as useListBox, $293f70390ea03370$export$497855f14858aa34 as useOption, $af383d3bef1cfdc9$export$c3f9f39876e4bc7 as useListBoxSection, $b1f0cad8af73213b$export$3585ede4d035bf14 as listData, $b1f0cad8af73213b$export$9145995848b05025 as getItemId};
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/listbox/src/index.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\nexport {useListBox} from './useListBox';\nexport {useOption} from './useOption';\nexport {useListBoxSection} from './useListBoxSection';\nexport {listData, getItemId} from './utils';\n\nexport type {AriaListBoxProps} from '@react-types/listbox';\nexport type {AriaListBoxOptions, ListBoxAria} from './useListBox';\nexport type {AriaOptionProps, OptionAria} from './useOption';\nexport type {AriaListBoxSectionProps, ListBoxSectionAria} from './useListBoxSection';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,42 +1,138 @@
-import { FocusStrategy } from "@react-types/listbox";
-import { HTMLAttributes, RefObject, Key, ReactNode } from "react";
-import { KeyboardDelegate } from "@react-types/shared";
+import { Key, DOMAttributes, KeyboardDelegate, LayoutDelegate, RefObject, FocusableElement } from "@react-types/shared";
 import { ListState } from "@react-stately/list";
-interface ListBoxAria {
-    listBoxProps: HTMLAttributes<HTMLElement>;
+import { AriaListBoxProps } from "@react-types/listbox";
+import { SelectableItemStates } from "@react-aria/selection";
+import { ReactNode } from "react";
+interface ListData {
+    id: string;
+    shouldSelectOnPressUp?: boolean;
+    shouldFocusOnHover?: boolean;
+    shouldUseVirtualFocus?: boolean;
+    isVirtualized?: boolean;
+    onAction?: (key: Key) => void;
+    linkBehavior?: 'action' | 'selection' | 'override';
+}
+export const listData: WeakMap<ListState<unknown>, ListData>;
+export function getItemId<T>(state: ListState<T>, itemKey: Key): string;
+export interface ListBoxAria {
+    /** Props for the listbox element. */
+    listBoxProps: DOMAttributes;
+    /** Props for the listbox's visual label element (if any). */
+    labelProps: DOMAttributes;
 }
-interface AriaListBoxProps {
-    ref?: RefObject<HTMLDivElement>;
+export interface AriaListBoxOptions<T> extends Omit<AriaListBoxProps<T>, 'children'> {
+    /** Whether the listbox uses virtual scrolling. */
     isVirtualized?: boolean;
+    /**
+     * An optional keyboard delegate implementation for type to select,
+     * to override the default.
+     */
     keyboardDelegate?: KeyboardDelegate;
-    autoFocus?: boolean | FocusStrategy;
-    shouldFocusWrap?: boolean;
+    /**
+     * A delegate object that provides layout information for items in the collection.
+     * By default this uses the DOM, but this can be overridden to implement things like
+     * virtualized scrolling.
+     */
+    layoutDelegate?: LayoutDelegate;
+    /**
+     * Whether the listbox items should use virtual focus instead of being focused directly.
+     */
+    shouldUseVirtualFocus?: boolean;
+    /** Whether selection should occur on press up instead of press down. */
+    shouldSelectOnPressUp?: boolean;
+    /** Whether options should be focused when the user hovers over them. */
+    shouldFocusOnHover?: boolean;
+    /**
+     * The behavior of links in the collection.
+     * - 'action': link behaves like onAction.
+     * - 'selection': link follows selection interactions (e.g. if URL drives selection).
+     * - 'override': links override all other interactions (link items are not selectable).
+     * @default 'override'
+     */
+    linkBehavior?: 'action' | 'selection' | 'override';
 }
-export function useListBox<T>(props: AriaListBoxProps, state: ListState<T>): ListBoxAria;
-interface OptionProps {
+/**
+ * Provides the behavior and accessibility implementation for a listbox component.
+ * A listbox displays a list of options and allows a user to select one or more of them.
+ * @param props - Props for the listbox.
+ * @param state - State for the listbox, as returned by `useListState`.
+ */
+export function useListBox<T>(props: AriaListBoxOptions<T>, state: ListState<T>, ref: RefObject<HTMLElement | null>): ListBoxAria;
+export interface OptionAria extends SelectableItemStates {
+    /** Props for the option element. */
+    optionProps: DOMAttributes;
+    /** Props for the main text element inside the option. */
+    labelProps: DOMAttributes;
+    /** Props for the description text element inside the option, if any. */
+    descriptionProps: DOMAttributes;
+    /** Whether the option is currently focused. */
+    isFocused: boolean;
+    /** Whether the option is keyboard focused. */
+    isFocusVisible: boolean;
+}
+export interface AriaOptionProps {
+    /**
+     * Whether the option is disabled.
+     * @deprecated
+     */
     isDisabled?: boolean;
+    /**
+     * Whether the option is selected.
+     * @deprecated
+     */
     isSelected?: boolean;
+    /** A screen reader only label for the option. */
     'aria-label'?: string;
-    key?: Key;
-    ref?: RefObject<HTMLElement>;
+    /** The unique key for the option. */
+    key: Key;
+    /**
+     * Whether selection should occur on press up instead of press down.
+     * @deprecated
+     */
     shouldSelectOnPressUp?: boolean;
+    /**
+     * Whether the option should be focused when the user hovers over it.
+     * @deprecated
+     */
     shouldFocusOnHover?: boolean;
+    /**
+     * Whether the option is contained in a virtual scrolling listbox.
+     * @deprecated
+     */
     isVirtualized?: boolean;
+    /**
+     * Whether the option should use virtual focus instead of being focused directly.
+     * @deprecated
+     */
+    shouldUseVirtualFocus?: boolean;
 }
-interface OptionAria {
-    optionProps: HTMLAttributes<HTMLElement>;
-    labelProps: HTMLAttributes<HTMLElement>;
-    descriptionProps: HTMLAttributes<HTMLElement>;
-}
-export function useOption<T>(props: OptionProps, state: ListState<T>): OptionAria;
-interface ListBoxSectionProps {
+/**
+ * Provides the behavior and accessibility implementation for an option in a listbox.
+ * See `useListBox` for more details about listboxes.
+ * @param props - Props for the option.
+ * @param state - State for the listbox, as returned by `useListState`.
+ */
+export function useOption<T>(props: AriaOptionProps, state: ListState<T>, ref: RefObject<FocusableElement | null>): OptionAria;
+export interface AriaListBoxSectionProps {
+    /** The heading for the section. */
     heading?: ReactNode;
+    /** An accessibility label for the section. Required if `heading` is not present. */
     'aria-label'?: string;
 }
-interface ListBoxSectionAria {
-    headingProps: HTMLAttributes<HTMLElement>;
-    groupProps: HTMLAttributes<HTMLElement>;
+export interface ListBoxSectionAria {
+    /** Props for the wrapper list item. */
+    itemProps: DOMAttributes;
+    /** Props for the heading element, if any. */
+    headingProps: DOMAttributes;
+    /** Props for the group element. */
+    groupProps: DOMAttributes;
 }
-export function useListBoxSection(props: ListBoxSectionProps): ListBoxSectionAria;
+/**
+ * Provides the behavior and accessibility implementation for a section in a listbox.
+ * See `useListBox` for more details about listboxes.
+ * @param props - Props for the section.
+ */
+export function useListBoxSection(props: AriaListBoxSectionProps): ListBoxSectionAria;
+export type { AriaListBoxProps } from '@react-types/listbox';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/govett/dev/react-spectrum/packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/useListBox.ts","/Users/govett/dev/react-spectrum/packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/useOption.ts","/Users/govett/dev/react-spectrum/packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/useListBoxSection.ts"],"names":[],"mappings":";;;;AAkBA;IACE,YAAY,EAAE,eAAe,WAAW,CAAC,CAAA;CAC1C;AAED;IACE,GAAG,CAAC,EAAE,UAAU,cAAc,CAAC,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,2BAA2B,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,GAAG,WAAW,CAcvF;AC1BD;IACE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,GAAG,CAAC,EAAE,UAAU,WAAW,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;IACE,WAAW,EAAE,eAAe,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,eAAe,WAAW,CAAC,CAAC;IACxC,gBAAgB,EAAE,eAAe,WAAW,CAAC,CAAA;CAC9C;AAED,0BAA0B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,GAAG,UAAU,CAyDhF;AC7ED;IACE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;IACE,YAAY,EAAE,eAAe,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,eAAe,WAAW,CAAC,CAAA;CACxC;AAED,kCAAkC,KAAK,EAAE,mBAAmB,GAAG,kBAAkB,CAkBhF","file":"types.d.ts.map"}
+{"mappings":"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","sources":["packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/utils.ts","packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/useListBox.ts","packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/useOption.ts","packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/useListBoxSection.ts","packages/@react-aria/listbox/src/packages/@react-aria/listbox/src/index.ts","packages/@react-aria/listbox/src/index.ts"],"sourcesContent":[null,null,null,null,null,"/*\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\nexport {useListBox} from './useListBox';\nexport {useOption} from './useOption';\nexport {useListBoxSection} from './useListBoxSection';\nexport {listData, getItemId} from './utils';\n\nexport type {AriaListBoxProps} from '@react-types/listbox';\nexport type {AriaListBoxOptions, ListBoxAria} from './useListBox';\nexport type {AriaOptionProps, OptionAria} from './useOption';\nexport type {AriaListBoxSectionProps, ListBoxSectionAria} from './useListBoxSection';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/useListBox.main.js

@@ -0,0 +1,82 @@
+var $87beb89ab4a308fd$exports = require("./utils.main.js");
+var $eCULP$reactariautils = require("@react-aria/utils");
+var $eCULP$reactariainteractions = require("@react-aria/interactions");
+var $eCULP$reactarialabel = require("@react-aria/label");
+var $eCULP$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, "useListBox", () => $a3ce5bb3074610af$export$50eacbbf140a3141);
+/*
+ * 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 $a3ce5bb3074610af$export$50eacbbf140a3141(props, state, ref) {
+    let domProps = (0, $eCULP$reactariautils.filterDOMProps)(props, {
+        labelable: true
+    });
+    // Use props instead of state here. We don't want this to change due to long press.
+    let selectionBehavior = props.selectionBehavior || 'toggle';
+    let linkBehavior = props.linkBehavior || (selectionBehavior === 'replace' ? 'action' : 'override');
+    if (selectionBehavior === 'toggle' && linkBehavior === 'action') // linkBehavior="action" does not work with selectionBehavior="toggle" because there is no way
+    // to initiate selection (checkboxes are not allowed inside a listbox). Link items will not be
+    // selectable in this configuration.
+    linkBehavior = 'override';
+    let { listProps: listProps } = (0, $eCULP$reactariaselection.useSelectableList)({
+        ...props,
+        ref: ref,
+        selectionManager: state.selectionManager,
+        collection: state.collection,
+        disabledKeys: state.disabledKeys,
+        linkBehavior: linkBehavior
+    });
+    let { focusWithinProps: focusWithinProps } = (0, $eCULP$reactariainteractions.useFocusWithin)({
+        onFocusWithin: props.onFocus,
+        onBlurWithin: props.onBlur,
+        onFocusWithinChange: props.onFocusChange
+    });
+    // Share list id and some props with child options.
+    let id = (0, $eCULP$reactariautils.useId)(props.id);
+    (0, $87beb89ab4a308fd$exports.listData).set(state, {
+        id: id,
+        shouldUseVirtualFocus: props.shouldUseVirtualFocus,
+        shouldSelectOnPressUp: props.shouldSelectOnPressUp,
+        shouldFocusOnHover: props.shouldFocusOnHover,
+        isVirtualized: props.isVirtualized,
+        onAction: props.onAction,
+        linkBehavior: linkBehavior
+    });
+    let { labelProps: labelProps, fieldProps: fieldProps } = (0, $eCULP$reactarialabel.useLabel)({
+        ...props,
+        id: id,
+        // listbox is not an HTML input element so it
+        // shouldn't be labeled by a <label> element.
+        labelElementType: 'span'
+    });
+    return {
+        labelProps: labelProps,
+        listBoxProps: (0, $eCULP$reactariautils.mergeProps)(domProps, focusWithinProps, state.selectionManager.selectionMode === 'multiple' ? {
+            'aria-multiselectable': 'true'
+        } : {}, {
+            role: 'listbox',
+            ...(0, $eCULP$reactariautils.mergeProps)(fieldProps, listProps)
+        })
+    };
+}
+
+
+//# sourceMappingURL=useListBox.main.js.map

package/dist/useListBox.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA8DM,SAAS,0CAAc,KAA4B,EAAE,KAAmB,EAAE,GAAkC;IACjH,IAAI,WAAW,CAAA,GAAA,oCAAa,EAAE,OAAO;QAAC,WAAW;IAAI;IACrD,mFAAmF;IACnF,IAAI,oBAAoB,MAAM,iBAAiB,IAAI;IACnD,IAAI,eAAe,MAAM,YAAY,IAAK,CAAA,sBAAsB,YAAY,WAAW,UAAS;IAChG,IAAI,sBAAsB,YAAY,iBAAiB,UACrD,8FAA8F;IAC9F,8FAA8F;IAC9F,oCAAoC;IACpC,eAAe;IAGjB,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,2CAAgB,EAAE;QAClC,GAAG,KAAK;aACR;QACA,kBAAkB,MAAM,gBAAgB;QACxC,YAAY,MAAM,UAAU;QAC5B,cAAc,MAAM,YAAY;sBAChC;IACF;IAEA,IAAI,oBAAC,gBAAgB,EAAC,GAAG,CAAA,GAAA,2CAAa,EAAE;QACtC,eAAe,MAAM,OAAO;QAC5B,cAAc,MAAM,MAAM;QAC1B,qBAAqB,MAAM,aAAa;IAC1C;IAEA,mDAAmD;IACnD,IAAI,KAAK,CAAA,GAAA,2BAAI,EAAE,MAAM,EAAE;IACvB,CAAA,GAAA,kCAAO,EAAE,GAAG,CAAC,OAAO;YAClB;QACA,uBAAuB,MAAM,qBAAqB;QAClD,uBAAuB,MAAM,qBAAqB;QAClD,oBAAoB,MAAM,kBAAkB;QAC5C,eAAe,MAAM,aAAa;QAClC,UAAU,MAAM,QAAQ;sBACxB;IACF;IAEA,IAAI,cAAC,UAAU,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,8BAAO,EAAE;QACtC,GAAG,KAAK;YACR;QACA,6CAA6C;QAC7C,6CAA6C;QAC7C,kBAAkB;IACpB;IAEA,OAAO;oBACL;QACA,cAAc,CAAA,GAAA,gCAAS,EAAE,UAAU,kBAAkB,MAAM,gBAAgB,CAAC,aAAa,KAAK,aAAa;YACzG,wBAAwB;QAC1B,IAAI,CAAC,GAAG;YACN,MAAM;YACN,GAAG,CAAA,GAAA,gCAAS,EAAE,YAAY,UAAU;QACtC;IACF;AACF","sources":["packages/@react-aria/listbox/src/useListBox.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 {AriaListBoxProps} from '@react-types/listbox';\nimport {DOMAttributes, KeyboardDelegate, LayoutDelegate, RefObject} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useId} from '@react-aria/utils';\nimport {listData} from './utils';\nimport {ListState} from '@react-stately/list';\nimport {useFocusWithin} from '@react-aria/interactions';\nimport {useLabel} from '@react-aria/label';\nimport {useSelectableList} from '@react-aria/selection';\n\nexport interface ListBoxAria {\n  /** Props for the listbox element. */\n  listBoxProps: DOMAttributes,\n  /** Props for the listbox's visual label element (if any). */\n  labelProps: DOMAttributes\n}\n\nexport interface AriaListBoxOptions<T> extends Omit<AriaListBoxProps<T>, 'children'> {\n  /** Whether the listbox uses virtual scrolling. */\n  isVirtualized?: boolean,\n\n  /**\n   * An optional keyboard delegate implementation for type to select,\n   * to override the default.\n   */\n  keyboardDelegate?: KeyboardDelegate,\n\n  /**\n   * A delegate object that provides layout information for items in the collection.\n   * By default this uses the DOM, but this can be overridden to implement things like\n   * virtualized scrolling.\n   */\n  layoutDelegate?: LayoutDelegate,\n\n  /**\n   * Whether the listbox items should use virtual focus instead of being focused directly.\n   */\n  shouldUseVirtualFocus?: boolean,\n\n  /** Whether selection should occur on press up instead of press down. */\n  shouldSelectOnPressUp?: boolean,\n\n  /** Whether options should be focused when the user hovers over them. */\n  shouldFocusOnHover?: boolean,\n\n  /**\n   * The behavior of links in the collection.\n   * - 'action': link behaves like onAction.\n   * - 'selection': link follows selection interactions (e.g. if URL drives selection).\n   * - 'override': links override all other interactions (link items are not selectable).\n   * @default 'override'\n   */\n  linkBehavior?: 'action' | 'selection' | 'override'\n}\n\n/**\n * Provides the behavior and accessibility implementation for a listbox component.\n * A listbox displays a list of options and allows a user to select one or more of them.\n * @param props - Props for the listbox.\n * @param state - State for the listbox, as returned by `useListState`.\n */\nexport function useListBox<T>(props: AriaListBoxOptions<T>, state: ListState<T>, ref: RefObject<HTMLElement | null>): ListBoxAria {\n  let domProps = filterDOMProps(props, {labelable: true});\n  // Use props instead of state here. We don't want this to change due to long press.\n  let selectionBehavior = props.selectionBehavior || 'toggle';\n  let linkBehavior = props.linkBehavior || (selectionBehavior === 'replace' ? 'action' : 'override');\n  if (selectionBehavior === 'toggle' && linkBehavior === 'action') {\n    // linkBehavior=\"action\" does not work with selectionBehavior=\"toggle\" because there is no way\n    // to initiate selection (checkboxes are not allowed inside a listbox). Link items will not be\n    // selectable in this configuration.\n    linkBehavior = 'override';\n  }\n\n  let {listProps} = useSelectableList({\n    ...props,\n    ref,\n    selectionManager: state.selectionManager,\n    collection: state.collection,\n    disabledKeys: state.disabledKeys,\n    linkBehavior\n  });\n\n  let {focusWithinProps} = useFocusWithin({\n    onFocusWithin: props.onFocus,\n    onBlurWithin: props.onBlur,\n    onFocusWithinChange: props.onFocusChange\n  });\n\n  // Share list id and some props with child options.\n  let id = useId(props.id);\n  listData.set(state, {\n    id,\n    shouldUseVirtualFocus: props.shouldUseVirtualFocus,\n    shouldSelectOnPressUp: props.shouldSelectOnPressUp,\n    shouldFocusOnHover: props.shouldFocusOnHover,\n    isVirtualized: props.isVirtualized,\n    onAction: props.onAction,\n    linkBehavior\n  });\n\n  let {labelProps, fieldProps} = useLabel({\n    ...props,\n    id,\n    // listbox is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: 'span'\n  });\n\n  return {\n    labelProps,\n    listBoxProps: mergeProps(domProps, focusWithinProps, state.selectionManager.selectionMode === 'multiple' ? {\n      'aria-multiselectable': 'true'\n    } : {}, {\n      role: 'listbox',\n      ...mergeProps(fieldProps, listProps)\n    })\n  };\n}\n"],"names":[],"version":3,"file":"useListBox.main.js.map"}