UNPKG

primereact

Version:

A rich set of premium UI Components for React.

primereact.dev

4 lines (2 loc) • 17.9 kB
1
2
3
4
'use client'; var qe=Object.defineProperty;var Se=(o,e)=>{for(var r in e)qe(o,r,{get:e[r],enumerable:!0})};import{createOptionalContext as Ue}from"@primereact/core/utils";var[ye,s]=Ue();var Be={};Se(Be,{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:()=>ve,SubmenuIndicator:()=>ee,SubmenuTrigger:()=>Ce,Trigger:()=>he});import{Component as ze,withComponent as Je}from"@primereact/core/component";import{mergeProps as Qe}from"@primeuix/utils";import*as ke from"react";var g={as:"div"};var q=Je({name:"Menu.Arrow",defaultProps:g,setup(){return{menu:s()}},render(o){let{props:e,ptmi:r,menu:t}=o,n=Qe(t?.arrowProps,{className:t?.cx("arrow")},t?.ptm("arrow"),r("root"));return ke.createElement(ze,{instance:o,attrs:n,children:e.children})}});import{Component as _e,withComponent as $e}from"@primereact/core/component";import{useMenuCheckboxItem as eo}from"@primereact/headless/menu/checkboxitem";import{mergeProps as oo}from"@primeuix/utils";import*as C from"react";import{createOptionalContext as Xe}from"@primereact/core/utils";var[U,P]=Xe();import{createOptionalContext as Ye}from"@primereact/core/utils";var[z,i]=Ye();import{createOptionalContext as Ze}from"@primereact/core/utils";var[J,Q]=Ze();var v={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:v,setup(o){let{props:e,inProps:r}=o,t=s(),n=i(),u=P(),p=C.useId(),m=e.value!=null?String(e.value):p,a=t?.getItemId?.(m),c=eo({...r,disabled:e.disabled,closeOnSelect:e.closeOnSelect,onSelect:I=>{e.onSelect?.(I),t?.props.onSelect?.(I)},onCheckedChange:e.onCheckedChange}),d=!!c.state.checked,l=!!e.disabled,f=a?t?.isFocused(a)??!1:!1,b=t?.getItemProps({value:m,disabled:e.disabled,type:"checkbox",checked:d,inPortal:!!u,closeOnSelect:c.closeOnSelect,onSelect:c.onSelect});return{...c,menu:t,submenu:n,portal:u,itemId:a,focused:f,isDisabled:l,checked:d,itemProps:b}},render(o){let{props:e,ptmi:r,menu:t,focused:n,itemProps:u}=o,p=oo(u,{className:t?.cx("item",{disabled:e.disabled,focused:n})},t?.ptm("item"),r("root"));return C.createElement(J,{value:o},C.createElement(_e,{instance:o,attrs:p,children:e.children}))}});import{Component as to,withComponent as ro}from"@primereact/core/component";import{mergeProps as no}from"@primeuix/utils";import*as we from"react";var h={as:"span"};var Y=ro({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=no(t?.checkboxItemIndicatorProps,{...n?{"data-checked":""}:{"data-unchecked":""},className:t?.cx("checkboxItemIndicator")},t?.ptm("checkboxItemIndicator"),r("root"));return we.createElement(to,{instance:o,attrs:u,children:n?e.children:null})}});import{Component as so,withComponent as po}from"@primereact/core/component";import{mergeProps as mo}from"@primeuix/utils";import*as M from"react";import{createOptionalContext as uo}from"@primereact/core/utils";var[Z,_]=uo();var R={as:"div"};var $=po({name:"Menu.Group",defaultProps:R,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=mo({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(so,{instance:o,attrs:u,children:e.children}))}});import{Component as io,withComponent as ao}from"@primereact/core/component";import{mergeProps as co}from"@primeuix/utils";import*as Ge from"react";var S={as:"span",match:void 0};var ee=ao({name:"Menu.SubmenuIndicator",defaultProps:S,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=co(t?.submenuIndicatorProps,{...n?{"data-open":""}:{"data-closed":""},className:t?.cx("submenuIndicator")},t?.ptm("submenuIndicator"),r("root"));return Ge.createElement(io,{pIf:u,instance:o,attrs:p,children:e.children})}});import{Component as Po,withComponent as Mo}from"@primereact/core/component";import{mergeProps as xo}from"@primeuix/utils";import*as x from"react";import{createOptionalContext as lo}from"@primereact/core/utils";var[oe,fo]=lo();var y={as:"div",disabled:void 0,value:void 0,closeOnSelect:void 0,onSelect:void 0};var te=Mo({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,c=o.closeOnSelect??e?.props.closeOnSelect??!0,d=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:c,onSelect:d});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=xo(u,{className:t?.cx("item",{disabled:e.disabled,focused:n})},t?.ptm("item"),r("root"));return x.createElement(oe,{value:o},x.createElement(Po,{instance:o,attrs:p,children:e.children}))}});import{Component as Io,withComponent as bo}from"@primereact/core/component";import{mergeProps as go}from"@primeuix/utils";import*as K from"react";var k={as:"div"};var re=bo({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=go(t?.labelProps,n?{id:u}:void 0,{className:t?.cx("label")},t?.ptm("label"),r("root"));return K.createElement(Io,{instance:o,attrs:p,children:e.children})}});import{Component as Oe,withComponent as vo}from"@primereact/core/component";import{mergeProps as Co,resolve as ho}from"@primeuix/utils";import*as ne from"react";var w={as:"div"};var ue=vo({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:ho(e.children,o)}):ne.createElement(Oe,{instance:o,attrs:p,children:e.children})}});import{Component as Ro,withComponent as So}from"@primereact/core/component";import{useMotion as yo}from"@primereact/core/motion";import{OverlayEventBus as Ee}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=yo({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{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?{}:{onPointerDownCapture:d=>{Ee.emit("overlay-click",{originalEvent:d,target:t?.elementRef?.current??null})},onMouseDownCapture:d=>{Ee.emit("overlay-click",{originalEvent:d,target:t?.elementRef?.current??null})}},a=n?p?.popupProps:t?.popupProps??p?.popupProps,c=ko(a,{className:t?.cx("popup"),...m},t?.ptm("popup"),r("root"),u?.rootProps);return Le.createElement(Ro,{instance:o,attrs:c,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 Eo,withComponent as Lo}from"@primereact/core/component";import{usePositioner as To}from"@primereact/headless/positioner";import{mergeProps as No}from"@primeuix/utils";import*as Ne from"react";import*as Te from"@primereact/headless/positioner";var E={...Te.defaultProps,as:"div",side:"bottom",align:"start",sideOffset:2};var ie=Lo({name:"Menu.Positioner",defaultProps:E,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,c=r?.alignOffset!==void 0,d=n&&!p?"right":e.side,l=n&&!m?"start":e.align,f=n&&!a?0:e.sideOffset,b=n&&!c?-5:e.alignOffset,I=To({align:l,side:d,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 Ne.createElement(Eo,{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 T 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 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 fe=Ho({name:"Menu.RadioItem",defaultProps:L,setup(o){let{props:e,inProps:r}=o,t=s(),n=i(),u=P(),m=de()?.context??null,a=T.useId(),c=e.value!=null?String(e.value):a,d=t?.getItemId?.(c),l=Fo({...r,value:e.value,disabled:e.disabled,closeOnSelect:e.closeOnSelect,group:m,onSelect:Re=>{e.onSelect?.(Re),t?.props.onSelect?.(Re)},onCheckedChange:e.onCheckedChange}),f=!!l.state.checked,b=!!e.disabled,I=d?t?.isFocused(d)??!1:!1,We=t?.getItemProps({value:c,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:d,focused:I,isDisabled:b,checked:f,itemProps:We}},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 T.createElement(ce,{value:o},T.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 Ve 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 Ve.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,Ae]=Qo();import*as De from"@primereact/headless/menu";var D={...De.defaultProps,as:void 0,closeOnSelect:!0,onSelect:void 0};var Ie=Yo({name:"Menu.Root",defaultProps:D,setup(o){let e=Ae(),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 He 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 He.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 Fe from"@primereact/headless/menu/submenu";var F={...Fe.defaultProps,as:void 0};var ve=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 Ce=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,c=m?e?.isFocused(m)??!1:!1,d=e?.getSubTriggerProps({value:p,disabled:n,inPortal:!!t,sub:r??void 0});return{menu:e,submenu:r,portal:t,itemId:m,focused:c,isDisabled:a,subtriggerProps:d}},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 je 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 je.createElement(at,{instance:o,attrs:m,children:e.children})}});var Ke={};Se(Ke,{defaultArrowProps:()=>g,defaultCheckboxItemIndicatorProps:()=>h,defaultCheckboxItemProps:()=>v,defaultGroupProps:()=>R,defaultItemProps:()=>y,defaultLabelProps:()=>k,defaultListProps:()=>w,defaultPopupProps:()=>G,defaultPortalProps:()=>O,defaultPositionerProps:()=>E,defaultRadioItemGroupProps:()=>N,defaultRadioItemIndicatorProps:()=>A,defaultRadioItemProps:()=>L,defaultRootProps:()=>D,defaultSeparatorProps:()=>H,defaultSubmenuIndicatorProps:()=>S,defaultSubmenuProps:()=>F,defaultSubmenuTriggerProps:()=>j,defaultTriggerProps:()=>B});export{Be 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,Ke 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,ve as MenuSubmenu,ee as MenuSubmenuIndicator,z as MenuSubmenuProvider,Ce as MenuSubmenuTrigger,he as MenuTrigger,g as defaultArrowProps,h as defaultCheckboxItemIndicatorProps,v as defaultCheckboxItemProps,R as defaultGroupProps,y as defaultItemProps,k as defaultLabelProps,w as defaultListProps,G as defaultPopupProps,O as defaultPortalProps,E as defaultPositionerProps,N as defaultRadioItemGroupProps,A as defaultRadioItemIndicatorProps,L as defaultRadioItemProps,D as defaultRootProps,H as defaultSeparatorProps,S as defaultSubmenuIndicatorProps,F as defaultSubmenuProps,j as defaultSubmenuTriggerProps,B as defaultTriggerProps,Q as useMenuCheckboxItemContext,s as useMenuContext,_ as useMenuGroupContext,fo as useMenuItemContext,le as useMenuRadioItemContext,de as useMenuRadioItemGroupContext,i as useMenuSubmenuContext};