@react-spectrum/picker 3.16.6 → 3.17.0

package/dist/import.mjs

@@ -1,5 +1,6 @@
-import {Picker as $51664a9007a3c6f9$export$ba25329847403e11} from "./Picker.mjs";
-import {Item as $23896c8062ba3967$re_export$Item, Section as $23896c8062ba3967$re_export$Section} from "@react-stately/collections";
+import {Picker as $a8c83907607ccb3d$re_export$Picker} from "@adobe/react-spectrum/Picker";
+import {Item as $a8c83907607ccb3d$re_export$Item} from "react-stately/Item";
+import {Section as $a8c83907607ccb3d$re_export$Section} from "react-stately/Section";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -16,5 +17,6 @@ import {Item as $23896c8062ba3967$re_export$Item, Section as $23896c8062ba3967$r
 
 
 
-export {$51664a9007a3c6f9$export$ba25329847403e11 as Picker, $23896c8062ba3967$re_export$Item as Item, $23896c8062ba3967$re_export$Section as Section};
+
+export {$a8c83907607ccb3d$re_export$Picker as Picker, $a8c83907607ccb3d$re_export$Item as Item, $a8c83907607ccb3d$re_export$Section as Section};
 //# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,14 +1,15 @@
-var $902e54cfaa4270a9$exports = require("./Picker.main.js");
-var $4FjNO$reactstatelycollections = require("@react-stately/collections");
+var $8S7eo$adobereactspectrumPicker = require("@adobe/react-spectrum/Picker");
+var $8S7eo$reactstatelyItem = require("react-stately/Item");
+var $8S7eo$reactstatelySection = require("react-stately/Section");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "Picker", () => $902e54cfaa4270a9$exports.Picker);
-$parcel$export(module.exports, "Item", () => $4FjNO$reactstatelycollections.Item);
-$parcel$export(module.exports, "Section", () => $4FjNO$reactstatelycollections.Section);
+$parcel$export(module.exports, "Picker", function () { return $8S7eo$adobereactspectrumPicker.Picker; });
+$parcel$export(module.exports, "Item", function () { return $8S7eo$reactstatelyItem.Item; });
+$parcel$export(module.exports, "Section", function () { return $8S7eo$reactstatelySection.Section; });
 /*
  * Copyright 2020 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -24,4 +25,5 @@ $parcel$export(module.exports, "Section", () => $4FjNO$reactstatelycollections.S
 
 
 
+
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/picker/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\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from './Picker';\nexport {Item, Section} from '@react-stately/collections';\nexport type {SpectrumPickerProps} from '@react-types/select';\n"],"names":[],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/picker/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\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from '@adobe/react-spectrum/Picker';\n\nexport type {SpectrumPickerProps} from '@adobe/react-spectrum/Picker';\nexport {Item} from 'react-stately/Item';\nexport {Section} from 'react-stately/Section';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,5 +1,6 @@
-import {Picker as $51664a9007a3c6f9$export$ba25329847403e11} from "./Picker.module.js";
-import {Item as $23896c8062ba3967$re_export$Item, Section as $23896c8062ba3967$re_export$Section} from "@react-stately/collections";
+import {Picker as $a8c83907607ccb3d$re_export$Picker} from "@adobe/react-spectrum/Picker";
+import {Item as $a8c83907607ccb3d$re_export$Item} from "react-stately/Item";
+import {Section as $a8c83907607ccb3d$re_export$Section} from "react-stately/Section";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -16,5 +17,6 @@ import {Item as $23896c8062ba3967$re_export$Item, Section as $23896c8062ba3967$r
 
 
 
-export {$51664a9007a3c6f9$export$ba25329847403e11 as Picker, $23896c8062ba3967$re_export$Item as Item, $23896c8062ba3967$re_export$Section as Section};
+
+export {$a8c83907607ccb3d$re_export$Picker as Picker, $a8c83907607ccb3d$re_export$Item as Item, $a8c83907607ccb3d$re_export$Section as Section};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/picker/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\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from './Picker';\nexport {Item, Section} from '@react-stately/collections';\nexport type {SpectrumPickerProps} from '@react-types/select';\n"],"names":[],"version":3,"file":"module.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/picker/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\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from '@adobe/react-spectrum/Picker';\n\nexport type {SpectrumPickerProps} from '@adobe/react-spectrum/Picker';\nexport {Item} from 'react-stately/Item';\nexport {Section} from 'react-stately/Section';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,4 @@
+export { Picker } from '@adobe/react-spectrum/Picker';
+export type { SpectrumPickerProps } from '@adobe/react-spectrum/Picker';
+export { Item } from 'react-stately/Item';
+export { Section } from 'react-stately/Section';

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@react-spectrum/picker",
-  "version": "3.16.6",
+  "version": "3.17.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
   "exports": {
-    "source": "./src/index.ts",
-    "types": [
-      "./dist/types.d.ts",
-      "./src/index.ts"
-    ],
-    "import": "./dist/import.mjs",
-    "require": "./dist/main.js"
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/import.mjs",
+      "require": "./dist/main.js"
+    },
+    "./package.json": "./package.json"
   },
-  "types": "dist/types.d.ts",
+  "types": "dist/types/src/index.d.ts",
   "source": "src/index.ts",
   "files": [
     "dist",
@@ -24,51 +24,23 @@
     "*.css"
   ],
   "targets": {
-    "main": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    },
-    "module": {
-      "includeNodeModules": [
-        "@adobe/spectrum-css-temp"
-      ]
-    }
+    "types": false
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "^3.12.15",
-    "@react-aria/interactions": "^3.27.0",
-    "@react-aria/select": "^3.17.2",
-    "@react-aria/utils": "^3.33.0",
-    "@react-spectrum/button": "^3.17.6",
-    "@react-spectrum/form": "^3.7.21",
-    "@react-spectrum/label": "^3.16.21",
-    "@react-spectrum/listbox": "^3.15.10",
-    "@react-spectrum/overlays": "^5.9.2",
-    "@react-spectrum/progress": "^3.7.22",
-    "@react-spectrum/text": "^3.5.24",
-    "@react-spectrum/utils": "^3.12.11",
-    "@react-stately/collections": "^3.12.9",
-    "@react-stately/select": "^3.9.1",
-    "@react-types/select": "^3.12.1",
-    "@react-types/shared": "^3.33.0",
-    "@spectrum-icons/ui": "^3.6.22",
-    "@swc/helpers": "^0.5.0"
-  },
-  "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
+    "@adobe/react-spectrum": "3.47.0",
+    "@swc/helpers": "^0.5.0",
+    "react-stately": "3.46.0"
   },
   "peerDependencies": {
-    "@react-spectrum/provider": "^3.1.4",
     "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
     "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "66e51757606b43a89ed02c574ca24517323a2ab9"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.ts

@@ -12,6 +12,8 @@
 
 /// <reference types="css-module-types" />
 
-export {Picker} from './Picker';
-export {Item, Section} from '@react-stately/collections';
-export type {SpectrumPickerProps} from '@react-types/select';
+export {Picker} from '@adobe/react-spectrum/Picker';
+
+export type {SpectrumPickerProps} from '@adobe/react-spectrum/Picker';
+export {Item} from 'react-stately/Item';
+export {Section} from 'react-stately/Section';

package/dist/Picker.main.js

@@ -1,230 +0,0 @@
-var $b95bf71d4a256ee8$exports = require("./intlStrings.main.js");
-require("./picker.6ed9ee86.css");
-var $b39b306bfc9a5551$exports = require("./dropdown_vars_css.main.js");
-var $3qYcd$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
-var $3qYcd$spectrumiconsuiChevronDownMedium = require("@spectrum-icons/ui/ChevronDownMedium");
-var $3qYcd$reactspectrumutils = require("@react-spectrum/utils");
-var $3qYcd$reactspectrumlabel = require("@react-spectrum/label");
-var $3qYcd$reactspectrumbutton = require("@react-spectrum/button");
-var $3qYcd$reactariaselect = require("@react-aria/select");
-var $3qYcd$reactspectrumlistbox = require("@react-spectrum/listbox");
-var $3qYcd$reactariautils = require("@react-aria/utils");
-var $3qYcd$reactspectrumoverlays = require("@react-spectrum/overlays");
-var $3qYcd$reactariainteractions = require("@react-aria/interactions");
-var $3qYcd$reactspectrumprogress = require("@react-spectrum/progress");
-var $3qYcd$react = require("react");
-var $3qYcd$reactspectrumtext = require("@react-spectrum/text");
-var $3qYcd$reactspectrumform = require("@react-spectrum/form");
-var $3qYcd$reactariai18n = require("@react-aria/i18n");
-var $3qYcd$reactspectrumprovider = require("@react-spectrum/provider");
-var $3qYcd$reactstatelyselect = require("@react-stately/select");
-
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "Picker", () => $902e54cfaa4270a9$export$ba25329847403e11);
-/*
- * 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 $902e54cfaa4270a9$export$ba25329847403e11 = /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).forwardRef(function Picker(props, ref) {
-    props = (0, $3qYcd$reactspectrumutils.useSlotProps)(props, 'picker');
-    props = (0, $3qYcd$reactspectrumprovider.useProviderProps)(props);
-    props = (0, $3qYcd$reactspectrumform.useFormProps)(props);
-    let stringFormatter = (0, $3qYcd$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($b95bf71d4a256ee8$exports))), '@react-spectrum/picker');
-    let { autoComplete: autoComplete, isDisabled: isDisabled, direction: direction = 'bottom', align: align = 'start', shouldFlip: shouldFlip = true, placeholder: placeholder = stringFormatter.format('placeholder'), isQuiet: isQuiet, labelPosition: labelPosition = 'top', menuWidth: menuWidth, autoFocus: autoFocus } = props;
-    let state = (0, $3qYcd$reactstatelyselect.useSelectState)(props);
-    let domRef = (0, $3qYcd$reactspectrumutils.useDOMRef)(ref);
-    let popoverRef = (0, $3qYcd$react.useRef)(null);
-    let triggerRef = (0, $3qYcd$react.useRef)(null);
-    let unwrappedTriggerRef = (0, $3qYcd$reactspectrumutils.useUnwrapDOMRef)(triggerRef);
-    let listboxRef = (0, $3qYcd$react.useRef)(null);
-    let isLoadingInitial = props.isLoading && state.collection.size === 0;
-    let isLoadingMore = props.isLoading && state.collection.size > 0;
-    let progressCircleId = (0, $3qYcd$reactariautils.useId)();
-    // We create the listbox layout in Picker and pass it to ListBoxBase below
-    // so that the layout information can be cached even while the listbox is not mounted.
-    // We also use the layout as the keyboard delegate for type to select.
-    let layout = (0, $3qYcd$reactspectrumlistbox.useListBoxLayout)();
-    let { labelProps: labelProps, triggerProps: triggerProps, valueProps: valueProps, menuProps: menuProps, hiddenSelectProps: hiddenSelectProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $3qYcd$reactariaselect.useSelect)({
-        ...props,
-        'aria-describedby': isLoadingInitial ? progressCircleId : undefined
-    }, state, unwrappedTriggerRef);
-    let isMobile = (0, $3qYcd$reactspectrumutils.useIsMobileDevice)();
-    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $3qYcd$reactariainteractions.useHover)({
-        isDisabled: isDisabled
-    });
-    // On small screen devices, the listbox is rendered in a tray, otherwise a popover.
-    let listbox = /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumlistbox.ListBoxBase), {
-        ...menuProps,
-        ref: listboxRef,
-        disallowEmptySelection: true,
-        autoFocus: state.focusStrategy || true,
-        shouldSelectOnPressUp: true,
-        focusOnPointerEnter: true,
-        layout: layout,
-        state: state,
-        width: isMobile ? '100%' : undefined,
-        // Set max height: inherit so Tray scrolling works
-        UNSAFE_style: {
-            maxHeight: 'inherit'
-        },
-        isLoading: props.isLoading,
-        showLoadingSpinner: isLoadingMore,
-        onLoadMore: props.onLoadMore
-    });
-    // Measure the width of the button to inform the width of the menu (below).
-    let [buttonWidth, setButtonWidth] = (0, $3qYcd$react.useState)(undefined);
-    let { scale: scale } = (0, $3qYcd$reactspectrumprovider.useProvider)();
-    let onResize = (0, $3qYcd$react.useCallback)(()=>{
-        if (!isMobile && unwrappedTriggerRef.current) {
-            let width = unwrappedTriggerRef.current.offsetWidth;
-            setButtonWidth(width);
-        }
-    }, [
-        unwrappedTriggerRef,
-        setButtonWidth,
-        isMobile
-    ]);
-    (0, $3qYcd$reactariautils.useResizeObserver)({
-        ref: unwrappedTriggerRef,
-        onResize: onResize
-    });
-    (0, $3qYcd$reactariautils.useLayoutEffect)(onResize, [
-        scale,
-        state.selectedKey,
-        onResize
-    ]);
-    let overlay;
-    if (isMobile) overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumoverlays.Tray), {
-        state: state
-    }, listbox);
-    else {
-        // If quiet, use the default width, otherwise match the width of the button. This can be overridden by the menuWidth prop.
-        // Always have a minimum width of the button width. When quiet, there is an extra offset to add.
-        // Not using style props for this because they don't support `calc`.
-        let width = isQuiet ? undefined : buttonWidth;
-        let style = {
-            width: menuWidth ? (0, $3qYcd$reactspectrumutils.dimensionValue)(menuWidth) : width,
-            minWidth: isQuiet ? `calc(${buttonWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : buttonWidth
-        };
-        overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumoverlays.Popover), {
-            UNSAFE_style: style,
-            UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown-popover', {
-                'spectrum-Dropdown-popover--quiet': isQuiet
-            }),
-            ref: popoverRef,
-            placement: `${direction} ${align}`,
-            shouldFlip: shouldFlip,
-            hideArrow: true,
-            state: state,
-            triggerRef: unwrappedTriggerRef,
-            scrollRef: listboxRef,
-            shouldContainFocus: true
-        }, listbox);
-    }
-    let contents = state.selectedItem ? state.selectedItem.rendered : placeholder;
-    if (typeof contents === 'string') contents = /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumtext.Text), null, contents);
-    let picker = /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement("div", {
-        className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown', {
-            'is-invalid': isInvalid && !isDisabled,
-            'is-disabled': isDisabled,
-            'spectrum-Dropdown--quiet': isQuiet
-        })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactariaselect.HiddenSelect), {
-        autoComplete: autoComplete,
-        ...hiddenSelectProps
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactariainteractions.PressResponder), (0, $3qYcd$reactariautils.mergeProps)(hoverProps, triggerProps), /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumbutton.FieldButton), {
-        ref: triggerRef,
-        isActive: state.isOpen,
-        isQuiet: isQuiet,
-        isDisabled: isDisabled,
-        isInvalid: isInvalid,
-        autoFocus: autoFocus,
-        UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown-trigger', {
-            'is-hovered': isHovered
-        })
-    }, /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumutils.SlotProvider), {
-        slots: {
-            icon: {
-                UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Icon'),
-                size: 'S'
-            },
-            avatar: {
-                UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown-avatar'),
-                size: 'avatar-size-100'
-            },
-            text: {
-                ...valueProps,
-                UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown-label', {
-                    'is-placeholder': !state.selectedItem
-                })
-            },
-            description: {
-                isHidden: true
-            }
-        }
-    }, contents), isLoadingInitial && /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumprogress.ProgressCircle), {
-        id: progressCircleId,
-        isIndeterminate: true,
-        size: "S",
-        "aria-label": stringFormatter.format('loading'),
-        UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown-progressCircle')
-    }), isInvalid && !isLoadingInitial && !isDisabled && /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, ($parcel$interopDefault($3qYcd$spectrumiconsuiAlertMedium))), {
-        UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown-invalidIcon')
-    }), /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, ($parcel$interopDefault($3qYcd$spectrumiconsuiChevronDownMedium))), {
-        UNSAFE_className: (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Dropdown-chevron')
-    }))), state.collection.size === 0 ? null : overlay);
-    let wrapperClassName = (0, $3qYcd$reactspectrumutils.classNames)((0, ($parcel$interopDefault($b39b306bfc9a5551$exports))), 'spectrum-Field', {
-        'spectrum-Dropdown-fieldWrapper--quiet': isQuiet,
-        'spectrum-Dropdown-fieldWrapper--positionSide': labelPosition === 'side'
-    });
-    return /*#__PURE__*/ (0, ($parcel$interopDefault($3qYcd$react))).createElement((0, $3qYcd$reactspectrumlabel.Field), {
-        ...props,
-        ref: domRef,
-        wrapperClassName: wrapperClassName,
-        labelProps: labelProps,
-        descriptionProps: descriptionProps,
-        errorMessageProps: errorMessageProps,
-        isInvalid: isInvalid,
-        validationErrors: validationErrors,
-        validationDetails: validationDetails,
-        showErrorIcon: false,
-        includeNecessityIndicatorInAccessibilityName: true,
-        elementType: "span"
-    }, picker);
-});
-
-
-//# sourceMappingURL=Picker.main.js.map

package/dist/Picker.main.js.map

@@ -1 +0,0 @@
-{"mappings":"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","sources":["packages/@react-spectrum/picker/src/Picker.tsx"],"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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n  classNames,\n  dimensionValue,\n  SlotProvider,\n  useDOMRef,\n  useIsMobileDevice,\n  useSlotProps,\n  useUnwrapDOMRef\n} from '@react-spectrum/utils';\nimport {DOMRef, DOMRefValue, FocusableRefValue, LabelPosition} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FieldButton} from '@react-spectrum/button';\nimport {HiddenSelect, useSelect} from '@react-aria/select';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListBoxBase, useListBoxLayout} from '@react-spectrum/listbox';\nimport {mergeProps, useId, useLayoutEffect, useResizeObserver} from '@react-aria/utils';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ReactElement, useCallback, useRef, useState} from 'react';\nimport {SpectrumPickerProps} from '@react-types/select';\nimport styles from '@adobe/spectrum-css-temp/components/dropdown/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\nimport {useSelectState} from '@react-stately/select';\n\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is limited.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nexport const Picker = React.forwardRef(function Picker<T extends object>(props: SpectrumPickerProps<T>, ref: DOMRef<HTMLDivElement>) {\n  props = useSlotProps(props, 'picker');\n  props = useProviderProps(props);\n  props = useFormProps(props);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/picker');\n  let {\n    autoComplete,\n    isDisabled,\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    placeholder = stringFormatter.format('placeholder'),\n    isQuiet,\n    labelPosition = 'top' as LabelPosition,\n    menuWidth,\n    autoFocus\n  } = props;\n\n  let state = useSelectState(props);\n  let domRef = useDOMRef(ref);\n\n  let popoverRef = useRef<DOMRefValue<HTMLDivElement>>(null);\n  let triggerRef = useRef<FocusableRefValue<HTMLElement>>(null);\n  let unwrappedTriggerRef = useUnwrapDOMRef(triggerRef);\n  let listboxRef = useRef(null);\n\n  let isLoadingInitial = props.isLoading && state.collection.size === 0;\n  let isLoadingMore = props.isLoading && state.collection.size > 0;\n  let progressCircleId = useId();\n\n  // We create the listbox layout in Picker and pass it to ListBoxBase below\n  // so that the layout information can be cached even while the listbox is not mounted.\n  // We also use the layout as the keyboard delegate for type to select.\n  let layout = useListBoxLayout();\n  let {labelProps, triggerProps, valueProps, menuProps, hiddenSelectProps, descriptionProps, errorMessageProps, isInvalid, validationErrors, validationDetails} = useSelect({\n    ...props,\n    'aria-describedby': (isLoadingInitial ? progressCircleId : undefined)\n  }, state, unwrappedTriggerRef);\n\n  let isMobile = useIsMobileDevice();\n  let {hoverProps, isHovered} = useHover({isDisabled});\n\n  // On small screen devices, the listbox is rendered in a tray, otherwise a popover.\n  let listbox = (\n    <ListBoxBase\n      {...menuProps}\n      ref={listboxRef}\n      disallowEmptySelection\n      autoFocus={state.focusStrategy || true}\n      shouldSelectOnPressUp\n      focusOnPointerEnter\n      layout={layout}\n      state={state}\n      width={isMobile ? '100%' : undefined}\n      // Set max height: inherit so Tray scrolling works\n      UNSAFE_style={{maxHeight: 'inherit'}}\n      isLoading={props.isLoading}\n      showLoadingSpinner={isLoadingMore}\n      onLoadMore={props.onLoadMore} />\n  );\n\n  // Measure the width of the button to inform the width of the menu (below).\n  let [buttonWidth, setButtonWidth] = useState<number | undefined>(undefined);\n  let {scale} = useProvider();\n\n  let onResize = useCallback(() => {\n    if (!isMobile && unwrappedTriggerRef.current) {\n      let width = unwrappedTriggerRef.current.offsetWidth;\n      setButtonWidth(width);\n    }\n  }, [unwrappedTriggerRef, setButtonWidth, isMobile]);\n\n  useResizeObserver({\n    ref: unwrappedTriggerRef,\n    onResize: onResize\n  });\n\n  useLayoutEffect(onResize, [scale, state.selectedKey, onResize]);\n\n  let overlay;\n  if (isMobile) {\n    overlay = (\n      <Tray state={state}>\n        {listbox}\n      </Tray>\n    );\n  } else {\n    // If quiet, use the default width, otherwise match the width of the button. This can be overridden by the menuWidth prop.\n    // Always have a minimum width of the button width. When quiet, there is an extra offset to add.\n    // Not using style props for this because they don't support `calc`.\n    let width = isQuiet ? undefined : buttonWidth;\n    let style = {\n      width: menuWidth ? dimensionValue(menuWidth) : width,\n      minWidth: isQuiet ? `calc(${buttonWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : buttonWidth\n    };\n\n    overlay = (\n      <Popover\n        UNSAFE_style={style}\n        UNSAFE_className={classNames(styles, 'spectrum-Dropdown-popover', {'spectrum-Dropdown-popover--quiet': isQuiet})}\n        ref={popoverRef}\n        placement={`${direction} ${align}`}\n        shouldFlip={shouldFlip}\n        hideArrow\n        state={state}\n        triggerRef={unwrappedTriggerRef}\n        scrollRef={listboxRef}\n        shouldContainFocus>\n        {listbox}\n      </Popover>\n    );\n  }\n\n  let contents = state.selectedItem ? state.selectedItem.rendered : placeholder;\n  if (typeof contents === 'string') {\n    contents = <Text>{contents}</Text>;\n  }\n\n  let picker = (\n    <div\n      className={\n        classNames(\n          styles,\n          'spectrum-Dropdown',\n          {\n            'is-invalid': isInvalid && !isDisabled,\n            'is-disabled': isDisabled,\n            'spectrum-Dropdown--quiet': isQuiet\n          }\n        )\n      }>\n      <HiddenSelect\n        autoComplete={autoComplete}\n        {...hiddenSelectProps} />\n      <PressResponder {...mergeProps(hoverProps, triggerProps)}>\n        <FieldButton\n          ref={triggerRef}\n          isActive={state.isOpen}\n          isQuiet={isQuiet}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          autoFocus={autoFocus}\n          UNSAFE_className={classNames(styles, 'spectrum-Dropdown-trigger', {'is-hovered': isHovered})}>\n          <SlotProvider\n            slots={{\n              icon: {UNSAFE_className: classNames(styles, 'spectrum-Icon'), size: 'S'},\n              avatar: {UNSAFE_className: classNames(styles, 'spectrum-Dropdown-avatar'), size: 'avatar-size-100'},\n              text: {\n                ...valueProps,\n                UNSAFE_className: classNames(\n                  styles,\n                  'spectrum-Dropdown-label',\n                  {'is-placeholder': !state.selectedItem}\n                )\n              },\n              description: {\n                isHidden: true\n              }\n            }}>\n            {contents}\n          </SlotProvider>\n          {isLoadingInitial &&\n            <ProgressCircle\n              id={progressCircleId}\n              isIndeterminate\n              size=\"S\"\n              aria-label={stringFormatter.format('loading')}\n              UNSAFE_className={classNames(styles, 'spectrum-Dropdown-progressCircle')} />\n          }\n          {isInvalid && !isLoadingInitial && !isDisabled &&\n            <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-Dropdown-invalidIcon')} />\n          }\n          <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-Dropdown-chevron')} />\n        </FieldButton>\n      </PressResponder>\n      {state.collection.size === 0 ? null : overlay}\n    </div>\n  );\n\n  let wrapperClassName = classNames(\n    styles,\n    'spectrum-Field',\n    {\n      'spectrum-Dropdown-fieldWrapper--quiet': isQuiet,\n      'spectrum-Dropdown-fieldWrapper--positionSide': labelPosition === 'side'\n    }\n  );\n\n  return (\n    <Field\n      {...props}\n      ref={domRef}\n      wrapperClassName={wrapperClassName}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      isInvalid={isInvalid}\n      validationErrors={validationErrors}\n      validationDetails={validationDetails}\n      showErrorIcon={false}\n      includeNecessityIndicatorInAccessibilityName\n      elementType=\"span\">\n      {picker}\n    </Field>\n  );\n}) as <T>(props: SpectrumPickerProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\n"],"names":[],"version":3,"file":"Picker.main.js.map"}