@depup/react-aria-components 1.16.0-depup.0

package/dist/Select.main.js

@@ -0,0 +1,324 @@
+var $b856e6788a7ea5bf$exports = require("./Button.main.js");
+var $c5ccf687772c0422$exports = require("./utils.main.js");
+var $846a838139f2ac6b$exports = require("./FieldError.main.js");
+var $35157657e549736b$exports = require("./Form.main.js");
+var $d72d752ea1c67b9a$exports = require("./intlStrings.main.js");
+var $84ae0bf5bd8e2a5f$exports = require("./Label.main.js");
+var $a03b42240404b420$exports = require("./ListBox.main.js");
+var $2979ab89b336194b$exports = require("./Dialog.main.js");
+var $61e2b7078adb18bc$exports = require("./Popover.main.js");
+var $a8a589c28affdc40$exports = require("./Text.main.js");
+var $23VoQ$reactaria = require("react-aria");
+var $23VoQ$reactstately = require("react-stately");
+var $23VoQ$reactariacollections = require("@react-aria/collections");
+var $23VoQ$reactariautils = require("@react-aria/utils");
+var $23VoQ$react = require("react");
+
+
+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, "SelectContext", () => $17f0ecdc17674b23$export$7540cee5be7dc19b);
+$parcel$export(module.exports, "SelectStateContext", () => $17f0ecdc17674b23$export$ef445b55be0601bd);
+$parcel$export(module.exports, "Select", () => $17f0ecdc17674b23$export$ef9b1a59e592288f);
+$parcel$export(module.exports, "SelectValueContext", () => $17f0ecdc17674b23$export$f8f745c04421623f);
+$parcel$export(module.exports, "SelectValue", () => $17f0ecdc17674b23$export$e288731fd71264f0);
+/*
+ * Copyright 2022 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 $17f0ecdc17674b23$export$7540cee5be7dc19b = /*#__PURE__*/ (0, $23VoQ$react.createContext)(null);
+const $17f0ecdc17674b23$export$ef445b55be0601bd = /*#__PURE__*/ (0, $23VoQ$react.createContext)(null);
+const $17f0ecdc17674b23$export$ef9b1a59e592288f = /*#__PURE__*/ (0, $23VoQ$react.forwardRef)(function Select(props, ref) {
+    [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $17f0ecdc17674b23$export$7540cee5be7dc19b);
+    let { children: children, isDisabled: isDisabled = false, isInvalid: isInvalid = false, isRequired: isRequired = false } = props;
+    let content = (0, $23VoQ$react.useMemo)(()=>typeof children === 'function' ? children({
+            isOpen: false,
+            isDisabled: isDisabled,
+            isInvalid: isInvalid,
+            isRequired: isRequired,
+            isFocused: false,
+            isFocusVisible: false,
+            defaultChildren: null
+        }) : children, [
+        children,
+        isDisabled,
+        isInvalid,
+        isRequired
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement((0, $23VoQ$reactariacollections.CollectionBuilder), {
+        content: content
+    }, (collection)=>/*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement($17f0ecdc17674b23$var$SelectInner, {
+            props: props,
+            collection: collection,
+            selectRef: ref
+        }));
+});
+// Contexts to clear inside the popover.
+const $17f0ecdc17674b23$var$CLEAR_CONTEXTS = [
+    (0, $84ae0bf5bd8e2a5f$exports.LabelContext),
+    (0, $b856e6788a7ea5bf$exports.ButtonContext),
+    (0, $a8a589c28affdc40$exports.TextContext)
+];
+function $17f0ecdc17674b23$var$SelectInner({ props: props, selectRef: ref, collection: collection }) {
+    let { validationBehavior: formValidationBehavior } = (0, $c5ccf687772c0422$exports.useSlottedContext)((0, $35157657e549736b$exports.FormContext)) || {};
+    var _props_validationBehavior, _ref;
+    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';
+    let state = (0, $23VoQ$reactstately.useSelectState)({
+        ...props,
+        collection: collection,
+        children: undefined,
+        validationBehavior: validationBehavior
+    });
+    let { isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $23VoQ$reactaria.useFocusRing)({
+        within: true
+    });
+    // Get props for child elements from useSelect
+    let buttonRef = (0, $23VoQ$react.useRef)(null);
+    let [labelRef, label] = (0, $c5ccf687772c0422$exports.useSlot)(!props['aria-label'] && !props['aria-labelledby']);
+    let { labelProps: labelProps, triggerProps: triggerProps, valueProps: valueProps, menuProps: menuProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, hiddenSelectProps: hiddenSelectProps, ...validation } = (0, $23VoQ$reactaria.useSelect)({
+        ...(0, $c5ccf687772c0422$exports.removeDataAttributes)(props),
+        label: label,
+        validationBehavior: validationBehavior
+    }, state, buttonRef);
+    // Make menu width match input + button
+    let [buttonWidth, setButtonWidth] = (0, $23VoQ$react.useState)(null);
+    let onResize = (0, $23VoQ$react.useCallback)(()=>{
+        if (buttonRef.current) setButtonWidth(buttonRef.current.offsetWidth + 'px');
+    }, [
+        buttonRef
+    ]);
+    (0, $23VoQ$reactariautils.useResizeObserver)({
+        ref: buttonRef,
+        onResize: onResize
+    });
+    // Only expose a subset of state to renderProps function to avoid infinite render loop
+    let renderPropsState = (0, $23VoQ$react.useMemo)(()=>({
+            isOpen: state.isOpen,
+            isFocused: state.isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.isDisabled || false,
+            isInvalid: validation.isInvalid || false,
+            isRequired: props.isRequired || false
+        }), [
+        state.isOpen,
+        state.isFocused,
+        isFocusVisible,
+        props.isDisabled,
+        validation.isInvalid,
+        props.isRequired
+    ]);
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        values: renderPropsState,
+        defaultClassName: 'react-aria-Select'
+    });
+    let DOMProps = (0, $23VoQ$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    delete DOMProps.id;
+    let scrollRef = (0, $23VoQ$react.useRef)(null);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
+        values: [
+            [
+                $17f0ecdc17674b23$export$7540cee5be7dc19b,
+                props
+            ],
+            [
+                $17f0ecdc17674b23$export$ef445b55be0601bd,
+                state
+            ],
+            [
+                $17f0ecdc17674b23$export$f8f745c04421623f,
+                valueProps
+            ],
+            [
+                (0, $84ae0bf5bd8e2a5f$exports.LabelContext),
+                {
+                    ...labelProps,
+                    ref: labelRef,
+                    elementType: 'span'
+                }
+            ],
+            [
+                (0, $b856e6788a7ea5bf$exports.ButtonContext),
+                {
+                    ...triggerProps,
+                    ref: buttonRef,
+                    isPressed: state.isOpen,
+                    autoFocus: props.autoFocus
+                }
+            ],
+            [
+                (0, $2979ab89b336194b$exports.OverlayTriggerStateContext),
+                state
+            ],
+            [
+                (0, $61e2b7078adb18bc$exports.PopoverContext),
+                {
+                    trigger: 'Select',
+                    triggerRef: buttonRef,
+                    scrollRef: scrollRef,
+                    placement: 'bottom start',
+                    style: {
+                        '--trigger-width': buttonWidth
+                    },
+                    'aria-labelledby': menuProps['aria-labelledby'],
+                    clearContexts: $17f0ecdc17674b23$var$CLEAR_CONTEXTS
+                }
+            ],
+            [
+                (0, $a03b42240404b420$exports.ListBoxContext),
+                {
+                    ...menuProps,
+                    ref: scrollRef
+                }
+            ],
+            [
+                (0, $a03b42240404b420$exports.ListStateContext),
+                state
+            ],
+            [
+                (0, $a8a589c28affdc40$exports.TextContext),
+                {
+                    slots: {
+                        description: descriptionProps,
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ],
+            [
+                (0, $846a838139f2ac6b$exports.FieldErrorContext),
+                validation
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement((0, $c5ccf687772c0422$exports.dom).div, {
+        ...(0, $23VoQ$reactariautils.mergeProps)(DOMProps, renderProps, focusProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-focused": state.isFocused || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-open": state.isOpen || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": validation.isInvalid || undefined,
+        "data-required": props.isRequired || undefined
+    }, renderProps.children, /*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement((0, $23VoQ$reactaria.HiddenSelect), {
+        ...hiddenSelectProps,
+        autoComplete: props.autoComplete
+    })));
+}
+const $17f0ecdc17674b23$export$f8f745c04421623f = /*#__PURE__*/ (0, $23VoQ$react.createContext)(null);
+const $17f0ecdc17674b23$export$e288731fd71264f0 = /*#__PURE__*/ (0, $23VoQ$reactariacollections.createHideableComponent)(function SelectValue(props, ref) {
+    var _state_selectedItems_;
+    [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $17f0ecdc17674b23$export$f8f745c04421623f);
+    let state = (0, $23VoQ$react.useContext)($17f0ecdc17674b23$export$ef445b55be0601bd);
+    let { placeholder: placeholder } = (0, $c5ccf687772c0422$exports.useSlottedContext)($17f0ecdc17674b23$export$7540cee5be7dc19b);
+    let rendered = state.selectedItems.map((item)=>{
+        var _item_props;
+        let rendered = (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.children;
+        // If the selected item has a function as a child, we need to call it to render to React.JSX.
+        if (typeof rendered === 'function') {
+            let fn = rendered;
+            rendered = fn({
+                isHovered: false,
+                isPressed: false,
+                isSelected: false,
+                isFocused: false,
+                isFocusVisible: false,
+                isDisabled: false,
+                selectionMode: 'single',
+                selectionBehavior: 'toggle'
+            });
+        }
+        return rendered;
+    });
+    let formatter = (0, $23VoQ$reactaria.useListFormatter)();
+    let textValue = (0, $23VoQ$react.useMemo)(()=>state.selectedItems.map((item)=>item === null || item === void 0 ? void 0 : item.textValue), [
+        state.selectedItems
+    ]);
+    let selectionMode = state.selectionManager.selectionMode;
+    let selectedText = (0, $23VoQ$react.useMemo)(()=>{
+        var _textValue_;
+        return selectionMode === 'single' ? (_textValue_ = textValue[0]) !== null && _textValue_ !== void 0 ? _textValue_ : '' : formatter.format(textValue);
+    }, [
+        selectionMode,
+        formatter,
+        textValue
+    ]);
+    let defaultChildren = (0, $23VoQ$react.useMemo)(()=>{
+        if (selectionMode === 'single') return rendered[0];
+        let parts = formatter.formatToParts(textValue);
+        if (parts.length === 0) return null;
+        let index = 0;
+        return parts.map((part)=>{
+            if (part.type === 'element') return /*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement((0, $23VoQ$react.Fragment), {
+                key: index
+            }, rendered[index++]);
+            else return part.value;
+        });
+    }, [
+        selectionMode,
+        formatter,
+        textValue,
+        rendered
+    ]);
+    let stringFormatter = (0, $23VoQ$reactaria.useLocalizedStringFormatter)((0, ($parcel$interopDefault($d72d752ea1c67b9a$exports))), 'react-aria-components');
+    var _ref, _state_selectedItems__value;
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        defaultChildren: (_ref = defaultChildren !== null && defaultChildren !== void 0 ? defaultChildren : placeholder) !== null && _ref !== void 0 ? _ref : stringFormatter.format('selectPlaceholder'),
+        defaultClassName: 'react-aria-SelectValue',
+        values: {
+            selectedItem: (_state_selectedItems__value = (_state_selectedItems_ = state.selectedItems[0]) === null || _state_selectedItems_ === void 0 ? void 0 : _state_selectedItems_.value) !== null && _state_selectedItems__value !== void 0 ? _state_selectedItems__value : null,
+            selectedItems: (0, $23VoQ$react.useMemo)(()=>state.selectedItems.map((item)=>{
+                    var _item_value;
+                    return (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : null;
+                }), [
+                state.selectedItems
+            ]),
+            selectedText: selectedText,
+            isPlaceholder: state.selectedItems.length === 0,
+            state: state
+        }
+    });
+    let DOMProps = (0, $23VoQ$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement((0, $c5ccf687772c0422$exports.dom).span, {
+        ref: ref,
+        ...DOMProps,
+        ...renderProps,
+        "data-placeholder": state.selectedItems.length === 0 || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($23VoQ$react))).createElement((0, $a8a589c28affdc40$exports.TextContext).Provider, {
+        value: undefined
+    }, renderProps.children));
+});
+
+
+//# sourceMappingURL=Select.main.js.map

package/dist/Select.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Select.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaSelectProps, HiddenSelect, useFocusRing, useListFormatter, useLocalizedStringFormatter, useSelect} from 'react-aria';\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  Provider,\n  RACValidation,\n  removeDataAttributes,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps,\n  useSlot,\n  useSlottedContext\n} from './utils';\nimport {Collection, Node, SelectState, useSelectState} from 'react-stately';\nimport {CollectionBuilder, createHideableComponent} from '@react-aria/collections';\nimport {FieldErrorContext} from './FieldError';\nimport {filterDOMProps, mergeProps, useResizeObserver} from '@react-aria/utils';\nimport {FormContext} from './Form';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ItemRenderProps} from './Collection';\nimport {LabelContext} from './Label';\nimport {ListBoxContext, ListStateContext} from './ListBox';\nimport {OverlayTriggerStateContext} from './Dialog';\nimport {PopoverContext} from './Popover';\nimport React, {createContext, ForwardedRef, forwardRef, Fragment, HTMLAttributes, ReactNode, useCallback, useContext, useMemo, useRef, useState} from 'react';\nimport {TextContext} from './Text';\n\ntype SelectionMode = 'single' | 'multiple';\n\nexport interface SelectRenderProps {\n  /**\n   * Whether the select is focused, either via a mouse or keyboard.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the select is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the select is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * Whether the select is currently open.\n   * @selector [data-open]\n   */\n  isOpen: boolean,\n  /**\n   * Whether the select is invalid.\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean,\n  /**\n   * Whether the select is required.\n   * @selector [data-required]\n   */\n  isRequired: boolean\n}\n\nexport interface SelectProps<T extends object = {}, M extends SelectionMode = 'single'> extends Omit<AriaSelectProps<T, M>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-Select'\n   */\n  className?: ClassNameOrFunction<SelectRenderProps>,\n  /**\n   * Temporary text that occupies the select when it is empty.\n   * @default 'Select an item' (localized)\n   */\n  placeholder?: string\n}\n\nexport const SelectContext = createContext<ContextValue<SelectProps<any, SelectionMode>, HTMLDivElement>>(null);\nexport const SelectStateContext = createContext<SelectState<unknown, SelectionMode> | null>(null);\n\n/**\n * A select displays a collapsible list of options and allows a user to select one of them.\n */\nexport const Select = /*#__PURE__*/ (forwardRef as forwardRefType)(function Select<T extends object = {}, M extends SelectionMode = 'single'>(props: SelectProps<T, M>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n  let {children, isDisabled = false, isInvalid = false, isRequired = false} = props;\n  let content = useMemo(() => (\n    typeof children === 'function'\n      ? children({\n        isOpen: false,\n        isDisabled,\n        isInvalid,\n        isRequired,\n        isFocused: false,\n        isFocusVisible: false,\n        defaultChildren: null\n      })\n      : children\n  ), [children, isDisabled, isInvalid, isRequired]);\n\n  return (\n    <CollectionBuilder content={content}>\n      {collection => <SelectInner props={props} collection={collection} selectRef={ref} />}\n    </CollectionBuilder>\n  );\n});\n\n// Contexts to clear inside the popover.\nconst CLEAR_CONTEXTS = [LabelContext, ButtonContext, TextContext];\n\ninterface SelectInnerProps<T extends object> {\n  props: SelectProps<T, SelectionMode>,\n  selectRef: ForwardedRef<HTMLDivElement>,\n  collection: Collection<Node<T>>\n}\n\nfunction SelectInner<T extends object>({props, selectRef: ref, collection}: SelectInnerProps<T>) {\n  let {validationBehavior: formValidationBehavior} = useSlottedContext(FormContext) || {};\n  let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n  let state = useSelectState({\n    ...props,\n    collection,\n    children: undefined,\n    validationBehavior\n  });\n\n  let {isFocusVisible, focusProps} = useFocusRing({within: true});\n\n  // Get props for child elements from useSelect\n  let buttonRef = useRef<HTMLButtonElement>(null);\n  let [labelRef, label] = useSlot(\n    !props['aria-label'] && !props['aria-labelledby']\n  );\n  let {\n    labelProps,\n    triggerProps,\n    valueProps,\n    menuProps,\n    descriptionProps,\n    errorMessageProps,\n    hiddenSelectProps,\n    ...validation\n  } = useSelect({\n    ...removeDataAttributes(props),\n    label,\n    validationBehavior\n  }, state, buttonRef);\n\n  // Make menu width match input + button\n  let [buttonWidth, setButtonWidth] = useState<string | null>(null);\n  let onResize = useCallback(() => {\n    if (buttonRef.current) {\n      setButtonWidth(buttonRef.current.offsetWidth + 'px');\n    }\n  }, [buttonRef]);\n\n  useResizeObserver({\n    ref: buttonRef,\n    onResize: onResize\n  });\n\n  // Only expose a subset of state to renderProps function to avoid infinite render loop\n  let renderPropsState = useMemo(() => ({\n    isOpen: state.isOpen,\n    isFocused: state.isFocused,\n    isFocusVisible,\n    isDisabled: props.isDisabled || false,\n    isInvalid: validation.isInvalid || false,\n    isRequired: props.isRequired || false\n  }), [state.isOpen, state.isFocused, isFocusVisible, props.isDisabled, validation.isInvalid, props.isRequired]);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: renderPropsState,\n    defaultClassName: 'react-aria-Select'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n  delete DOMProps.id;\n\n  let scrollRef = useRef(null);\n\n  return (\n    <Provider\n      values={[\n        [SelectContext, props],\n        [SelectStateContext, state],\n        [SelectValueContext, valueProps],\n        [LabelContext, {...labelProps, ref: labelRef, elementType: 'span'}],\n        [ButtonContext, {...triggerProps, ref: buttonRef, isPressed: state.isOpen, autoFocus: props.autoFocus}],\n        [OverlayTriggerStateContext, state],\n        [PopoverContext, {\n          trigger: 'Select',\n          triggerRef: buttonRef,\n          scrollRef,\n          placement: 'bottom start',\n          style: {'--trigger-width': buttonWidth} as React.CSSProperties,\n          'aria-labelledby': menuProps['aria-labelledby'],\n          clearContexts: CLEAR_CONTEXTS\n        }],\n        [ListBoxContext, {...menuProps, ref: scrollRef}],\n        [ListStateContext, state],\n        [TextContext, {\n          slots: {\n            description: descriptionProps,\n            errorMessage: errorMessageProps\n          }\n        }],\n        [FieldErrorContext, validation]\n      ]}>\n      <dom.div\n        {...mergeProps(DOMProps, renderProps, focusProps)}\n        ref={ref}\n        slot={props.slot || undefined}\n        data-focused={state.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-open={state.isOpen || undefined}\n        data-disabled={props.isDisabled || undefined}\n        data-invalid={validation.isInvalid || undefined}\n        data-required={props.isRequired || undefined}>\n        {renderProps.children}\n        <HiddenSelect\n          {...hiddenSelectProps}\n          autoComplete={props.autoComplete} />\n      </dom.div>\n    </Provider>\n  );\n}\n\nexport interface SelectValueRenderProps<T> {\n  /**\n   * Whether the value is a placeholder.\n   * @selector [data-placeholder]\n   */\n  isPlaceholder: boolean,\n  /**\n   * The object value of the first selected item.\n   * @deprecated\n   */\n  selectedItem: T | null,\n  /** The object values of the currently selected items. */\n  selectedItems: (T | null)[],\n  /** The textValue of the currently selected items. */\n  selectedText: string,\n  /** The state of the select. */\n  state: SelectState<T, 'single' | 'multiple'>\n}\n\nexport interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>, 'span'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-SelectValue'\n   */\n  className?: ClassNameOrFunction<SelectValueRenderProps<T>>\n}\n\nexport const SelectValueContext = createContext<ContextValue<SelectValueProps<any>, HTMLSpanElement>>(null);\n\n/**\n * SelectValue renders the current value of a Select, or a placeholder if no value is selected.\n * It is usually placed within the button element.\n */\nexport const SelectValue = /*#__PURE__*/ createHideableComponent(function SelectValue<T extends object>(props: SelectValueProps<T>, ref: ForwardedRef<HTMLSpanElement>) {\n  [props, ref] = useContextProps(props, ref, SelectValueContext);\n  let state = useContext(SelectStateContext)! as SelectState<T, 'single' | 'multiple'>;\n  let {placeholder} = useSlottedContext(SelectContext)!;\n  let rendered = state.selectedItems.map((item) => {\n    let rendered = item.props?.children;\n    // If the selected item has a function as a child, we need to call it to render to React.JSX.\n    if (typeof rendered === 'function') {\n      let fn = rendered as (s: ItemRenderProps) => ReactNode;\n      rendered = fn({\n        isHovered: false,\n        isPressed: false,\n        isSelected: false,\n        isFocused: false,\n        isFocusVisible: false,\n        isDisabled: false,\n        selectionMode: 'single',\n        selectionBehavior: 'toggle'\n      });\n    }\n\n    return rendered;\n  });\n\n  let formatter = useListFormatter();\n  let textValue = useMemo(() => state.selectedItems.map(item => item?.textValue), [state.selectedItems]);\n  let selectionMode = state.selectionManager.selectionMode;\n  let selectedText = useMemo(() => (\n    selectionMode === 'single' \n      ? textValue[0] ?? '' \n      : formatter.format(textValue)\n  ), [selectionMode, formatter, textValue]);\n\n  let defaultChildren = useMemo(() => {\n    if (selectionMode === 'single') {\n      return rendered[0];\n    }\n\n    let parts = formatter.formatToParts(textValue);\n    if (parts.length === 0) {\n      return null;\n    }\n\n    let index = 0;\n    return parts.map(part => {\n      if (part.type === 'element') {\n        return <Fragment key={index}>{rendered[index++]}</Fragment>;\n      } else {\n        return part.value;\n      }\n    });\n  }, [selectionMode, formatter, textValue, rendered]);\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, 'react-aria-components');\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultChildren: defaultChildren ?? placeholder ?? stringFormatter.format('selectPlaceholder'),\n    defaultClassName: 'react-aria-SelectValue',\n    values: {\n      selectedItem: state.selectedItems[0]?.value as T ?? null,\n      selectedItems: useMemo(() => state.selectedItems.map(item => item.value as T ?? null), [state.selectedItems]),\n      selectedText,\n      isPlaceholder: state.selectedItems.length === 0,\n      state\n    }\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.span ref={ref} {...DOMProps} {...renderProps} data-placeholder={state.selectedItems.length === 0 || undefined}>\n      {/* clear description and error message slots */}\n      <TextContext.Provider value={undefined}>\n        {renderProps.children}\n      </TextContext.Provider>\n    </dom.span>\n  );\n});\n"],"names":[],"version":3,"file":"Select.main.js.map"}