@jamsrui/context-menu 0.0.12 → 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{radiusVariant as e,tv as r}from"@jamsrui/utils";var t=r({slots:{arrow:"fill-background-secondary",backdrop:"z-backdrop",root:"min-w-[150px] z-popover",content:"relative z-popover box-border inline-flex w-full flex-col justify-center bg-surface p-1 text-sm shadow-md outline-none",menuItem:["relative box-border flex size-full cursor-pointer select-none items-center gap-2 px-2 py-1.5 text-left outline-none ui-disabled:cursor-not-allowed ui-disabled:opacity-60","ui-active:bg-surface-secondary"],menuItemInner:"grow"},variants:{radius:e(["content","menuItem"]),backdrop:{transparent:{backdrop:""},opaque:{backdrop:"bg-black/50"},blur:{backdrop:"bg-black/30 backdrop-blur-md backdrop-saturate-150"}},color:{default:{menuItem:"ui-hover:bg-surface-secondary ui-hover:text-foreground"},primary:{menuItem:"ui-hover:bg-primary ui-hover:text-primary-foreground"},secondary:{menuItem:"ui-hover:bg-secondary ui-hover:text-secondary-foreground"},success:{menuItem:"ui-hover:bg-success ui-hover:text-success-foreground"},warning:{menuItem:"ui-hover:bg-warning ui-hover:text-warning-foreground"},danger:{menuItem:"ui-hover:bg-danger ui-hover:text-danger-foreground"}}},defaultVariants:{backdrop:"transparent",radius:"md",color:"default"}});export{t as a};
1
+ import{radiusVariant as e,tv as r}from"@jamsrui/utils";var t=r({slots:{arrow:"fill-background-secondary",backdrop:"z-backdrop",root:"min-w-[150px] z-popover",content:"relative z-popover box-border inline-flex w-full flex-col justify-center bg-surface p-1 text-sm shadow-md outline-none",menuItem:["relative box-border flex size-full cursor-default select-none items-center gap-2 px-2 py-1.5 text-left outline-none ui-disabled:cursor-not-allowed ui-disabled:opacity-60","ui-active:bg-surface-secondary"],menuItemInner:"grow"},variants:{radius:e(["content","menuItem"]),backdrop:{transparent:{backdrop:""},opaque:{backdrop:"bg-black/50"},blur:{backdrop:"bg-black/30 backdrop-blur-md backdrop-saturate-150"}},color:{default:{menuItem:"ui-hover:bg-surface-secondary ui-hover:text-foreground"},primary:{menuItem:"ui-hover:bg-primary ui-hover:text-primary-foreground"},secondary:{menuItem:"ui-hover:bg-secondary ui-hover:text-secondary-foreground"},success:{menuItem:"ui-hover:bg-success ui-hover:text-success-foreground"},warning:{menuItem:"ui-hover:bg-warning ui-hover:text-warning-foreground"},danger:{menuItem:"ui-hover:bg-danger ui-hover:text-danger-foreground"}}},defaultVariants:{backdrop:"transparent",radius:"md",color:"default"}});export{t as a};
@@ -1 +1 @@
1
- import{a as I}from"./chunk-NNRMSSU4.mjs";import{b as B}from"./chunk-HMFJTFDZ.mjs";import{useCallback as a,useEffect as $,useMemo as q,useRef as g,useState as z}from"react";import{autoUpdate as de,flip as fe,offset as ge,safePolygon as Pe,shift as xe,useDismiss as Ie,useFloating as Ce,useFloatingNodeId as Me,useFloatingParentNodeId as ve,useFloatingTree as ye,useHover as Fe,useInteractions as be,useListItem as Ne,useListNavigation as he,useMergeRefs as Oe,useRole as Re,useTypeahead as ke}from"@floating-ui/react";import{useControlledState as Ee}from"@jamsrui/hooks";import{cn as C,dataAttrDev as u,mapPropsVariants as Se}from"@jamsrui/utils";var He=J=>{let m=ve(),t=m!==null,[Q,W]=Se(J,I.variantKeys),{isOpen:Z,defaultOpen:_,onOpenChange:ee,classNames:n,closeDelay:te=0,closeOnEscapeKey:ne=!0,closeOnOutsidePress:oe=!0,lockScroll:M=!0,offset:se=4,openDelay:ae=75,placement:re="right-start"}=Q,r=ye(),l=Me(),P=Ne(),[o=!1,c]=Ee({defaultProp:_,onChange:ee,prop:Z}),[le,v]=z(!1),[d,y]=z(null),F=g([]),b=g([]),{refs:p,floatingStyles:N,context:i}=Ce({nodeId:l,open:o,onOpenChange:c,middleware:[ge({mainAxis:se,alignmentAxis:t?-4:0}),fe({fallbackPlacements:["left-start"]}),xe({padding:5})],placement:re,whileElementsMounted:de}),ie=Fe(i,{enabled:t,delay:{open:ae,close:te},handleClose:Pe({blockPointerEvents:!0})}),ce=Re(i,{role:"menu"}),ue=Ie(i,{escapeKey:ne,outsidePress:oe}),me=he(i,{listRef:F,onNavigate:y,activeIndex:d}),pe=ke(i,{enabled:o,listRef:b,onMatch:y,activeIndex:d}),{getFloatingProps:h,getItemProps:O,getReferenceProps:R}=be([ce,ie,ue,me,pe]);$(()=>{if(!r)return;function e(){c(!1)}function Y(j){j.nodeId!==l&&j.parentId===m&&c(!1)}return r.events.on("click",e),r.events.on("menuopen",Y),()=>{r.events.off("click",e),r.events.off("menuopen",Y)}},[r,l,m,c,o]),$(()=>{o&&r&&r.events.emit("menuopen",{parentId:m,nodeId:l})},[r,o,l,m]);let s=I(W),k=o&&le&&t,f=B(),E=g(!1),x=g(null),S=a(e=>{e.preventDefault(),p.setPositionReference({getBoundingClientRect(){return{width:0,height:0,x:e.clientX,y:e.clientY,top:e.clientY,right:e.clientX,bottom:e.clientY,left:e.clientX}}}),c(!0),x.current&&clearTimeout(x.current),E.current=!1,x.current=window.setTimeout(()=>{E.current=!0},300)},[p,c]),T=Oe([p.setReference,P.ref]),D=a(()=>({ref:T,tabIndex:t?f.activeIndex===P.index?0:-1:void 0,"data-slot":u("trigger"),role:t?"menuitem":void 0,"data-active":k,"data-nested":t,"data-open":o,onContextMenu:t?void 0:S,...R({...f.getItemProps({onMouseEnter(){v(!1),f.setHasFocusInside(!0)}})})}),[R,S,k,t,o,P.index,T,f]),w=a(()=>({lockScroll:M,"data-slot":u("overlay"),className:s.backdrop({className:n?.backdrop})}),[n?.backdrop,M,s]),L=a(()=>({context:i,modal:!0,initialFocus:1,returnFocus:!t,disabled:!1}),[i,t]),A=a(()=>({"data-component":u("menu"),"data-slot":u("root"),className:s.root({className:n?.root}),ref:p.setFloating,style:N,...h()}),[n?.root,N,h,p.setFloating,s]),U=a(()=>({className:s.content({className:C(n?.content)})}),[n?.content,s]),G=a(()=>({id:l}),[l]),H=a(()=>({elementsRef:F,labelsRef:b}),[]),K=q(()=>({activeIndex:d,getItemProps:O,setHasFocusInside:v}),[d,O]),V=a(e=>({...e,"data-slot":u("menu-item"),className:s.menuItem({className:C(n?.menuItem,e.className),color:e.color}),role:"menuitem"}),[n?.menuItem,s]),X=a(e=>({...e,"data-slot":u("menu-item-inner"),className:s.menuItemInner({className:C(n?.menuItemInner,e.className)})}),[n?.menuItemInner,s]);return q(()=>({getOverlayProps:w,getFocusManagerProps:L,getContentProps:U,getNodeProps:G,isOpen:o,getTriggerProps:D,getFloatingListProps:H,floatingCtx:K,getRootProps:A,getMenuItemProps:V,isNested:t,getMenuItemInnerProps:X}),[K,U,H,L,X,V,G,w,A,D,t,o])};export{He as a};
1
+ import{a as I}from"./chunk-2B5TZ4QI.mjs";import{b as B}from"./chunk-HMFJTFDZ.mjs";import{useCallback as a,useEffect as $,useMemo as q,useRef as g,useState as z}from"react";import{autoUpdate as de,flip as fe,offset as ge,safePolygon as Pe,shift as xe,useDismiss as Ie,useFloating as Ce,useFloatingNodeId as Me,useFloatingParentNodeId as ve,useFloatingTree as ye,useHover as Fe,useInteractions as be,useListItem as Ne,useListNavigation as he,useMergeRefs as Oe,useRole as Re,useTypeahead as ke}from"@floating-ui/react";import{useControlledState as Ee}from"@jamsrui/hooks";import{cn as C,dataAttrDev as u,mapPropsVariants as Se}from"@jamsrui/utils";var He=J=>{let m=ve(),t=m!==null,[Q,W]=Se(J,I.variantKeys),{isOpen:Z,defaultOpen:_,onOpenChange:ee,classNames:n,closeDelay:te=0,closeOnEscapeKey:ne=!0,closeOnOutsidePress:oe=!0,lockScroll:M=!0,offset:se=4,openDelay:ae=75,placement:re="right-start"}=Q,r=ye(),l=Me(),P=Ne(),[o=!1,c]=Ee({defaultProp:_,onChange:ee,prop:Z}),[le,v]=z(!1),[d,y]=z(null),F=g([]),b=g([]),{refs:p,floatingStyles:N,context:i}=Ce({nodeId:l,open:o,onOpenChange:c,middleware:[ge({mainAxis:se,alignmentAxis:t?-4:0}),fe({fallbackPlacements:["left-start"]}),xe({padding:5})],placement:re,whileElementsMounted:de}),ie=Fe(i,{enabled:t,delay:{open:ae,close:te},handleClose:Pe({blockPointerEvents:!0})}),ce=Re(i,{role:"menu"}),ue=Ie(i,{escapeKey:ne,outsidePress:oe}),me=he(i,{listRef:F,onNavigate:y,activeIndex:d}),pe=ke(i,{enabled:o,listRef:b,onMatch:y,activeIndex:d}),{getFloatingProps:h,getItemProps:O,getReferenceProps:R}=be([ce,ie,ue,me,pe]);$(()=>{if(!r)return;function e(){c(!1)}function Y(j){j.nodeId!==l&&j.parentId===m&&c(!1)}return r.events.on("click",e),r.events.on("menuopen",Y),()=>{r.events.off("click",e),r.events.off("menuopen",Y)}},[r,l,m,c,o]),$(()=>{o&&r&&r.events.emit("menuopen",{parentId:m,nodeId:l})},[r,o,l,m]);let s=I(W),k=o&&le&&t,f=B(),E=g(!1),x=g(null),S=a(e=>{e.preventDefault(),p.setPositionReference({getBoundingClientRect(){return{width:0,height:0,x:e.clientX,y:e.clientY,top:e.clientY,right:e.clientX,bottom:e.clientY,left:e.clientX}}}),c(!0),x.current&&clearTimeout(x.current),E.current=!1,x.current=window.setTimeout(()=>{E.current=!0},300)},[p,c]),T=Oe([p.setReference,P.ref]),D=a(()=>({ref:T,tabIndex:t?f.activeIndex===P.index?0:-1:void 0,"data-slot":u("trigger"),role:t?"menuitem":void 0,"data-active":k,"data-nested":t,"data-open":o,onContextMenu:t?void 0:S,...R({...f.getItemProps({onMouseEnter(){v(!1),f.setHasFocusInside(!0)}})})}),[R,S,k,t,o,P.index,T,f]),w=a(()=>({lockScroll:M,"data-slot":u("overlay"),className:s.backdrop({className:n?.backdrop})}),[n?.backdrop,M,s]),L=a(()=>({context:i,modal:!0,initialFocus:1,returnFocus:!t,disabled:!1}),[i,t]),A=a(()=>({"data-component":u("menu"),"data-slot":u("root"),className:s.root({className:n?.root}),ref:p.setFloating,style:N,...h()}),[n?.root,N,h,p.setFloating,s]),U=a(()=>({className:s.content({className:C(n?.content)})}),[n?.content,s]),G=a(()=>({id:l}),[l]),H=a(()=>({elementsRef:F,labelsRef:b}),[]),K=q(()=>({activeIndex:d,getItemProps:O,setHasFocusInside:v}),[d,O]),V=a(e=>({...e,"data-slot":u("menu-item"),className:s.menuItem({className:C(n?.menuItem,e.className),color:e.color}),role:"menuitem"}),[n?.menuItem,s]),X=a(e=>({...e,"data-slot":u("menu-item-inner"),className:s.menuItemInner({className:C(n?.menuItemInner,e.className)})}),[n?.menuItemInner,s]);return q(()=>({getOverlayProps:w,getFocusManagerProps:L,getContentProps:U,getNodeProps:G,isOpen:o,getTriggerProps:D,getFloatingListProps:H,floatingCtx:K,getRootProps:A,getMenuItemProps:V,isNested:t,getMenuItemInnerProps:X}),[K,U,H,L,X,V,G,w,A,D,t,o])};export{He as a};
@@ -1 +1 @@
1
- import{a as u}from"./chunk-AVPDGGAU.mjs";import{a as r}from"./chunk-4MJ6HKJE.mjs";import{FloatingNode as s,FloatingTree as C,useFloatingParentNodeId as a}from"@floating-ui/react";import{jsx as n}from"react/jsx-runtime";var x=e=>{let t=u(e),{children:o}=e,{getNodeProps:c}=t;return n(r,{value:t,children:n(s,{...c(),children:o})})},M=e=>{let t=a(),{children:o}=e;return t===null?n(C,{children:n(x,{...e,children:o})}):n(x,{...e,children:o})};export{M as a};
1
+ import{a as u}from"./chunk-CIF2BC2N.mjs";import{a as r}from"./chunk-4MJ6HKJE.mjs";import{FloatingNode as s,FloatingTree as C,useFloatingParentNodeId as a}from"@floating-ui/react";import{jsx as n}from"react/jsx-runtime";var x=e=>{let t=u(e),{children:o}=e,{getNodeProps:c}=t;return n(r,{value:t,children:n(s,{...c(),children:o})})},M=e=>{let t=a(),{children:o}=e;return t===null?n(C,{children:n(x,{...e,children:o})}):n(x,{...e,children:o})};export{M as a};
@@ -1 +1 @@
1
- import{a}from"./chunk-SKEYDN5E.mjs";import"./chunk-AVPDGGAU.mjs";import"./chunk-NNRMSSU4.mjs";import"./chunk-HMFJTFDZ.mjs";import"./chunk-4MJ6HKJE.mjs";export{a as ContextMenu};
1
+ import{a}from"./chunk-WR26YJ2V.mjs";import"./chunk-CIF2BC2N.mjs";import"./chunk-2B5TZ4QI.mjs";import"./chunk-HMFJTFDZ.mjs";import"./chunk-4MJ6HKJE.mjs";export{a as ContextMenu};
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- "use client";import{a as e}from"./chunk-YGL2MTMD.mjs";import{a as t}from"./chunk-NTPS6OFI.mjs";import"./chunk-KQMEILBD.mjs";import{a as o}from"./chunk-SERPJZ7J.mjs";import{a as n}from"./chunk-SKEYDN5E.mjs";import"./chunk-AVPDGGAU.mjs";import"./chunk-NNRMSSU4.mjs";import"./chunk-HMFJTFDZ.mjs";import"./chunk-4MJ6HKJE.mjs";export{n as ContextMenu,e as ContextMenuContent,t as ContextMenuItem,o as ContextMenuTrigger};
1
+ "use client";import{a as e}from"./chunk-YGL2MTMD.mjs";import{a as t}from"./chunk-NTPS6OFI.mjs";import"./chunk-KQMEILBD.mjs";import{a as o}from"./chunk-SERPJZ7J.mjs";import{a as n}from"./chunk-WR26YJ2V.mjs";import"./chunk-CIF2BC2N.mjs";import"./chunk-2B5TZ4QI.mjs";import"./chunk-HMFJTFDZ.mjs";import"./chunk-4MJ6HKJE.mjs";export{n as ContextMenu,e as ContextMenuContent,t as ContextMenuItem,o as ContextMenuTrigger};
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- import{a}from"./chunk-NNRMSSU4.mjs";export{a as contextMenuVariants};
1
+ import{a}from"./chunk-2B5TZ4QI.mjs";export{a as contextMenuVariants};
@@ -1 +1 @@
1
- import{a}from"./chunk-AVPDGGAU.mjs";import"./chunk-NNRMSSU4.mjs";import"./chunk-HMFJTFDZ.mjs";export{a as useContextMenu};
1
+ import{a}from"./chunk-CIF2BC2N.mjs";import"./chunk-2B5TZ4QI.mjs";import"./chunk-HMFJTFDZ.mjs";export{a as useContextMenu};
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@jamsrui/context-menu",
3
- "version": "0.0.12",
3
+ "version": "0.0.13",
4
4
  "peerDependencies": {
5
5
  "react": ">=19"
6
6
  },
7
7
  "dependencies": {
8
8
  "@floating-ui/react": ">=0.27",
9
- "@jamsrui/core": "^0.0.10",
10
- "@jamsrui/hooks": "^0.0.12",
11
- "@jamsrui/utils": "^0.0.12"
9
+ "@jamsrui/hooks": "^0.0.13",
10
+ "@jamsrui/core": "^0.0.11",
11
+ "@jamsrui/utils": "^0.0.13"
12
12
  },
13
13
  "exports": {
14
14
  ".": {