@radix-ui/react-select 2.3.5 → 2.3.6-rc.1784938226983

package/dist/index.mjs

@@ -29,6 +29,14 @@ import { VISUALLY_HIDDEN_STYLES } from "@radix-ui/react-visually-hidden";
 import { hideOthers } from "aria-hidden";
 import { RemoveScroll } from "react-remove-scroll";
 import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+var Position = {
+  ItemAligned: "item-aligned",
+  Popper: "popper"
+};
+var Direction = {
+  LTR: "ltr",
+  RTL: "rtl"
+};
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
@@ -297,7 +305,7 @@ var SelectContentImpl = /* @__PURE__ */ React.forwardRef(
   /* @__PURE__ */ __name(function SelectContentImpl2(props, forwardedRef) {
     const { __scopeSelect } = props;
     const {
-      position = "item-aligned",
+      position = Position.ItemAligned,
       onCloseAutoFocus,
       onEscapeKeyDown,
       onPointerDownOutside,
@@ -426,7 +434,7 @@ var SelectContentImpl = /* @__PURE__ */ React.forwardRef(
       },
       [context.value]
     );
-    const SelectPosition = position === "popper" ? SelectPopperPosition : SelectItemAlignedPosition;
+    const SelectPosition = position === Position.Popper ? SelectPopperPosition : SelectItemAlignedPosition;
     const popperContentProps = SelectPosition === SelectPopperPosition ? {
       side,
       sideOffset,
@@ -542,7 +550,7 @@ var SelectItemAlignedPosition = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */
       const contentRect = content.getBoundingClientRect();
       const valueNodeRect = context.valueNode.getBoundingClientRect();
       const itemTextRect = selectedItemText.getBoundingClientRect();
-      if (context.dir !== "rtl") {
+      if (context.dir !== Direction.RTL) {
         const itemTextOffset = itemTextRect.left - contentRect.left;
         const left = valueNodeRect.left - itemTextOffset;
         const leftDelta = triggerRect.left - left;
@@ -827,10 +835,8 @@ var SelectItem = /* @__PURE__ */ React.forwardRef(
     const textId = useId();
     const pointerTypeRef = React.useRef("touch");
     const handleSelect = /* @__PURE__ */ __name(() => {
-      if (!disabled) {
-        context.onValueChange(value);
-        context.onOpenChange(false);
-      }
+      context.onValueChange(value);
+      context.onOpenChange(false);
     }, "handleSelect");
     return /* @__PURE__ */ jsx(
       SelectItemContextProvider,
@@ -866,10 +872,20 @@ var SelectItem = /* @__PURE__ */ React.forwardRef(
                 onFocus: composeEventHandlers(itemProps.onFocus, () => setIsFocused(true)),
                 onBlur: composeEventHandlers(itemProps.onBlur, () => setIsFocused(false)),
                 onClick: composeEventHandlers(itemProps.onClick, () => {
-                  if (pointerTypeRef.current !== "mouse") handleSelect();
+                  if (disabled) {
+                    return;
+                  }
+                  if (pointerTypeRef.current !== "mouse") {
+                    handleSelect();
+                  }
                 }),
                 onPointerUp: composeEventHandlers(itemProps.onPointerUp, () => {
-                  if (pointerTypeRef.current === "mouse") handleSelect();
+                  if (disabled) {
+                    return;
+                  }
+                  if (pointerTypeRef.current === "mouse") {
+                    handleSelect();
+                  }
                 }),
                 onPointerDown: composeEventHandlers(itemProps.onPointerDown, (event) => {
                   pointerTypeRef.current = event.pointerType;
@@ -1077,7 +1093,7 @@ var SelectArrow = /* @__PURE__ */ React.forwardRef(
     const { __scopeSelect, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-    return contentContext.position === "popper" ? /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return contentContext.position === Position.Popper ? /* @__PURE__ */ jsx(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }, "SelectArrow")
 );
 var BUBBLE_INPUT_NAME = "SelectBubbleInput";