@radix-ui/react-select 2.3.6 → 2.3.7

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _radix_ui_react_context from '@radix-ui/react-context';
 import { Scope } from '@radix-ui/react-context';
 import * as React from 'react';
@@ -7,16 +8,7 @@ import * as PopperPrimitive from '@radix-ui/react-popper';
 import { Portal } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
 
-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 Direction = 'ltr' | 'rtl';
 type ScopedProps<P> = P & {
     __scopeSelect?: Scope;
 };
@@ -43,7 +35,7 @@ interface SelectProviderProps extends SelectSharedProps {
     defaultValue?: string;
     onValueChange?(value: string): void;
 }
-declare function SelectProvider(props: ScopedProps<SelectProviderProps>): React.JSX.Element;
+declare function SelectProvider(props: ScopedProps<SelectProviderProps>): react_jsx_runtime.JSX.Element;
 declare const Select: React.FC<SelectProps>;
 type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
 interface SelectTriggerProps extends PrimitiveButtonProps {
@@ -100,7 +92,7 @@ interface SelectContentImplProps extends Omit<SelectPopperPositionProps, keyof S
      * Can be prevented.
      */
     onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
-    position?: Position;
+    position?: 'item-aligned' | 'popper';
 }
 interface SelectItemAlignedPositionProps extends PrimitiveDivProps, SelectPopperPrivateProps {
 }

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _radix_ui_react_context from '@radix-ui/react-context';
 import { Scope } from '@radix-ui/react-context';
 import * as React from 'react';
@@ -7,16 +8,7 @@ import * as PopperPrimitive from '@radix-ui/react-popper';
 import { Portal } from '@radix-ui/react-portal';
 import { Primitive } from '@radix-ui/react-primitive';
 
-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 Direction = 'ltr' | 'rtl';
 type ScopedProps<P> = P & {
     __scopeSelect?: Scope;
 };
@@ -43,7 +35,7 @@ interface SelectProviderProps extends SelectSharedProps {
     defaultValue?: string;
     onValueChange?(value: string): void;
 }
-declare function SelectProvider(props: ScopedProps<SelectProviderProps>): React.JSX.Element;
+declare function SelectProvider(props: ScopedProps<SelectProviderProps>): react_jsx_runtime.JSX.Element;
 declare const Select: React.FC<SelectProps>;
 type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
 interface SelectTriggerProps extends PrimitiveButtonProps {
@@ -100,7 +92,7 @@ interface SelectContentImplProps extends Omit<SelectPopperPositionProps, keyof S
      * Can be prevented.
      */
     onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
-    position?: Position;
+    position?: 'item-aligned' | 'popper';
 }
 interface SelectItemAlignedPositionProps extends PrimitiveDivProps, SelectPopperPrivateProps {
 }

package/dist/index.js

@@ -99,14 +99,6 @@ 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";
@@ -375,7 +367,7 @@ var SelectContentImpl = /* @__PURE__ */ React.forwardRef(
   /* @__PURE__ */ __name(function SelectContentImpl2(props, forwardedRef) {
     const { __scopeSelect } = props;
     const {
-      position = Position.ItemAligned,
+      position = "item-aligned",
       onCloseAutoFocus,
       onEscapeKeyDown,
       onPointerDownOutside,
@@ -504,7 +496,7 @@ var SelectContentImpl = /* @__PURE__ */ React.forwardRef(
       },
       [context.value]
     );
-    const SelectPosition = position === Position.Popper ? SelectPopperPosition : SelectItemAlignedPosition;
+    const SelectPosition = position === "popper" ? SelectPopperPosition : SelectItemAlignedPosition;
     const popperContentProps = SelectPosition === SelectPopperPosition ? {
       side,
       sideOffset,
@@ -620,7 +612,7 @@ var SelectItemAlignedPosition = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */
       const contentRect = content.getBoundingClientRect();
       const valueNodeRect = context.valueNode.getBoundingClientRect();
       const itemTextRect = selectedItemText.getBoundingClientRect();
-      if (context.dir !== Direction.RTL) {
+      if (context.dir !== "rtl") {
         const itemTextOffset = itemTextRect.left - contentRect.left;
         const left = valueNodeRect.left - itemTextOffset;
         const leftDelta = triggerRect.left - left;
@@ -905,8 +897,10 @@ var SelectItem = /* @__PURE__ */ React.forwardRef(
     const textId = (0, import_react_id.useId)();
     const pointerTypeRef = React.useRef("touch");
     const handleSelect = /* @__PURE__ */ __name(() => {
-      context.onValueChange(value);
-      context.onOpenChange(false);
+      if (!disabled) {
+        context.onValueChange(value);
+        context.onOpenChange(false);
+      }
     }, "handleSelect");
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       SelectItemContextProvider,
@@ -942,20 +936,10 @@ 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 (disabled) {
-                    return;
-                  }
-                  if (pointerTypeRef.current !== "mouse") {
-                    handleSelect();
-                  }
+                  if (pointerTypeRef.current !== "mouse") handleSelect();
                 }),
                 onPointerUp: (0, import_primitive.composeEventHandlers)(itemProps.onPointerUp, () => {
-                  if (disabled) {
-                    return;
-                  }
-                  if (pointerTypeRef.current === "mouse") {
-                    handleSelect();
-                  }
+                  if (pointerTypeRef.current === "mouse") handleSelect();
                 }),
                 onPointerDown: (0, import_primitive.composeEventHandlers)(itemProps.onPointerDown, (event) => {
                   pointerTypeRef.current = event.pointerType;
@@ -1163,7 +1147,7 @@ var SelectArrow = /* @__PURE__ */ React.forwardRef(
     const { __scopeSelect, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
-    return contentContext.position === Position.Popper ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }, "SelectArrow")
 );
 var BUBBLE_INPUT_NAME = "SelectBubbleInput";