UNPKG

primereact

Version:

A rich set of premium UI Components for React.

primereact.dev

4 lines (2 loc) • 17.8 kB
1
2
3
4
'use client'; var We=Object.defineProperty;var ve=(e,t)=>{for(var r in t)We(e,r,{get:t[r],enumerable:!0})};import{createOptionalContext as qe}from"@primereact/core/utils";var[ge,s]=qe();var De={};ve(De,{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 je,withComponent as ze}from"@primereact/core/component";import{mergeProps as Je}from"@primeuix/utils";import*as Re from"react";var b={as:"div"};var J=ze({name:"ContextMenu.Arrow",defaultProps:b,setup(){return{contextmenu:s()}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=Je(o?.arrowProps,{className:o?.cx("arrow")},o?.ptm("arrow"),r("root"));return Re.createElement(je,{instance:e,attrs:n,children:t.children})}});import{Component as Xe,withComponent as Ye}from"@primereact/core/component";import{useMenuCheckboxItem as Ze}from"@primereact/headless/menu/checkboxitem";import{mergeProps as _e}from"@primeuix/utils";import*as v from"react";import{createOptionalContext as Ke}from"@primereact/core/utils";var[Se,C]=Ke();import{createOptionalContext as Qe}from"@primereact/core/utils";var[K,m]=Qe();import{createOptionalContext as Ue}from"@primereact/core/utils";var[Q,U]=Ue();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=Ye({name:"ContextMenu.CheckboxItem",defaultProps:h,setup(e){let{props:t,inProps:r}=e,o=s(),n=m(),u=C(),p=o?.menu,i=v.useId(),a=t.value!=null?String(t.value):i,d=p?.getItemId?.(a),c=Ze({...r,disabled:t.disabled,closeOnSelect:t.closeOnSelect,onSelect:z=>{t.onSelect?.(z)},onCheckedChange:t.onCheckedChange}),x=!!c.state.checked,l=!!t.disabled,f=d?p?.isFocused(d)??!1:!1,I=o?.getItemProps({value:a,disabled:t.disabled,type:"checkbox",checked:x,closeOnSelect:c.closeOnSelect,onSelect:c.onSelect});return{...c,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(Xe,{instance:e,attrs:p,children:t.children}))}});import{Component as $e,withComponent as et}from"@primereact/core/component";import{mergeProps as tt}from"@primeuix/utils";import*as ye from"react";var g={as:"span"};var Y=et({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=tt(o?.menu?.checkboxItemIndicatorProps,{...n?{"data-checked":""}:{"data-unchecked":""},className:o?.cx("checkboxItemIndicator")},o?.ptm("checkboxItemIndicator"),r("root"));return ye.createElement($e,{instance:e,attrs:u,children:n?t.children:null})}});import{Component as rt,withComponent as ut}from"@primereact/core/component";import{mergeProps as st}from"@primeuix/utils";import*as P from"react";import{createOptionalContext as ot}from"@primereact/core/utils";var[Z,nt]=ot();var R={as:"div"};var _=ut({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=st({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(rt,{instance:e,attrs:u,children:t.children}))}});import{Component as it,withComponent as at}from"@primereact/core/component";import{mergeProps as ct}from"@primeuix/utils";import*as M from"react";import{createOptionalContext as pt}from"@primereact/core/utils";var[$,mt]=pt();var S={as:"div",disabled:void 0,value:void 0,closeOnSelect:void 0,onSelect:void 0};var ee=at({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,i=n?.getItemId?.(p),a=!!e.disabled,d=i?n?.isFocused(i)??!1:!1,c=e.closeOnSelect??!0,x=M.useCallback(f=>{e.onSelect?.(f)},[e.onSelect]),l=t?.getItemProps({value:p,disabled:e.disabled,type:"item",closeOnSelect:c,onSelect:x});return{contextmenu:t,menu:n,submenu:r,portal:o,itemId:i,focused:d,isDisabled:a,itemProps:l}},render(e){let{props:t,ptmi:r,contextmenu:o,focused:n,itemProps:u}=e,p=ct(u,{className:o?.cx("item",{disabled:t.disabled,focused:n})},o?.ptm("item"),r("root"));return M.createElement($,{value:e},M.createElement(it,{instance:e,attrs:p,children:t.children}))}});import{Component as dt,withComponent as xt}from"@primereact/core/component";import{mergeProps as lt}from"@primeuix/utils";import*as ke from"react";var y={as:"li"};var te=xt({name:"ContextMenu.Label",defaultProps:y,setup(){return{contextmenu:s()}},render(e){let{props:t,ptmi:r,contextmenu:o}=e,n=lt(o?.labelProps,{className:o?.cx("label")},o?.ptm("label"),r("root"));return ke.createElement(dt,{instance:e,attrs:n,children:t.children})}});import{Component as we,withComponent as ft}from"@primereact/core/component";import{mergeProps as Ct,resolve as Pt}from"@primeuix/utils";import*as oe from"react";var k={as:"ul"};var ne=ft({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=Ct(n?.listProps,u,{className:o?.cx("list")},o?.ptm("list"),r("root"));return n?oe.createElement(we,{instance:e,attrs:p,children:Pt(t.children,e)}):oe.createElement(we,{instance:e,attrs:p,children:t.children})}});import{Component as Mt,withComponent as It}from"@primereact/core/component";import{useMotion as bt}from"@primereact/core/motion";import{useOverlayClickEmitter as ht}from"@primereact/core/utils";import{mergeProps as vt}from"@primeuix/utils";import*as Ge from"react";var w={as:"div",motionProps:void 0};var re=It({name:"ContextMenu.Popup",defaultProps:w,setup({props:e}){let t=s(),r=m(),o=r?.menusub?.popover??t?.popover,n=bt({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 ht(r?null:o?.state.popupElement,()=>t?.elementRef?.current),{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,i=n?p?.popupProps:o?.popupProps??p?.popupProps,a=vt(i,{className:[o?.cx("popup"),o?.cx("root")]},o?.ptm("popup"),r("root"),u?.rootProps);return Ge.createElement(Mt,{instance:e,attrs:a,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 q 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 q.createElement(Se,{value:e},q.createElement(St,{value:e},q.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 Le from"react";import*as Oe from"@primereact/headless/positioner";var O={...Oe.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,i=r?.align!==void 0,a=r?.sideOffset!==void 0,d=r?.alignOffset!==void 0,c=n&&!p?"right":t.side,x=n&&!i?"start":t.align,l=n&&!a?0:t.sideOffset,f=n&&!d?-5:t.alignOffset,I=Gt({align:x,side:c,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 Le.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,a=me()?.context??null,d=T.useId(),c=t.value!=null?String(t.value):d,x=p?.getItemId?.(c),l=Nt({...r,value:t.value,disabled:t.disabled,closeOnSelect:t.closeOnSelect,group:a,onSelect:Be=>{t.onSelect?.(Be)},onCheckedChange:t.onCheckedChange}),f=!!l.state.checked,I=!!t.disabled,z=x?p?.isFocused(x)??!1:!1,He=o?.getItemProps({value:c,disabled:t.disabled,type:"radio",checked:f,closeOnSelect:l.closeOnSelect,onSelect:l.onSelect});return{...l,contextmenu:o,menu:p,submenu:n,portal:u,group:a,itemId:x,focused:z,isDisabled:I,checked:f,itemProps:He}},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 Ft}from"@primereact/core/component";import{useRadioButtonGroup as Ht}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=Ft({name:"ContextMenu.RadioItemGroup",defaultProps:E,setup(e){let{props:t,inProps:r}=e,o=s(),n=Ht(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 qt}from"@primereact/core/component";import{mergeProps as jt}from"@primeuix/utils";import*as Te from"react";var N={as:"span"};var xe=qt({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=jt(o?.menu?.radioItemIndicatorProps,{...n?{"data-checked":""}:{"data-unchecked":""},className:o?.cx("radioItemIndicator")},o?.ptm("radioItemIndicator"),r("root"));return Te.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 Ee from"@primereact/headless/contextmenu";var A={...Ee.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 Ve 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 Ve.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 F={as:"li",value:void 0,disabled:!1};var Me=_t({name:"ContextMenu.Submenu",defaultProps:F,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 Ne from"react";var H={as:"span",match:void 0};var Ie=oo({name:"ContextMenu.SubmenuIndicator",defaultProps:H,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 Ne.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 j 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=j.useId(),p=t?.inProps?.value??n,i=e?.menu.getItemId?.(p),a=!!o,d=i?e?.menu.isFocused(i)??!1:!1,c=e?.getSubTriggerProps({value:p,disabled:o,inPortal:!!r,sub:t?.menusub??void 0});return{contextmenu:e,subcontextmenu:t,portal:r,itemId:i,focused:d,isDisabled:a,subtriggerProps:c}},render(e){let{props:t,ptmi:r,contextmenu:o,subcontextmenu:n,focused:u,isDisabled:p,subtriggerProps:i}=e,a=so(n?.subtriggerProps,i,{className:o?.cx("subtrigger",{disabled:p,focused:u,active:n?.state.open})},o?.ptm("subtrigger"),r("root"));return j.createElement(ro,{instance:e,attrs:a,children:t.children})}});import{Component as po,withComponent as mo}from"@primereact/core/component";import{mergeProps as io}from"@primeuix/utils";import*as Ae 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 Ae.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:()=>H,defaultSubmenuProps:()=>F,defaultSubmenuTriggerProps:()=>B,defaultTriggerProps:()=>W});export{De 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,H as defaultSubmenuIndicatorProps,F as defaultSubmenuProps,B as defaultSubmenuTriggerProps,W as defaultTriggerProps,U as useContextMenuCheckboxItemContext,s as useContextMenuContext,nt as useContextMenuGroupContext,mt as useContextMenuItemContext,ae as useContextMenuRadioItemContext,me as useContextMenuRadioItemGroupContext,m as useContextMenuSubmenuContext};