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

package/dist/index.d.mts

@@ -7,7 +7,16 @@ import * as PopperPrimitive from '@radix-ui/react-popper';
 import { Portal } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
 
-type Direction = 'ltr' | 'rtl';
+declare const Position: {
+    readonly ItemAligned: "item-aligned";
+    readonly Popper: "popper";
+};
+type Position = (typeof Position)[keyof typeof Position];
+declare const Direction: {
+    readonly LTR: "ltr";
+    readonly RTL: "rtl";
+};
+type Direction = (typeof Direction)[keyof typeof Direction];
 type ScopedProps<P> = P & {
     __scopeSelect?: Scope;
 };
@@ -91,7 +100,7 @@ interface SelectContentImplProps extends Omit<SelectPopperPositionProps, keyof S
      * Can be prevented.
      */
     onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
-    position?: 'item-aligned' | 'popper';
+    position?: Position;
 }
 interface SelectItemAlignedPositionProps extends PrimitiveDivProps, SelectPopperPrivateProps {
 }

package/dist/index.d.ts

@@ -7,7 +7,16 @@ import * as PopperPrimitive from '@radix-ui/react-popper';
 import { Portal } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
 
-type Direction = 'ltr' | 'rtl';
+declare const Position: {
+    readonly ItemAligned: "item-aligned";
+    readonly Popper: "popper";
+};
+type Position = (typeof Position)[keyof typeof Position];
+declare const Direction: {
+    readonly LTR: "ltr";
+    readonly RTL: "rtl";
+};
+type Direction = (typeof Direction)[keyof typeof Direction];
 type ScopedProps<P> = P & {
     __scopeSelect?: Scope;
 };
@@ -91,7 +100,7 @@ interface SelectContentImplProps extends Omit<SelectPopperPositionProps, keyof S
      * Can be prevented.
      */
     onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
-    position?: 'item-aligned' | 'popper';
+    position?: Position;
 }
 interface SelectItemAlignedPositionProps extends PrimitiveDivProps, SelectPopperPrivateProps {
 }

package/dist/index.js

@@ -99,6 +99,14 @@ var import_react_visually_hidden = require("@radix-ui/react-visually-hidden");
 var import_aria_hidden = require("aria-hidden");
 var import_react_remove_scroll = require("react-remove-scroll");
 var import_jsx_runtime = require("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";
@@ -367,7 +375,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,
@@ -496,7 +504,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,
@@ -612,7 +620,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;
@@ -897,10 +905,8 @@ var SelectItem = /* @__PURE__ */ React.forwardRef(
     const textId = (0, import_react_id.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__ */ (0, import_jsx_runtime.jsx)(
       SelectItemContextProvider,
@@ -936,10 +942,20 @@ var SelectItem = /* @__PURE__ */ React.forwardRef(
                 onFocus: (0, import_primitive.composeEventHandlers)(itemProps.onFocus, () => setIsFocused(true)),
                 onBlur: (0, import_primitive.composeEventHandlers)(itemProps.onBlur, () => setIsFocused(false)),
                 onClick: (0, import_primitive.composeEventHandlers)(itemProps.onClick, () => {
-                  if (pointerTypeRef.current !== "mouse") handleSelect();
+                  if (disabled) {
+                    return;
+                  }
+                  if (pointerTypeRef.current !== "mouse") {
+                    handleSelect();
+                  }
                 }),
                 onPointerUp: (0, import_primitive.composeEventHandlers)(itemProps.onPointerUp, () => {
-                  if (pointerTypeRef.current === "mouse") handleSelect();
+                  if (disabled) {
+                    return;
+                  }
+                  if (pointerTypeRef.current === "mouse") {
+                    handleSelect();
+                  }
                 }),
                 onPointerDown: (0, import_primitive.composeEventHandlers)(itemProps.onPointerDown, (event) => {
                   pointerTypeRef.current = event.pointerType;
@@ -1147,7 +1163,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__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return contentContext.position === Position.Popper ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }, "SelectArrow")
 );
 var BUBBLE_INPUT_NAME = "SelectBubbleInput";