@radix-ui/react-select 1.2.2 → 2.0.0-rc.1

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import $01b9c$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
-import {useState as $01b9c$useState, useRef as $01b9c$useRef, createElement as $01b9c$createElement, useCallback as $01b9c$useCallback, forwardRef as $01b9c$forwardRef, useEffect as $01b9c$useEffect, Fragment as $01b9c$Fragment, useMemo as $01b9c$useMemo} from "react";
+import {useState as $01b9c$useState, useRef as $01b9c$useRef, createElement as $01b9c$createElement, useCallback as $01b9c$useCallback, forwardRef as $01b9c$forwardRef, Fragment as $01b9c$Fragment, useEffect as $01b9c$useEffect, useMemo as $01b9c$useMemo} from "react";
 import {createPortal as $01b9c$createPortal} from "react-dom";
 import {clamp as $01b9c$clamp} from "@radix-ui/number";
 import {composeEventHandlers as $01b9c$composeEventHandlers} from "@radix-ui/primitive";
@@ -183,7 +183,7 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ $01b9c$forwardRef
         "data-state": context.open ? 'open' : 'closed',
         disabled: isDisabled,
         "data-disabled": isDisabled ? '' : undefined,
-        "data-placeholder": context.value === undefined ? '' : undefined
+        "data-placeholder": $cc7e05a45900e73f$var$shouldShowPlaceholder(context.value) ? '' : undefined
     }, triggerProps, {
         ref: composedRefs // Enable compatibility with native label or custom `Label` "click" for Safari:
         ,
@@ -231,7 +231,7 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ $01b9c$forwardRef
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$VALUE_NAME = 'SelectValue';
 const $cc7e05a45900e73f$export$e288731fd71264f0 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
     // We ignore `className` and `style` as this part shouldn't be styled.
-    const { __scopeSelect: __scopeSelect , className: className , style: style , children: children , placeholder: placeholder , ...valueProps } = props;
+    const { __scopeSelect: __scopeSelect , className: className , style: style , children: children , placeholder: placeholder = '' , ...valueProps } = props;
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$VALUE_NAME, __scopeSelect);
     const { onValueNodeHasChildrenChange: onValueNodeHasChildrenChange  } = context;
     const hasChildren = children !== undefined;
@@ -248,7 +248,7 @@ const $cc7e05a45900e73f$export$e288731fd71264f0 = /*#__PURE__*/ $01b9c$forwardRe
         style: {
             pointerEvents: 'none'
         }
-    }), context.value === undefined && placeholder !== undefined ? placeholder : children);
+    }), $cc7e05a45900e73f$var$shouldShowPlaceholder(context.value) ? /*#__PURE__*/ $01b9c$createElement($01b9c$Fragment, null, placeholder) : children);
 });
 /*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$e288731fd71264f0, {
     displayName: $cc7e05a45900e73f$var$VALUE_NAME
@@ -862,6 +862,7 @@ const $cc7e05a45900e73f$export$13ef48a934230896 = /*#__PURE__*/ $01b9c$forwardRe
             context.onOpenChange(false);
         }
     };
+    if (value === '') throw new Error('A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.');
     return /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectItemContextProvider, {
         scope: __scopeSelect,
         value: value,
@@ -1137,7 +1138,10 @@ const $cc7e05a45900e73f$export$314f4cb8f8099628 = /*#__PURE__*/ $01b9c$forwardRe
 /*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$314f4cb8f8099628, {
     displayName: $cc7e05a45900e73f$var$ARROW_NAME
 });
-/* -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$BubbleSelect = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
+/* -----------------------------------------------------------------------------------------------*/ function $cc7e05a45900e73f$var$shouldShowPlaceholder(value) {
+    return value === '' || value === undefined;
+}
+const $cc7e05a45900e73f$var$BubbleSelect = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
     const { value: value , ...selectProps } = props;
     const ref = $01b9c$useRef(null);
     const composedRefs = $01b9c$useComposedRefs(forwardedRef, ref);