Download node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs from metarm/QMetaRam: direct link, hf CLI and curl.
- Browser
- Download file 13 kB
-
https://huggingface.co/metarm/QMetaRam/resolve/main/node_modules/%40radix-ui/react-dropdown-menu/dist/index.mjs
- Command line
-
hf download hf://metarm/QMetaRam/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs
-
curl -L -o index.mjs https://huggingface.co/metarm/QMetaRam/resolve/main/node_modules/%40radix-ui/react-dropdown-menu/dist/index.mjs
13 kB
| "use client"; | |
| var __defProp = Object.defineProperty; | |
| var __name = (target, value) => __defProp(target, "name", { value, configurable: true }); | |
| // src/dropdown-menu.tsx | |
| import * as React from "react"; | |
| import { composeEventHandlers } from "@radix-ui/primitive"; | |
| import { useComposedRefs } from "@radix-ui/react-compose-refs"; | |
| import { createContextScope } from "@radix-ui/react-context"; | |
| import { useControllableState } from "@radix-ui/react-use-controllable-state"; | |
| import { Primitive } from "@radix-ui/react-primitive"; | |
| import * as MenuPrimitive from "@radix-ui/react-menu"; | |
| import { createMenuScope } from "@radix-ui/react-menu"; | |
| import { useId } from "@radix-ui/react-id"; | |
| import { jsx } from "react/jsx-runtime"; | |
| var DROPDOWN_MENU_NAME = "DropdownMenu"; | |
| var [createDropdownMenuContext, createDropdownMenuScope] = createContextScope( | |
| DROPDOWN_MENU_NAME, | |
| [createMenuScope] | |
| ); | |
| var useMenuScope = createMenuScope(); | |
| var [DropdownMenuProvider, useDropdownMenuContext] = createDropdownMenuContext(DROPDOWN_MENU_NAME); | |
| var DropdownMenu = /* @__PURE__ */ __name((props) => { | |
| const { | |
| __scopeDropdownMenu, | |
| children, | |
| dir, | |
| open: openProp, | |
| defaultOpen, | |
| onOpenChange, | |
| modal = true | |
| } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| const triggerRef = React.useRef(null); | |
| const [open, setOpen] = useControllableState({ | |
| prop: openProp, | |
| defaultProp: defaultOpen ?? false, | |
| onChange: onOpenChange, | |
| caller: DROPDOWN_MENU_NAME | |
| }); | |
| return /* @__PURE__ */ jsx( | |
| DropdownMenuProvider, | |
| { | |
| scope: __scopeDropdownMenu, | |
| triggerId: useId(), | |
| triggerRef, | |
| contentId: useId(), | |
| open, | |
| onOpenChange: setOpen, | |
| onOpenToggle: React.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]), | |
| modal, | |
| children: /* @__PURE__ */ jsx(MenuPrimitive.Root, { ...menuScope, open, onOpenChange: setOpen, dir, modal, children }) | |
| } | |
| ); | |
| }, "DropdownMenu"); | |
| var TRIGGER_NAME = "DropdownMenuTrigger"; | |
| var DropdownMenuTrigger = /* @__PURE__ */ React.forwardRef( | |
| // blank line to reduce diff noise | |
| /* @__PURE__ */ __name(function DropdownMenuTrigger2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, disabled = false, ...triggerProps } = props; | |
| const context = useDropdownMenuContext(TRIGGER_NAME, __scopeDropdownMenu); | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| const composedRefs = useComposedRefs(forwardedRef, context.triggerRef); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Anchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ jsx( | |
| Primitive.button, | |
| { | |
| type: "button", | |
| id: context.triggerId, | |
| "aria-haspopup": "menu", | |
| "aria-expanded": context.open, | |
| "aria-controls": context.open ? context.contentId : void 0, | |
| "data-state": context.open ? "open" : "closed", | |
| "data-disabled": disabled ? "" : void 0, | |
| disabled, | |
| ...triggerProps, | |
| ref: composedRefs, | |
| onPointerDown: composeEventHandlers(props.onPointerDown, (event) => { | |
| if (!disabled && event.button === 0 && event.ctrlKey === false) { | |
| context.onOpenToggle(); | |
| if (!context.open) event.preventDefault(); | |
| } | |
| }), | |
| onKeyDown: composeEventHandlers(props.onKeyDown, (event) => { | |
| if (disabled) return; | |
| if (["Enter", " "].includes(event.key)) context.onOpenToggle(); | |
| if (event.key === "ArrowDown") context.onOpenChange(true); | |
| if (["Enter", " ", "ArrowDown"].includes(event.key)) event.preventDefault(); | |
| }) | |
| } | |
| ) }); | |
| }, "DropdownMenuTrigger") | |
| ); | |
| var DropdownMenuPortal = /* @__PURE__ */ __name((props) => { | |
| const { __scopeDropdownMenu, ...portalProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Portal, { ...menuScope, ...portalProps }); | |
| }, "DropdownMenuPortal"); | |
| var CONTENT_NAME = "DropdownMenuContent"; | |
| var DropdownMenuContent = /* @__PURE__ */ React.forwardRef( | |
| // blank line to reduce diff noise | |
| /* @__PURE__ */ __name(function DropdownMenuContent2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...contentProps } = props; | |
| const context = useDropdownMenuContext(CONTENT_NAME, __scopeDropdownMenu); | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| const hasInteractedOutsideRef = React.useRef(false); | |
| return /* @__PURE__ */ jsx( | |
| MenuPrimitive.Content, | |
| { | |
| id: context.contentId, | |
| "aria-labelledby": context.triggerId, | |
| ...menuScope, | |
| ...contentProps, | |
| ref: forwardedRef, | |
| onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => { | |
| if (!hasInteractedOutsideRef.current) context.triggerRef.current?.focus(); | |
| hasInteractedOutsideRef.current = false; | |
| event.preventDefault(); | |
| }), | |
| onInteractOutside: composeEventHandlers(props.onInteractOutside, (event) => { | |
| const originalEvent = event.detail.originalEvent; | |
| const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true; | |
| const isRightClick = originalEvent.button === 2 || ctrlLeftClick; | |
| if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true; | |
| }), | |
| style: { | |
| ...props.style, | |
| // re-namespace exposed content custom properties | |
| ...{ | |
| "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)", | |
| "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)", | |
| "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)", | |
| "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)", | |
| "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)" | |
| } | |
| } | |
| } | |
| ); | |
| }, "DropdownMenuContent") | |
| ); | |
| var DropdownMenuGroup = /* @__PURE__ */ React.forwardRef( | |
| // blank line to reduce diff noise | |
| /* @__PURE__ */ __name(function DropdownMenuGroup2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...groupProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Group, { ...menuScope, ...groupProps, ref: forwardedRef }); | |
| }, "DropdownMenuGroup") | |
| ); | |
| var DropdownMenuLabel = /* @__PURE__ */ React.forwardRef( | |
| // blank line to reduce diff noise | |
| /* @__PURE__ */ __name(function DropdownMenuLabel2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...labelProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Label, { ...menuScope, ...labelProps, ref: forwardedRef }); | |
| }, "DropdownMenuLabel") | |
| ); | |
| var DropdownMenuItem = /* @__PURE__ */ React.forwardRef( | |
| // blank line to reduce diff noise | |
| /* @__PURE__ */ __name(function DropdownMenuItem2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...itemProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Item, { ...menuScope, ...itemProps, ref: forwardedRef }); | |
| }, "DropdownMenuItem") | |
| ); | |
| var DropdownMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function DropdownMenuCheckboxItem2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...checkboxItemProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef }); | |
| }, "DropdownMenuCheckboxItem")); | |
| var DropdownMenuRadioGroup = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function DropdownMenuRadioGroup2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...radioGroupProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef }); | |
| }, "DropdownMenuRadioGroup")); | |
| var DropdownMenuRadioItem = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function DropdownMenuRadioItem2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...radioItemProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef }); | |
| }, "DropdownMenuRadioItem")); | |
| var DropdownMenuItemIndicator = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function DropdownMenuItemIndicator2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...itemIndicatorProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef }); | |
| }, "DropdownMenuItemIndicator")); | |
| var DropdownMenuSeparator = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function DropdownMenuSeparator2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...separatorProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef }); | |
| }, "DropdownMenuSeparator")); | |
| var DropdownMenuArrow = /* @__PURE__ */ React.forwardRef( | |
| // blank line to reduce diff noise | |
| /* @__PURE__ */ __name(function DropdownMenuArrow2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...arrowProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Arrow, { ...menuScope, ...arrowProps, ref: forwardedRef }); | |
| }, "DropdownMenuArrow") | |
| ); | |
| var DropdownMenuSub = /* @__PURE__ */ __name((props) => { | |
| const { __scopeDropdownMenu, children, open: openProp, onOpenChange, defaultOpen } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| const [open, setOpen] = useControllableState({ | |
| prop: openProp, | |
| defaultProp: defaultOpen ?? false, | |
| onChange: onOpenChange, | |
| caller: "DropdownMenuSub" | |
| }); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.Sub, { ...menuScope, open, onOpenChange: setOpen, children }); | |
| }, "DropdownMenuSub"); | |
| var DropdownMenuSubTrigger = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function DropdownMenuSubTrigger2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...subTriggerProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx(MenuPrimitive.SubTrigger, { ...menuScope, ...subTriggerProps, ref: forwardedRef }); | |
| }, "DropdownMenuSubTrigger")); | |
| var DropdownMenuSubContent = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function DropdownMenuSubContent2(props, forwardedRef) { | |
| const { __scopeDropdownMenu, ...subContentProps } = props; | |
| const menuScope = useMenuScope(__scopeDropdownMenu); | |
| return /* @__PURE__ */ jsx( | |
| MenuPrimitive.SubContent, | |
| { | |
| ...menuScope, | |
| ...subContentProps, | |
| ref: forwardedRef, | |
| style: { | |
| ...props.style, | |
| // re-namespace exposed content custom properties | |
| ...{ | |
| "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)", | |
| "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)", | |
| "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)", | |
| "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)", | |
| "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)" | |
| } | |
| } | |
| } | |
| ); | |
| }, "DropdownMenuSubContent")); | |
| var Root2 = DropdownMenu; | |
| var Trigger = DropdownMenuTrigger; | |
| var Portal2 = DropdownMenuPortal; | |
| var Content2 = DropdownMenuContent; | |
| var Group2 = DropdownMenuGroup; | |
| var Label2 = DropdownMenuLabel; | |
| var Item2 = DropdownMenuItem; | |
| var CheckboxItem2 = DropdownMenuCheckboxItem; | |
| var RadioGroup2 = DropdownMenuRadioGroup; | |
| var RadioItem2 = DropdownMenuRadioItem; | |
| var ItemIndicator2 = DropdownMenuItemIndicator; | |
| var Separator2 = DropdownMenuSeparator; | |
| var Arrow2 = DropdownMenuArrow; | |
| var Sub2 = DropdownMenuSub; | |
| var SubTrigger2 = DropdownMenuSubTrigger; | |
| var SubContent2 = DropdownMenuSubContent; | |
| export { | |
| Arrow2 as Arrow, | |
| CheckboxItem2 as CheckboxItem, | |
| Content2 as Content, | |
| DropdownMenu, | |
| DropdownMenuArrow, | |
| DropdownMenuCheckboxItem, | |
| DropdownMenuContent, | |
| DropdownMenuGroup, | |
| DropdownMenuItem, | |
| DropdownMenuItemIndicator, | |
| DropdownMenuLabel, | |
| DropdownMenuPortal, | |
| DropdownMenuRadioGroup, | |
| DropdownMenuRadioItem, | |
| DropdownMenuSeparator, | |
| DropdownMenuSub, | |
| DropdownMenuSubContent, | |
| DropdownMenuSubTrigger, | |
| DropdownMenuTrigger, | |
| Group2 as Group, | |
| Item2 as Item, | |
| ItemIndicator2 as ItemIndicator, | |
| Label2 as Label, | |
| Portal2 as Portal, | |
| RadioGroup2 as RadioGroup, | |
| RadioItem2 as RadioItem, | |
| Root2 as Root, | |
| Separator2 as Separator, | |
| Sub2 as Sub, | |
| SubContent2 as SubContent, | |
| SubTrigger2 as SubTrigger, | |
| Trigger, | |
| createDropdownMenuScope | |
| }; | |
| //# sourceMappingURL=index.mjs.map | |