UNPKG

primereact

Version:

A rich set of premium UI Components for React.

primereact.dev

4 lines (2 loc) • 17.7 kB
1
2
3
4
'use client'; var We=Object.defineProperty;var Re=(o,e)=>{for(var r in e)We(o,r,{get:e[r],enumerable:!0})};import{createOptionalContext as qe}from"@primereact/core/utils";var[ye,s]=qe();var je={};Re(je,{Arrow:()=>q,CheckboxItem:()=>X,CheckboxItemIndicator:()=>Y,Group:()=>$,Item:()=>te,Label:()=>re,List:()=>ue,Popup:()=>se,Portal:()=>me,Positioner:()=>ie,RadioItem:()=>fe,RadioItemGroup:()=>Pe,RadioItemIndicator:()=>Me,Root:()=>Ie,Separator:()=>be,Submenu:()=>Ce,SubmenuIndicator:()=>ee,SubmenuTrigger:()=>ve,Trigger:()=>he});import{Component as Ue,withComponent as ze}from"@primereact/core/component";import{mergeProps as Je}from"@primeuix/utils";import*as ke from"react";var g={as:"div"};var q=ze({name:"Menu.Arrow",defaultProps:g,setup(){return{menu:s()}},render(o){let{props:e,ptmi:r,menu:t}=o,n=Je(t?.arrowProps,{className:t?.cx("arrow")},t?.ptm("arrow"),r("root"));return ke.createElement(Ue,{instance:o,attrs:n,children:e.children})}});import{Component as Ze,withComponent as _e}from"@primereact/core/component";import{useMenuCheckboxItem as $e}from"@primereact/headless/menu/checkboxitem";import{mergeProps as eo}from"@primeuix/utils";import*as v from"react";import{createOptionalContext as Qe}from"@primereact/core/utils";var[U,P]=Qe();import{createOptionalContext as Xe}from"@primereact/core/utils";var[z,i]=Xe();import{createOptionalContext as Ye}from"@primereact/core/utils";var[J,Q]=Ye();var C={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=_e({name:"Menu.CheckboxItem",defaultProps:C,setup(o){let{props:e,inProps:r}=o,t=s(),n=i(),u=P(),p=v.useId(),m=e.value!=null?String(e.value):p,a=t?.getItemId?.(m),d=$e({...r,disabled:e.disabled,closeOnSelect:e.closeOnSelect,onSelect:I=>{e.onSelect?.(I),t?.props.onSelect?.(I)},onCheckedChange:e.onCheckedChange}),c=!!d.state.checked,l=!!e.disabled,f=a?t?.isFocused(a)??!1:!1,b=t?.getItemProps({value:m,disabled:e.disabled,type:"checkbox",checked:c,inPortal:!!u,closeOnSelect:d.closeOnSelect,onSelect:d.onSelect});return{...d,menu:t,submenu:n,portal:u,itemId:a,focused:f,isDisabled:l,checked:c,itemProps:b}},render(o){let{props:e,ptmi:r,menu:t,focused:n,itemProps:u}=o,p=eo(u,{className:t?.cx("item",{disabled:e.disabled,focused:n})},t?.ptm("item"),r("root"));return v.createElement(J,{value:o},v.createElement(Ze,{instance:o,attrs:p,children:e.children}))}});import{Component as oo,withComponent as to}from"@primereact/core/component";import{mergeProps as ro}from"@primeuix/utils";import*as we from"react";var h={as:"span"};var Y=to({name:"Menu.CheckboxItemIndicator",defaultProps:h,setup(){let o=s(),e=Q(),r=!!e?.checked;return{menu:o,checkboxItem:e,checked:r}},render(o){let{props:e,ptmi:r,menu:t,checked:n}=o,u=ro(t?.checkboxItemIndicatorProps,{...n?{"data-checked":""}:{"data-unchecked":""},className:t?.cx("checkboxItemIndicator")},t?.ptm("checkboxItemIndicator"),r("root"));return we.createElement(oo,{instance:o,attrs:u,children:n?e.children:null})}});import{Component as uo,withComponent as so}from"@primereact/core/component";import{mergeProps as po}from"@primeuix/utils";import*as M from"react";import{createOptionalContext as no}from"@primereact/core/utils";var[Z,_]=no();var S={as:"div"};var $=so({name:"Menu.Group",defaultProps:S,setup(o){let e=s(),r=o.id,[t,n]=M.useState(void 0),u=M.useMemo(()=>({groupId:r,labelId:t,setLabelId:n}),[r,t]);return{menu:e,context:u}},render(o){let{props:e,ptmi:r,menu:t,context:n}=o,u=po({id:n.groupId,role:"group","data-scope":"menu","data-part":"group","aria-labelledby":n.labelId,className:t?.cx("group")},t?.ptm("group"),r("root"));return M.createElement(Z,{value:n},M.createElement(uo,{instance:o,attrs:u,children:e.children}))}});import{Component as mo,withComponent as io}from"@primereact/core/component";import{mergeProps as ao}from"@primeuix/utils";import*as Ge from"react";var R={as:"span",match:void 0};var ee=io({name:"Menu.SubmenuIndicator",defaultProps:R,setup(){let o=s(),e=i(),r=!!e?.state.open;return{menu:o,submenu:e,open:r}},render(o){let{props:e,ptmi:r,menu:t,open:n}=o,u=e.match?n===(e.match==="open"):!0,p=ao(t?.submenuIndicatorProps,{...n?{"data-open":""}:{"data-closed":""},className:t?.cx("submenuIndicator")},t?.ptm("submenuIndicator"),r("root"));return Ge.createElement(mo,{pIf:u,instance:o,attrs:p,children:e.children})}});import{Component as fo,withComponent as Po}from"@primereact/core/component";import{mergeProps as Mo}from"@primeuix/utils";import*as x from"react";import{createOptionalContext as co}from"@primereact/core/utils";var[oe,lo]=co();var y={as:"div",disabled:void 0,value:void 0,closeOnSelect:void 0,onSelect:void 0};var te=Po({name:"Menu.Item",defaultProps:y,setup({props:o}){let e=s(),r=i(),t=P(),n=x.useId(),u=o.value!=null?String(o.value):n,p=e?.getItemId?.(u),m=!!o.disabled,a=p?e?.isFocused(p)??!1:!1,d=o.closeOnSelect??e?.props.closeOnSelect??!0,c=x.useCallback(f=>{o.onSelect?.(f),e?.props.onSelect?.(f)},[o.onSelect,e?.props.onSelect]),l=e?.getItemProps({value:u,disabled:o.disabled,type:"item",inPortal:!!t,closeOnSelect:d,onSelect:c});return{menu:e,submenu:r,portal:t,itemId:p,focused:a,isDisabled:m,itemProps:l}},render(o){let{props:e,ptmi:r,menu:t,focused:n,itemProps:u}=o,p=Mo(u,{className:t?.cx("item",{disabled:e.disabled,focused:n})},t?.ptm("item"),r("root"));return x.createElement(oe,{value:o},x.createElement(fo,{instance:o,attrs:p,children:e.children}))}});import{Component as xo,withComponent as Io}from"@primereact/core/component";import{mergeProps as bo}from"@primeuix/utils";import*as K from"react";var k={as:"div"};var re=Io({name:"Menu.Label",defaultProps:k,setup(o){let e=s(),r=_(),t=o.id;return K.useEffect(()=>{if(r)return r.setLabelId(t),()=>r.setLabelId(void 0)},[r,t]),{menu:e,group:r}},render(o){let{props:e,ptmi:r,menu:t,group:n,id:u}=o,p=bo(t?.labelProps,n?{id:u}:void 0,{className:t?.cx("label")},t?.ptm("label"),r("root"));return K.createElement(xo,{instance:o,attrs:p,children:e.children})}});import{Component as Oe,withComponent as go}from"@primereact/core/component";import{mergeProps as Co,resolve as vo}from"@primeuix/utils";import*as ne from"react";var w={as:"div"};var ue=go({name:"Menu.List",defaultProps:w,setup(){let o=s(),e=i(),r=e?.id,t=o?.getListProps({value:e?r:void 0,sub:e??void 0});return{menu:o,submenu:e,listProps:t}},render(o){let{props:e,ptmi:r,menu:t,submenu:n,listProps:u}=o,p=Co(n?.listProps,u,{className:t?.cx("list")},t?.ptm("list"),r("root"));return n?ne.createElement(Oe,{instance:o,attrs:p,children:vo(e.children,o)}):ne.createElement(Oe,{instance:o,attrs:p,children:e.children})}});import{Component as ho,withComponent as So}from"@primereact/core/component";import{useMotion as Ro}from"@primereact/core/motion";import{useOverlayClickEmitter as yo}from"@primereact/core/utils";import{mergeProps as ko}from"@primeuix/utils";import*as Le from"react";var G={as:"div",motionProps:void 0};var se=So({name:"Menu.Popup",defaultProps:G,setup({props:o}){let e=s(),r=i(),t=r?.popover??e?.popover,n=Ro({cssVarPrefix:"px-menu-popup",autoHeight:!1,autoWidth:!1,...o.motionProps,elementRef:t?.state.popupElement,visible:!!t?.state?.open,onAfterEnter:u=>{o.motionProps?.onAfterEnter?.(u)},onAfterLeave:u=>{o.motionProps?.onAfterLeave?.(u),t?.setRendered?.(!1)}});return yo(r?null:t?.state.popupElement,()=>e?.elementRef?.current),{menu:e,submenu:r,motion:n}},render(o){let{props:e,ptmi:r,menu:t,submenu:n,motion:u}=o,p=n?.popover??t?.popover,m=n?p?.popupProps:t?.popupProps??p?.popupProps,a=ko(m,{className:t?.cx("popup")},t?.ptm("popup"),r("root"),u?.rootProps);return Le.createElement(ho,{instance:o,attrs:a,children:e.children})}});import{withComponent as wo}from"@primereact/core/component";import{mergeProps as Go}from"@primeuix/utils";import{Portal as Oo}from"primereact/portal";import*as pe from"react";var O={};var me=wo({name:"Menu.Portal",defaultProps:O,setup(){let o=s(),e=i();return{menu:o,submenu:e}},render(o){let{props:e,ptmi:r,menu:t}=o,n=Go(t?.ptm("portal"),r("root"));return pe.createElement(U,{value:o},pe.createElement(Oo,{instance:o,attrs:n,children:e.children,appendTo:e.appendTo}))}});import{Component as Lo,withComponent as To}from"@primereact/core/component";import{usePositioner as Eo}from"@primereact/headless/positioner";import{mergeProps as No}from"@primeuix/utils";import*as Ee from"react";import*as Te from"@primereact/headless/positioner";var L={...Te.defaultProps,as:"div",side:"bottom",align:"start",sideOffset:2};var ie=To({name:"Menu.Positioner",defaultProps:L,setup(o){let{props:e,inProps:r}=o,t=s(),n=i(),u=n?.popover??t?.popover,p=r?.side!==void 0,m=r?.align!==void 0,a=r?.sideOffset!==void 0,d=r?.alignOffset!==void 0,c=n&&!p?"right":e.side,l=n&&!m?"start":e.align,f=n&&!a?0:e.sideOffset,b=n&&!d?-5:e.alignOffset,I=Eo({align:l,side:c,sideOffset:f,alignOffset:b,flip:e.flip,shift:e.shift,hideWhenDetached:e.hideWhenDetached,anchor:u?.state.anchorElement,content:u?.state.positionerElement,arrow:u?.state.arrowElement});return{menu:t,submenu:n,positioner:I}},render(o){let{props:e,ptmi:r,menu:t,submenu:n}=o,u=n?.popover??t?.popover,p=No(u?.positionerProps,{className:t?.cx("positioner")},t?.ptm("positioner"),r("root"));return Ee.createElement(Lo,{pIf:!!u?.state.rendered,instance:o,attrs:p,children:e.children})}});import{Component as Do,withComponent as Ho}from"@primereact/core/component";import{useMenuRadioItem as Fo}from"@primereact/headless/menu/radioitem";import{mergeProps as jo}from"@primeuix/utils";import*as E from"react";import{createOptionalContext as Vo}from"@primereact/core/utils";var[ae,de]=Vo();import{createOptionalContext as Ao}from"@primereact/core/utils";var[ce,le]=Ao();var T={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 fe=Ho({name:"Menu.RadioItem",defaultProps:T,setup(o){let{props:e,inProps:r}=o,t=s(),n=i(),u=P(),m=de()?.context??null,a=E.useId(),d=e.value!=null?String(e.value):a,c=t?.getItemId?.(d),l=Fo({...r,value:e.value,disabled:e.disabled,closeOnSelect:e.closeOnSelect,group:m,onSelect:Se=>{e.onSelect?.(Se),t?.props.onSelect?.(Se)},onCheckedChange:e.onCheckedChange}),f=!!l.state.checked,b=!!e.disabled,I=c?t?.isFocused(c)??!1:!1,Ke=t?.getItemProps({value:d,disabled:e.disabled,type:"radio",checked:f,inPortal:!!u,closeOnSelect:l.closeOnSelect,onSelect:l.onSelect});return{...l,menu:t,submenu:n,portal:u,group:m,itemId:c,focused:I,isDisabled:b,checked:f,itemProps:Ke}},render(o){let{props:e,ptmi:r,menu:t,focused:n,itemProps:u}=o,p=jo(u,{className:t?.cx("item",{disabled:e.disabled,focused:n})},t?.ptm("item"),r("root"));return E.createElement(ce,{value:o},E.createElement(Do,{instance:o,attrs:p,children:e.children}))}});import{Component as Bo,withComponent as Ko}from"@primereact/core/component";import{useRadioButtonGroup as Wo}from"@primereact/headless/radiobuttongroup";import{mergeProps as qo}from"@primeuix/utils";import*as V from"react";var N={value:void 0,defaultValue:void 0,name:void 0,onValueChange:void 0};var Pe=Ko({name:"Menu.RadioItemGroup",defaultProps:N,setup(o){let{props:e,inProps:r}=o,t=s(),n=Wo(r),u=V.useMemo(()=>({value:n.state.value,updateChange:n.updateChange,name:e.name,defaultValue:e.defaultValue}),[n.state.value,n.updateChange,e.name,e.defaultValue]);return{...n,menu:t,context:u}},render(o){let{props:e,ptmi:r,menu:t}=o,n=qo(t?.radioGroupProps,r("root"));return V.createElement(ae,{value:o},V.createElement(Bo,{instance:o,attrs:n,children:e.children}))}});import{Component as Uo,withComponent as zo}from"@primereact/core/component";import{mergeProps as Jo}from"@primeuix/utils";import*as Ne from"react";var A={as:"span"};var Me=zo({name:"Menu.RadioItemIndicator",defaultProps:A,setup(){let o=s(),e=le(),r=!!e?.checked;return{menu:o,radioItem:e,checked:r}},render(o){let{props:e,ptmi:r,menu:t,checked:n}=o,u=Jo(t?.radioItemIndicatorProps,{...n?{"data-checked":""}:{"data-unchecked":""},className:t?.cx("radioItemIndicator")},t?.ptm("radioItemIndicator"),r("root"));return Ne.createElement(Uo,{instance:o,attrs:u,children:n?e.children:null})}});import{Component as Xo,withComponent as Yo}from"@primereact/core/component";import{useMenu as Zo}from"@primereact/headless/menu";import{mergeProps as _o,omit as $o}from"@primeuix/utils";import*as xe from"react";import{createOptionalContext as Qo}from"@primereact/core/utils";var[An,Ve]=Qo();import*as Ae from"@primereact/headless/menu";var D={...Ae.defaultProps,as:void 0,closeOnSelect:!0,onSelect:void 0};var Ie=Yo({name:"Menu.Root",defaultProps:D,setup(o){let e=Ve(),r=i(),t=o?.inProps,n=t?.instance,u=$o(t,"instance"),p={...u??{},context:u?.context??r,navigationmenu:e,navigationmenuMenuId:e?o.id:void 0},m=n??Zo(p);return n?.props&&Object.assign(o.props,n.props),{...m,navigationmenu:e,navigationmenuMenuId:o.id}},render(o){let{props:e,ptmi:r,cx:t}=o,n=_o({className:t("root")},r("root"));return xe.createElement(ye,{value:o},xe.createElement(Xo,{instance:o,attrs:n,children:e.children}))}});import{Component as et,withComponent as ot}from"@primereact/core/component";import{mergeProps as tt}from"@primeuix/utils";import*as De from"react";var H={as:"div"};var be=ot({name:"Menu.Separator",defaultProps:H,setup(){return{menu:s()}},render(o){let{props:e,ptmi:r,menu:t}=o,n=tt(t?.separatorProps,{className:t?.cx("separator")},t?.ptm("separator"),r("root"));return De.createElement(et,{instance:o,attrs:n,children:e.children})}});import{Component as rt,withComponent as nt}from"@primereact/core/component";import{useMenuSubmenu as ut}from"@primereact/headless/menu/submenu";import{mergeProps as st}from"@primeuix/utils";import*as ge from"react";import*as He from"@primereact/headless/menu/submenu";var F={...He.defaultProps,as:void 0};var Ce=nt({name:"Menu.Submenu",defaultProps:F,setup(o){let e=ut(o?.inProps);return{menu:s(),...e}},render(o){let{props:e,ptmi:r,menu:t,subProps:n}=o,u=st(n,{className:t?.cx("submenu")},t?.ptm("sub"),r("root"));return ge.createElement(z,{value:o},ge.createElement(rt,{instance:o,attrs:u,children:e.children}))}});import{Component as pt,withComponent as mt}from"@primereact/core/component";import{mergeProps as it}from"@primeuix/utils";import*as W from"react";var j={as:"div",value:void 0};var ve=mt({name:"Menu.SubmenuTrigger",defaultProps:j,setup({props:o}){let e=s(),r=i(),t=P(),n=r?.inProps?.disabled??!1,u=W.useId(),p=o.value!=null?String(o.value):u,m=e?.getItemId?.(p),a=!!n,d=m?e?.isFocused(m)??!1:!1,c=e?.getSubTriggerProps({value:p,disabled:n,inPortal:!!t,sub:r??void 0});return{menu:e,submenu:r,portal:t,itemId:m,focused:d,isDisabled:a,subtriggerProps:c}},render(o){let{props:e,ptmi:r,menu:t,submenu:n,focused:u,isDisabled:p,subtriggerProps:m}=o,a=it(m,n?.subtriggerProps,{className:t?.cx("subtrigger",{disabled:p,focused:u,active:n?.state.open})},t?.ptm("subtrigger"),r("root"));return W.createElement(pt,{instance:o,attrs:a,children:e.children})}});import{Component as at,withComponent as dt}from"@primereact/core/component";import{mergeProps as ct}from"@primeuix/utils";import*as Fe from"react";var B={as:"button"};var he=dt({name:"Menu.Trigger",defaultProps:B,setup(){return{menu:s()}},render(o){let{props:e,ptmi:r,menu:t}=o,{navigationmenu:n,navigationmenuMenuId:u}=t??{},p=n&&u?{ref:a=>n.registerTrigger(u,a),onKeyDown:a=>n.onTriggerKeyDown(u,a),onMouseEnter:()=>n.onTriggerMouseEnter(u),...n.disabled&&{"data-disabled":""}}:void 0,m=ct(t?.triggerProps,p,{className:t?.cx("trigger")},t?.ptm("trigger"),r("root"));return Fe.createElement(at,{instance:o,attrs:m,children:e.children})}});var Be={};Re(Be,{defaultArrowProps:()=>g,defaultCheckboxItemIndicatorProps:()=>h,defaultCheckboxItemProps:()=>C,defaultGroupProps:()=>S,defaultItemProps:()=>y,defaultLabelProps:()=>k,defaultListProps:()=>w,defaultPopupProps:()=>G,defaultPortalProps:()=>O,defaultPositionerProps:()=>L,defaultRadioItemGroupProps:()=>N,defaultRadioItemIndicatorProps:()=>A,defaultRadioItemProps:()=>T,defaultRootProps:()=>D,defaultSeparatorProps:()=>H,defaultSubmenuIndicatorProps:()=>R,defaultSubmenuProps:()=>F,defaultSubmenuTriggerProps:()=>j,defaultTriggerProps:()=>B});export{je as Menu,q as MenuArrow,X as MenuCheckboxItem,Y as MenuCheckboxItemIndicator,J as MenuCheckboxItemProvider,$ as MenuGroup,Z as MenuGroupProvider,te as MenuItem,oe as MenuItemProvider,re as MenuLabel,ue as MenuList,se as MenuPopup,me as MenuPortal,U as MenuPortalProvider,ie as MenuPositioner,Be as MenuProps,ye as MenuProvider,fe as MenuRadioItem,Pe as MenuRadioItemGroup,ae as MenuRadioItemGroupProvider,Me as MenuRadioItemIndicator,ce as MenuRadioItemProvider,Ie as MenuRoot,be as MenuSeparator,Ce as MenuSubmenu,ee as MenuSubmenuIndicator,z as MenuSubmenuProvider,ve as MenuSubmenuTrigger,he as MenuTrigger,g as defaultArrowProps,h as defaultCheckboxItemIndicatorProps,C as defaultCheckboxItemProps,S as defaultGroupProps,y as defaultItemProps,k as defaultLabelProps,w as defaultListProps,G as defaultPopupProps,O as defaultPortalProps,L as defaultPositionerProps,N as defaultRadioItemGroupProps,A as defaultRadioItemIndicatorProps,T as defaultRadioItemProps,D as defaultRootProps,H as defaultSeparatorProps,R as defaultSubmenuIndicatorProps,F as defaultSubmenuProps,j as defaultSubmenuTriggerProps,B as defaultTriggerProps,Q as useMenuCheckboxItemContext,s as useMenuContext,_ as useMenuGroupContext,lo as useMenuItemContext,le as useMenuRadioItemContext,de as useMenuRadioItemGroupContext,i as useMenuSubmenuContext};