@react-aria/listbox 3.7.3-nightly.3696 → 3.7.3-nightly.3705

package/dist/import.mjs

@@ -0,0 +1,229 @@
+import {filterDOMProps as $frWMC$filterDOMProps, useId as $frWMC$useId, mergeProps as $frWMC$mergeProps, useSlotId as $frWMC$useSlotId, isMac as $frWMC$isMac, isWebKit as $frWMC$isWebKit} from "@react-aria/utils";
+import {useFocusWithin as $frWMC$useFocusWithin, useHover as $frWMC$useHover, isFocusVisible as $frWMC$isFocusVisible} from "@react-aria/interactions";
+import {useLabel as $frWMC$useLabel} from "@react-aria/label";
+import {useSelectableList as $frWMC$useSelectableList, useSelectableItem as $frWMC$useSelectableItem} from "@react-aria/selection";
+import {getItemCount as $frWMC$getItemCount} from "@react-stately/collections";
+
+/*
+ * 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.
+ */ /*
+ * 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.
+ */ 
+/*
+ * 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.
+ */ const $b1f0cad8af73213b$export$3585ede4d035bf14 = new WeakMap();
+function $b1f0cad8af73213b$var$normalizeKey(key) {
+    if (typeof key === "string") return key.replace(/\s*/g, "");
+    return "" + key;
+}
+function $b1f0cad8af73213b$export$9145995848b05025(state, itemKey) {
+    let data = $b1f0cad8af73213b$export$3585ede4d035bf14.get(state);
+    if (!data) throw new Error("Unknown list");
+    return `${data.id}-option-${$b1f0cad8af73213b$var$normalizeKey(itemKey)}`;
+}
+
+
+
+
+
+
+function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) {
+    let domProps = (0, $frWMC$filterDOMProps)(props, {
+        labelable: true
+    });
+    let { listProps: listProps  } = (0, $frWMC$useSelectableList)({
+        ...props,
+        ref: ref,
+        selectionManager: state.selectionManager,
+        collection: state.collection,
+        disabledKeys: state.disabledKeys
+    });
+    let { focusWithinProps: focusWithinProps  } = (0, $frWMC$useFocusWithin)({
+        onFocusWithin: props.onFocus,
+        onBlurWithin: props.onBlur,
+        onFocusWithinChange: props.onFocusChange
+    });
+    // Share list id and some props with child options.
+    let id = (0, $frWMC$useId)(props.id);
+    (0, $b1f0cad8af73213b$export$3585ede4d035bf14).set(state, {
+        id: id,
+        shouldUseVirtualFocus: props.shouldUseVirtualFocus,
+        shouldSelectOnPressUp: props.shouldSelectOnPressUp,
+        shouldFocusOnHover: props.shouldFocusOnHover,
+        isVirtualized: props.isVirtualized,
+        onAction: props.onAction
+    });
+    let { labelProps: labelProps , fieldProps: fieldProps  } = (0, $frWMC$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, $frWMC$mergeProps)(domProps, focusWithinProps, state.selectionManager.selectionMode === "multiple" ? {
+            "aria-multiselectable": "true"
+        } : {}, {
+            role: "listbox",
+            ...(0, $frWMC$mergeProps)(fieldProps, listProps)
+        })
+    };
+}
+
+
+/*
+ * 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 $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
+    let { key: key  } = props;
+    let data = (0, $b1f0cad8af73213b$export$3585ede4d035bf14).get(state);
+    var _props_isDisabled;
+    let isDisabled = (_props_isDisabled = props.isDisabled) !== null && _props_isDisabled !== void 0 ? _props_isDisabled : state.disabledKeys.has(key);
+    var _props_isSelected;
+    let isSelected = (_props_isSelected = props.isSelected) !== null && _props_isSelected !== void 0 ? _props_isSelected : state.selectionManager.isSelected(key);
+    let isFocused = state.selectionManager.focusedKey === key;
+    var _props_shouldSelectOnPressUp;
+    let shouldSelectOnPressUp = (_props_shouldSelectOnPressUp = props.shouldSelectOnPressUp) !== null && _props_shouldSelectOnPressUp !== void 0 ? _props_shouldSelectOnPressUp : data.shouldSelectOnPressUp;
+    var _props_shouldFocusOnHover;
+    let shouldFocusOnHover = (_props_shouldFocusOnHover = props.shouldFocusOnHover) !== null && _props_shouldFocusOnHover !== void 0 ? _props_shouldFocusOnHover : data.shouldFocusOnHover;
+    var _props_shouldUseVirtualFocus;
+    let shouldUseVirtualFocus = (_props_shouldUseVirtualFocus = props.shouldUseVirtualFocus) !== null && _props_shouldUseVirtualFocus !== void 0 ? _props_shouldUseVirtualFocus : data.shouldUseVirtualFocus;
+    var _props_isVirtualized;
+    let isVirtualized = (_props_isVirtualized = props.isVirtualized) !== null && _props_isVirtualized !== void 0 ? _props_isVirtualized : data.isVirtualized;
+    let labelId = (0, $frWMC$useSlotId)();
+    let descriptionId = (0, $frWMC$useSlotId)();
+    let optionProps = {
+        role: "option",
+        "aria-disabled": isDisabled,
+        "aria-selected": state.selectionManager.selectionMode !== "none" ? isSelected : undefined
+    };
+    // Safari with VoiceOver on macOS misreads options with aria-labelledby or aria-label as simply "text".
+    // We should not map slots to the label and description on Safari and instead just have VoiceOver read the textContent.
+    // https://bugs.webkit.org/show_bug.cgi?id=209279
+    if (!((0, $frWMC$isMac)() && (0, $frWMC$isWebKit)())) {
+        optionProps["aria-label"] = props["aria-label"];
+        optionProps["aria-labelledby"] = labelId;
+        optionProps["aria-describedby"] = descriptionId;
+    }
+    if (isVirtualized) {
+        optionProps["aria-posinset"] = state.collection.getItem(key).index + 1;
+        optionProps["aria-setsize"] = (0, $frWMC$getItemCount)(state.collection);
+    }
+    let { itemProps: itemProps , isPressed: isPressed , hasAction: hasAction , allowsSelection: allowsSelection  } = (0, $frWMC$useSelectableItem)({
+        selectionManager: state.selectionManager,
+        key: key,
+        ref: ref,
+        shouldSelectOnPressUp: shouldSelectOnPressUp,
+        allowsDifferentPressOrigin: shouldSelectOnPressUp && shouldFocusOnHover,
+        isVirtualized: isVirtualized,
+        shouldUseVirtualFocus: shouldUseVirtualFocus,
+        isDisabled: isDisabled,
+        onAction: data.onAction ? ()=>data.onAction(key) : undefined
+    });
+    let { hoverProps: hoverProps  } = (0, $frWMC$useHover)({
+        isDisabled: isDisabled || !shouldFocusOnHover,
+        onHoverStart () {
+            if (!(0, $frWMC$isFocusVisible)()) {
+                state.selectionManager.setFocused(true);
+                state.selectionManager.setFocusedKey(key);
+            }
+        }
+    });
+    return {
+        optionProps: {
+            ...optionProps,
+            ...(0, $frWMC$mergeProps)(itemProps, hoverProps),
+            id: (0, $b1f0cad8af73213b$export$9145995848b05025)(state, key)
+        },
+        labelProps: {
+            id: labelId
+        },
+        descriptionProps: {
+            id: descriptionId
+        },
+        isFocused: isFocused,
+        isSelected: isSelected,
+        isDisabled: isDisabled,
+        isPressed: isPressed,
+        allowsSelection: allowsSelection,
+        hasAction: hasAction
+    };
+}
+
+
+/*
+ * 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 $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
+    let { heading: heading , "aria-label": ariaLabel  } = props;
+    let headingId = (0, $frWMC$useId)();
+    return {
+        itemProps: {
+            role: "presentation"
+        },
+        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/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-aria/listbox",
-  "version": "3.7.3-nightly.3696+be0fae9f7",
+  "version": "3.7.3-nightly.3705+93b3c951e",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -17,15 +22,15 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/interactions": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/label": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/selection": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/utils": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-stately/collections": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-stately/list": "3.6.2-nightly.3696+be0fae9f7",
-    "@react-types/listbox": "3.3.6-nightly.3696+be0fae9f7",
-    "@react-types/shared": "3.0.0-nightly.1996+be0fae9f7",
+    "@react-aria/focus": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/interactions": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/label": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/selection": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/utils": "3.0.0-nightly.2005+93b3c951e",
+    "@react-stately/collections": "3.0.0-nightly.2005+93b3c951e",
+    "@react-stately/list": "3.6.2-nightly.3705+93b3c951e",
+    "@react-types/listbox": "3.3.6-nightly.3705+93b3c951e",
+    "@react-types/shared": "3.0.0-nightly.2005+93b3c951e",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -34,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "be0fae9f7952f4d09823498dc1f251e13842f338"
+  "gitHead": "93b3c951eb784b14183f9988f2d188b34de8f42d"
 }