@radix-ui/react-select 1.0.1-rc.8 → 1.1.0-rc.1

package/dist/index.module.js

@@ -65,7 +65,7 @@ const [$cc7e05a45900e73f$var$createSelectContext, $cc7e05a45900e73f$export$28672
 const [$cc7e05a45900e73f$var$SelectProvider, $cc7e05a45900e73f$var$useSelectContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME);
 const [$cc7e05a45900e73f$var$SelectNativeOptionsProvider, $cc7e05a45900e73f$var$useSelectNativeOptionsContext] = $cc7e05a45900e73f$var$createSelectContext($cc7e05a45900e73f$var$SELECT_NAME);
 const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
-    const { __scopeSelect: __scopeSelect , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , value: valueProp , defaultValue: defaultValue , onValueChange: onValueChange , dir: dir , name: name , autoComplete: autoComplete  } = props;
+    const { __scopeSelect: __scopeSelect , children: children , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , value: valueProp , defaultValue: defaultValue , onValueChange: onValueChange , dir: dir , name: name , autoComplete: autoComplete , disabled: disabled  } = props;
     const [trigger, setTrigger] = $01b9c$useState(null);
     const [valueNode, setValueNode] = $01b9c$useState(null);
     const [valueNodeHasChildren, setValueNodeHasChildren] = $01b9c$useState(false);
@@ -103,7 +103,8 @@ const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
         open: open,
         onOpenChange: setOpen,
         dir: direction,
-        triggerPointerDownPosRef: triggerPointerDownPosRef
+        triggerPointerDownPosRef: triggerPointerDownPosRef,
+        disabled: disabled
     }, /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$Collection.Provider, {
         scope: __scopeSelect
     }, /*#__PURE__*/ $01b9c$createElement($cc7e05a45900e73f$var$SelectNativeOptionsProvider, {
@@ -128,6 +129,8 @@ const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
         value: value // enable form autofill
         ,
         onChange: (event)=>setValue(event.target.value)
+        ,
+        disabled: disabled
     }, Array.from(nativeOptionsSet)) : null);
 };
 /*#__PURE__*/ Object.assign($cc7e05a45900e73f$export$ef9b1a59e592288f, {
@@ -139,6 +142,7 @@ const $cc7e05a45900e73f$export$ef9b1a59e592288f = (props)=>{
 const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ $01b9c$forwardRef((props, forwardedRef)=>{
     const { __scopeSelect: __scopeSelect , disabled: disabled = false , ...triggerProps } = props;
     const context = $cc7e05a45900e73f$var$useSelectContext($cc7e05a45900e73f$var$TRIGGER_NAME, __scopeSelect);
+    const isDisabled = context.disabled || disabled;
     const composedRefs = $01b9c$useComposedRefs(forwardedRef, context.onTriggerChange);
     const getItems = $cc7e05a45900e73f$var$useCollection(__scopeSelect);
     const [searchRef, handleTypeaheadSearch, resetTypeahead] = $cc7e05a45900e73f$var$useTypeaheadSearch((search)=>{
@@ -150,7 +154,7 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ $01b9c$forwardRef
         if (nextItem !== undefined) context.onValueChange(nextItem.value);
     });
     const handleOpen = ()=>{
-        if (!disabled) {
+        if (!isDisabled) {
             context.onOpenChange(true); // reset typeahead when we open
             resetTypeahead();
         }
@@ -163,8 +167,8 @@ const $cc7e05a45900e73f$export$3ac1e88a1c0b9f1 = /*#__PURE__*/ $01b9c$forwardRef
         "aria-autocomplete": "none",
         dir: context.dir,
         "data-state": context.open ? 'open' : 'closed',
-        disabled: disabled,
-        "data-disabled": disabled ? '' : undefined,
+        disabled: isDisabled,
+        "data-disabled": isDisabled ? '' : undefined,
         "data-placeholder": context.value === undefined ? '' : undefined
     }, triggerProps, {
         ref: composedRefs // Enable compatibility with native label or custom `Label` "click" for Safari: