primereact/contextmenu/index.mjs

A rich set of premium UI Components for React.

'use client';

var je=Object.defineProperty;var ve=(e,t)=>{for(var r in t)je(e,r,{get:t[r],enumerable:!0})};import{createOptionalContext as qe}from"@primereact/core/utils";var[ge,s]=qe();var He={};ve(He,{Arrow:()=>J,CheckboxItem:()=>X,CheckboxItemIndicator:()=>Y,Group:()=>_,Item:()=>ee,Label:()=>te,List:()=>ne,Popup:()=>re,Portal:()=>ue,Positioner:()=>se,RadioItem:()=>ce,RadioItemGroup:()=>de,RadioItemIndicator:()=>xe,Root:()=>fe,Separator:()=>Ce,Submenu:()=>Me,SubmenuIndicator:()=>Ie,SubmenuTrigger:()=>be,Trigger:()=>he});import{Component as ze,withComponent as Je}from"@primereact/core/component";import{mergeProps as Ke}from"@primeuix/utils";import*as Re from"react";var b={as:"div"};var J=Je({name:"ContextMenu.Arrow",defaultProps:b,setup(){return{contextmenu:s()}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=Ke(o?.arrowProps,{className:o?.cx("arrow")},o?.ptm("arrow"),r("root"));return Re.createElement(ze,{instance:e,attrs:n,children:t.children})}});import{Component as Ye,withComponent as Ze}from"@primereact/core/component";import{useMenuCheckboxItem as _e}from"@primereact/headless/menu/checkboxitem";import{mergeProps as $e}from"@primeuix/utils";import*as v from"react";import{createOptionalContext as Qe}from"@primereact/core/utils";var[Se,C]=Qe();import{createOptionalContext as Ue}from"@primereact/core/utils";var[K,m]=Ue();import{createOptionalContext as Xe}from"@primereact/core/utils";var[Q,U]=Xe();var h={as:"div",disabled:void 0,value:void 0,checked:void 0,defaultChecked:void 0,closeOnSelect:void 0,onSelect:void 0,onCheckedChange:void 0,indeterminate:void 0,trueValue:!0,falseValue:!1,name:void 0,readOnly:void 0,required:void 0,tabIndex:void 0,invalid:void 0,inputId:void 0,ariaLabel:void 0,ariaLabelledby:void 0,onFocus:void 0,onBlur:void 0};var X=Ze({name:"ContextMenu.CheckboxItem",defaultProps:h,setup(e){let{props:t,inProps:r}=e,o=s(),n=m(),u=C(),p=o?.menu,a=v.useId(),c=t.value!=null?String(t.value):a,d=p?.getItemId?.(c),i=_e({...r,disabled:t.disabled,closeOnSelect:t.closeOnSelect,onSelect:z=>{t.onSelect?.(z)},onCheckedChange:t.onCheckedChange}),x=!!i.state.checked,l=!!t.disabled,f=d?p?.isFocused(d)??!1:!1,I=o?.getItemProps({value:c,disabled:t.disabled,type:"checkbox",checked:x,closeOnSelect:i.closeOnSelect,onSelect:i.onSelect});return{...i,contextmenu:o,menu:p,submenu:n,portal:u,itemId:d,focused:f,isDisabled:l,checked:x,itemProps:I}},render(e){let{props:t,ptmi:r,contextmenu:o,focused:n,itemProps:u}=e,p=$e(u,{className:o?.cx("item",{disabled:t.disabled,focused:n})},o?.ptm("item"),r("root"));return v.createElement(Q,{value:e},v.createElement(Ye,{instance:e,attrs:p,children:t.children}))}});import{Component as et,withComponent as tt}from"@primereact/core/component";import{mergeProps as ot}from"@primeuix/utils";import*as ye from"react";var g={as:"span"};var Y=tt({name:"ContextMenu.CheckboxItemIndicator",defaultProps:g,setup(){let e=s(),t=U(),r=!!t?.checked;return{contextmenu:e,checkboxItem:t,checked:r}},render(e){let{props:t,ptmi:r,contextmenu:o,checked:n}=e,u=ot(o?.menu?.checkboxItemIndicatorProps,{...n?{"data-checked":""}:{"data-unchecked":""},className:o?.cx("checkboxItemIndicator")},o?.ptm("checkboxItemIndicator"),r("root"));return ye.createElement(et,{instance:e,attrs:u,children:n?t.children:null})}});import{Component as ut,withComponent as st}from"@primereact/core/component";import{mergeProps as pt}from"@primeuix/utils";import*as P from"react";import{createOptionalContext as nt}from"@primereact/core/utils";var[Z,rt]=nt();var R={as:"div"};var _=st({name:"ContextMenu.Group",defaultProps:R,setup(e){let t=s(),r=e.id,[o,n]=P.useState(void 0),u=P.useMemo(()=>({groupId:r,labelId:o,setLabelId:n}),[r,o]);return{contextmenu:t,context:u}},render(e){let{props:t,ptmi:r,contextmenu:o,context:n}=e,u=pt({id:n.groupId,role:"group","data-scope":"menu","data-part":"group","aria-labelledby":n.labelId,className:o?.cx("group")},o?.ptm("group"),r("root"));return P.createElement(Z,{value:n},P.createElement(ut,{instance:e,attrs:u,children:t.children}))}});import{Component as at,withComponent as ct}from"@primereact/core/component";import{mergeProps as dt}from"@primeuix/utils";import*as M from"react";import{createOptionalContext as mt}from"@primereact/core/utils";var[$,it]=mt();var S={as:"div",disabled:void 0,value:void 0,closeOnSelect:void 0,onSelect:void 0};var ee=ct({name:"ContextMenu.Item",defaultProps:S,setup({props:e}){let t=s(),r=m(),o=C(),n=t?.menu,u=M.useId(),p=e.value!=null?String(e.value):u,a=n?.getItemId?.(p),c=!!e.disabled,d=a?n?.isFocused(a)??!1:!1,i=e.closeOnSelect??!0,x=M.useCallback(f=>{e.onSelect?.(f)},[e.onSelect]),l=t?.getItemProps({value:p,disabled:e.disabled,type:"item",closeOnSelect:i,onSelect:x});return{contextmenu:t,menu:n,submenu:r,portal:o,itemId:a,focused:d,isDisabled:c,itemProps:l}},render(e){let{props:t,ptmi:r,contextmenu:o,focused:n,itemProps:u}=e,p=dt(u,{className:o?.cx("item",{disabled:t.disabled,focused:n})},o?.ptm("item"),r("root"));return M.createElement($,{value:e},M.createElement(at,{instance:e,attrs:p,children:t.children}))}});import{Component as xt,withComponent as lt}from"@primereact/core/component";import{mergeProps as ft}from"@primeuix/utils";import*as ke from"react";var y={as:"li"};var te=lt({name:"ContextMenu.Label",defaultProps:y,setup(){return{contextmenu:s()}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=ft(o?.labelProps,{className:o?.cx("label")},o?.ptm("label"),r("root"));return ke.createElement(xt,{instance:e,attrs:n,children:t.children})}});import{Component as we,withComponent as Ct}from"@primereact/core/component";import{mergeProps as Pt,resolve as Mt}from"@primeuix/utils";import*as oe from"react";var k={as:"ul"};var ne=Ct({name:"ContextMenu.List",defaultProps:k,setup(){let e=s(),t=m(),r=t?.inProps?.value,o=e?.getListProps({value:t?r:void 0,sub:t?.menusub??void 0});return{contextmenu:e,subcontextmenu:t,listProps:o}},render(e){let{props:t,ptmi:r,contextmenu:o,subcontextmenu:n,listProps:u}=e,p=Pt(n?.listProps,u,{className:o?.cx("list")},o?.ptm("list"),r("root"));return n?oe.createElement(we,{instance:e,attrs:p,children:Mt(t.children,e)}):oe.createElement(we,{instance:e,attrs:p,children:t.children})}});import{Component as It,withComponent as bt}from"@primereact/core/component";import{useMotion as ht}from"@primereact/core/motion";import{OverlayEventBus as Ge}from"@primereact/core/utils";import{mergeProps as vt}from"@primeuix/utils";import*as Oe from"react";var w={as:"div",motionProps:void 0};var re=bt({name:"ContextMenu.Popup",defaultProps:w,setup({props:e}){let t=s(),r=m(),o=r?.menusub?.popover??t?.popover,n=ht({cssVarPrefix:"px-contextmenu-popup",autoHeight:!1,autoWidth:!1,...e.motionProps,elementRef:o?.state.popupElement,visible:!!o?.state?.open,onAfterEnter:u=>{e.motionProps?.onAfterEnter?.(u)},onAfterLeave:u=>{e.motionProps?.onAfterLeave?.(u),o?.setRendered?.(!1)}});return{contextmenu:t,subcontextmenu:r,motion:n}},render(e){let{props:t,ptmi:r,contextmenu:o,subcontextmenu:n,motion:u}=e,p=n?.menusub?.popover??o?.popover,a=n?{}:{onPointerDownCapture:i=>{Ge.emit("overlay-click",{originalEvent:i,target:o?.elementRef?.current??null})},onMouseDownCapture:i=>{Ge.emit("overlay-click",{originalEvent:i,target:o?.elementRef?.current??null})}},c=n?p?.popupProps:o?.popupProps??p?.popupProps,d=vt(c,{className:[o?.cx("popup"),o?.cx("root")],...a},o?.ptm("popup"),r("root"),u?.rootProps);return Oe.createElement(It,{instance:e,attrs:d,children:t.children})}});import{withComponent as gt}from"@primereact/core/component";import{mergeProps as Rt}from"@primeuix/utils";import{MenuPortalProvider as St}from"primereact/menu";import{Portal as yt}from"primereact/portal";import*as j from"react";var G={};var ue=gt({name:"ContextMenu.Portal",defaultProps:G,setup(){let e=s(),t=m();return{contextmenu:e,subcontextmenu:t}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=Rt({className:o?.cx("portal")},o?.ptm("portal"),r("root"));return j.createElement(Se,{value:e},j.createElement(St,{value:e},j.createElement(yt,{instance:e,attrs:n,children:t.children,appendTo:t.appendTo})))}});import{Component as kt,withComponent as wt}from"@primereact/core/component";import{usePositioner as Gt}from"@primereact/headless/positioner";import{mergeProps as Ot}from"@primeuix/utils";import*as Te from"react";import*as Le from"@primereact/headless/positioner";var O={...Le.defaultProps,as:"div",side:"bottom",align:"start",sideOffset:2};var se=wt({name:"ContextMenu.Positioner",defaultProps:O,setup(e){let{props:t,inProps:r}=e,o=s(),n=m(),u=n?.menusub?.popover??o?.popover,p=r?.side!==void 0,a=r?.align!==void 0,c=r?.sideOffset!==void 0,d=r?.alignOffset!==void 0,i=n&&!p?"right":t.side,x=n&&!a?"start":t.align,l=n&&!c?0:t.sideOffset,f=n&&!d?-5:t.alignOffset,I=Gt({align:x,side:i,sideOffset:l,alignOffset:f,flip:t.flip,shift:t.shift,hideWhenDetached:t.hideWhenDetached,anchor:u?.state.anchorElement,content:u?.state.positionerElement,arrow:u?.state.arrowElement,strategy:n?t.strategy:"absolute"});return{contextmenu:o,subcontextmenu:n,positioner:I}},render(e){let{props:t,ptmi:r,contextmenu:o,subcontextmenu:n}=e,u=n?.menusub?.popover??o?.popover,p=Ot(u?.positionerProps,{className:o?.cx("positioner")},o?.ptm("positioner"),r("root"));return Te.createElement(kt,{pIf:!!u?.state.rendered,instance:e,attrs:p,children:t.children})}});import{Component as Et,withComponent as Vt}from"@primereact/core/component";import{useMenuRadioItem as Nt}from"@primereact/headless/menu/radioitem";import{mergeProps as At}from"@primeuix/utils";import*as T from"react";import{createOptionalContext as Lt}from"@primereact/core/utils";var[pe,me]=Lt();import{createOptionalContext as Tt}from"@primereact/core/utils";var[ie,ae]=Tt();var L={as:"div",value:void 0,disabled:void 0,checked:void 0,defaultChecked:void 0,closeOnSelect:void 0,onSelect:void 0,onCheckedChange:void 0,name:void 0,readOnly:void 0,required:void 0,tabIndex:void 0,invalid:void 0,inputId:void 0,ariaLabel:void 0,ariaLabelledby:void 0,onFocus:void 0,onBlur:void 0};var ce=Vt({name:"ContextMenu.RadioItem",defaultProps:L,setup(e){let{props:t,inProps:r}=e,o=s(),n=m(),u=C(),p=o?.menu,c=me()?.context??null,d=T.useId(),i=t.value!=null?String(t.value):d,x=p?.getItemId?.(i),l=Nt({...r,value:t.value,disabled:t.disabled,closeOnSelect:t.closeOnSelect,group:c,onSelect:We=>{t.onSelect?.(We)},onCheckedChange:t.onCheckedChange}),f=!!l.state.checked,I=!!t.disabled,z=x?p?.isFocused(x)??!1:!1,Be=o?.getItemProps({value:i,disabled:t.disabled,type:"radio",checked:f,closeOnSelect:l.closeOnSelect,onSelect:l.onSelect});return{...l,contextmenu:o,menu:p,submenu:n,portal:u,group:c,itemId:x,focused:z,isDisabled:I,checked:f,itemProps:Be}},render(e){let{props:t,ptmi:r,contextmenu:o,focused:n,itemProps:u}=e,p=At(u,{className:o?.cx("item",{disabled:t.disabled,focused:n})},o?.ptm("item"),r("root"));return T.createElement(ie,{value:e},T.createElement(Et,{instance:e,attrs:p,children:t.children}))}});import{Component as Dt,withComponent as Ht}from"@primereact/core/component";import{useRadioButtonGroup as Ft}from"@primereact/headless/radiobuttongroup";import{mergeProps as Bt}from"@primeuix/utils";import*as V from"react";var E={value:void 0,defaultValue:void 0,name:void 0,onValueChange:void 0};var de=Ht({name:"ContextMenu.RadioItemGroup",defaultProps:E,setup(e){let{props:t,inProps:r}=e,o=s(),n=Ft(r),u=V.useMemo(()=>({value:n.state.value,updateChange:n.updateChange,name:t.name,defaultValue:t.defaultValue}),[n.state.value,n.updateChange,t.name,t.defaultValue]);return{...n,contextmenu:o,context:u}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=Bt(o?.menu?.radioGroupProps,r("root"));return V.createElement(pe,{value:e},V.createElement(Dt,{instance:e,attrs:n,children:t.children}))}});import{Component as Wt,withComponent as jt}from"@primereact/core/component";import{mergeProps as qt}from"@primeuix/utils";import*as Ee from"react";var N={as:"span"};var xe=jt({name:"ContextMenu.RadioItemIndicator",defaultProps:N,setup(){let e=s(),t=ae(),r=!!t?.checked;return{contextmenu:e,radioItem:t,checked:r}},render(e){let{props:t,ptmi:r,contextmenu:o,checked:n}=e,u=qt(o?.menu?.radioItemIndicatorProps,{...n?{"data-checked":""}:{"data-unchecked":""},className:o?.cx("radioItemIndicator")},o?.ptm("radioItemIndicator"),r("root"));return Ee.createElement(Wt,{instance:e,attrs:u,children:n?t.children:null})}});import{Component as zt,withComponent as Jt}from"@primereact/core/component";import{useContextMenu as Kt}from"@primereact/headless/contextmenu";import{mergeProps as Qt}from"@primeuix/utils";import*as le from"react";import*as Ve from"@primereact/headless/contextmenu";var A={...Ve.defaultProps,as:"div"};var fe=Jt({name:"ContextMenu.Root",defaultProps:A,setup(e){return Kt(e?.inProps)},render(e){let{id:t,props:r,ptmi:o,cx:n,rootProps:u}=e,p=Qt(u,{id:t,className:n("root")},o("root"));return le.createElement(ge,{value:e},le.createElement(zt,{instance:e,attrs:p,children:r.children}))}});import{Component as Ut,withComponent as Xt}from"@primereact/core/component";import{mergeProps as Yt}from"@primeuix/utils";import*as Ne from"react";var D={as:"li"};var Ce=Xt({name:"ContextMenu.Separator",defaultProps:D,setup(){return{contextmenu:s()}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=Yt(o?.separatorProps,{className:o?.cx("separator")},o?.ptm("separator"),r("root"));return Ne.createElement(Ut,{instance:e,attrs:n,children:t.children})}});import{Component as Zt,withComponent as _t}from"@primereact/core/component";import{useContextMenuSubmenu as $t}from"@primereact/headless/contextmenu/submenu";import{mergeProps as eo}from"@primeuix/utils";import*as Pe from"react";var H={as:"li",value:void 0,disabled:!1};var Me=_t({name:"ContextMenu.Submenu",defaultProps:H,setup(e){let t=$t(e?.inProps);return{contextmenu:s(),...t}},render(e){let{props:t,ptmi:r,contextmenu:o,subProps:n}=e,u=eo(n,{className:o?.cx("submenu"),style:o?.sx("submenu")},o?.ptm("sub"),r("root"));return Pe.createElement(K,{value:e},Pe.createElement(Zt,{instance:e,attrs:u,children:t.children}))}});import{Component as to,withComponent as oo}from"@primereact/core/component";import{mergeProps as no}from"@primeuix/utils";import*as Ae from"react";var F={as:"span",match:void 0};var Ie=oo({name:"ContextMenu.SubmenuIndicator",defaultProps:F,setup(){let e=s(),t=m(),r=!!t?.state.open;return{contextmenu:e,submenu:t,open:r}},render(e){let{props:t,ptmi:r,contextmenu:o,open:n}=e,u=t.match?n===(t.match==="open"):!0,p=no(o?.menu?.submenuIndicatorProps,{...n?{"data-open":""}:{"data-closed":""},className:o?.cx("submenuIndicator")},o?.ptm("submenuIndicator"),r("root"));return Ae.createElement(to,{pIf:u,instance:e,attrs:p,children:t.children})}});import{Component as ro,withComponent as uo}from"@primereact/core/component";import{mergeProps as so}from"@primeuix/utils";import*as q from"react";var B={as:"div"};var be=uo({name:"ContextMenu.SubmenuTrigger",defaultProps:B,setup(){let e=s(),t=m(),r=C(),o=t?.inProps?.disabled??!1,n=q.useId(),p=t?.inProps?.value??n,a=e?.menu.getItemId?.(p),c=!!o,d=a?e?.menu.isFocused(a)??!1:!1,i=e?.getSubTriggerProps({value:p,disabled:o,inPortal:!!r,sub:t?.menusub??void 0});return{contextmenu:e,subcontextmenu:t,portal:r,itemId:a,focused:d,isDisabled:c,subtriggerProps:i}},render(e){let{props:t,ptmi:r,contextmenu:o,subcontextmenu:n,focused:u,isDisabled:p,subtriggerProps:a}=e,c=so(n?.subtriggerProps,a,{className:o?.cx("subtrigger",{disabled:p,focused:u,active:n?.state.open})},o?.ptm("subtrigger"),r("root"));return q.createElement(ro,{instance:e,attrs:c,children:t.children})}});import{Component as po,withComponent as mo}from"@primereact/core/component";import{mergeProps as io}from"@primeuix/utils";import*as De from"react";var W={as:"div"};var he=mo({name:"ContextMenu.Trigger",defaultProps:W,setup(){return{contextmenu:s()}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=io(o?.triggerProps,{className:o?.cx("trigger")},o?.ptm("trigger"),r("root"));return De.createElement(po,{instance:e,attrs:n,children:t.children})}});var Fe={};ve(Fe,{defaultArrowProps:()=>b,defaultCheckboxItemIndicatorProps:()=>g,defaultCheckboxItemProps:()=>h,defaultGroupProps:()=>R,defaultItemProps:()=>S,defaultLabelProps:()=>y,defaultListProps:()=>k,defaultPopupProps:()=>w,defaultPortalProps:()=>G,defaultPositionerProps:()=>O,defaultRadioItemGroupProps:()=>E,defaultRadioItemIndicatorProps:()=>N,defaultRadioItemProps:()=>L,defaultRootProps:()=>A,defaultSeparatorProps:()=>D,defaultSubmenuIndicatorProps:()=>F,defaultSubmenuProps:()=>H,defaultSubmenuTriggerProps:()=>B,defaultTriggerProps:()=>W});export{He as ContextMenu,J as ContextMenuArrow,X as ContextMenuCheckboxItem,Y as ContextMenuCheckboxItemIndicator,Q as ContextMenuCheckboxItemProvider,_ as ContextMenuGroup,Z as ContextMenuGroupProvider,ee as ContextMenuItem,$ as ContextMenuItemProvider,te as ContextMenuLabel,ne as ContextMenuList,re as ContextMenuPopup,ue as ContextMenuPortal,se as ContextMenuPositioner,Fe as ContextMenuProps,ge as ContextMenuProvider,ce as ContextMenuRadioItem,de as ContextMenuRadioItemGroup,pe as ContextMenuRadioItemGroupProvider,xe as ContextMenuRadioItemIndicator,ie as ContextMenuRadioItemProvider,fe as ContextMenuRoot,Ce as ContextMenuSeparator,Me as ContextMenuSubmenu,Ie as ContextMenuSubmenuIndicator,K as ContextMenuSubmenuProvider,be as ContextMenuSubmenuTrigger,he as ContextMenuTrigger,b as defaultArrowProps,g as defaultCheckboxItemIndicatorProps,h as defaultCheckboxItemProps,R as defaultGroupProps,S as defaultItemProps,y as defaultLabelProps,k as defaultListProps,w as defaultPopupProps,G as defaultPortalProps,O as defaultPositionerProps,E as defaultRadioItemGroupProps,N as defaultRadioItemIndicatorProps,L as defaultRadioItemProps,A as defaultRootProps,D as defaultSeparatorProps,F as defaultSubmenuIndicatorProps,H as defaultSubmenuProps,B as defaultSubmenuTriggerProps,W as defaultTriggerProps,U as useContextMenuCheckboxItemContext,s as useContextMenuContext,rt as useContextMenuGroupContext,it as useContextMenuItemContext,ae as useContextMenuRadioItemContext,me as useContextMenuRadioItemGroupContext,m as useContextMenuSubmenuContext};