primereact 10.9.0 → 10.9.2
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.
- package/autocomplete/autocomplete.cjs.js +4 -4
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.d.ts +2 -2
- package/autocomplete/autocomplete.esm.js +4 -4
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +4 -4
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +1 -1
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +1 -1
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/calendar/calendar.cjs.js +35 -20
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.d.ts +15 -61
- package/calendar/calendar.esm.js +35 -20
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +35 -20
- package/calendar/calendar.min.js +1 -1
- package/componentbase/componentbase.cjs.js +1 -1
- package/componentbase/componentbase.cjs.min.js +1 -1
- package/componentbase/componentbase.esm.js +1 -1
- package/componentbase/componentbase.esm.min.js +1 -1
- package/componentbase/componentbase.js +1 -1
- package/componentbase/componentbase.min.js +1 -1
- package/contextmenu/contextmenu.cjs.js +0 -1
- package/contextmenu/contextmenu.cjs.min.js +1 -1
- package/contextmenu/contextmenu.esm.js +0 -1
- package/contextmenu/contextmenu.esm.min.js +1 -1
- package/contextmenu/contextmenu.js +0 -1
- package/contextmenu/contextmenu.min.js +1 -1
- package/core/core.js +126 -76
- package/core/core.min.js +6 -6
- package/datatable/datatable.cjs.js +15 -7
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.esm.js +15 -7
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +15 -7
- package/datatable/datatable.min.js +1 -1
- package/dataview/dataview.cjs.js +6 -2
- package/dataview/dataview.cjs.min.js +1 -1
- package/dataview/dataview.esm.js +6 -2
- package/dataview/dataview.esm.min.js +1 -1
- package/dataview/dataview.js +7 -3
- package/dataview/dataview.min.js +1 -1
- package/dock/dock.cjs.js +0 -1
- package/dock/dock.cjs.min.js +1 -1
- package/dock/dock.esm.js +0 -1
- package/dock/dock.esm.min.js +1 -1
- package/dock/dock.js +0 -1
- package/dock/dock.min.js +1 -1
- package/dropdown/dropdown.cjs.js +24 -22
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +5 -0
- package/dropdown/dropdown.esm.js +25 -23
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +24 -22
- package/dropdown/dropdown.min.js +1 -1
- package/inputtextarea/inputtextarea.cjs.js +1 -1
- package/inputtextarea/inputtextarea.cjs.min.js +1 -1
- package/inputtextarea/inputtextarea.esm.js +1 -1
- package/inputtextarea/inputtextarea.esm.min.js +1 -1
- package/inputtextarea/inputtextarea.js +1 -1
- package/inputtextarea/inputtextarea.min.js +1 -1
- package/megamenu/megamenu.cjs.js +1 -2
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +1 -2
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +1 -2
- package/megamenu/megamenu.min.js +1 -1
- package/mention/mention.cjs.js +1 -1
- package/mention/mention.cjs.min.js +1 -1
- package/mention/mention.esm.js +1 -1
- package/mention/mention.esm.min.js +1 -1
- package/mention/mention.js +1 -1
- package/mention/mention.min.js +1 -1
- package/menu/menu.cjs.js +0 -1
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.esm.js +0 -1
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +0 -1
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.cjs.js +0 -1
- package/menubar/menubar.cjs.min.js +1 -1
- package/menubar/menubar.esm.js +0 -1
- package/menubar/menubar.esm.min.js +1 -1
- package/menubar/menubar.js +0 -1
- package/menubar/menubar.min.js +1 -1
- package/multiselect/multiselect.cjs.js +24 -22
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +6 -1
- package/multiselect/multiselect.esm.js +25 -23
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +24 -22
- package/multiselect/multiselect.min.js +1 -1
- package/package.json +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.esm.js +1 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +1 -1
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +1 -1
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +1 -1
- package/passthrough/tailwind/index.min.js +1 -1
- package/picklist/picklist.cjs.js +19 -6
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +19 -6
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +19 -6
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +255 -173
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +2653 -2571
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +255 -173
- package/primereact.all.min.js +1 -1
- package/splitbutton/splitbutton.cjs.js +0 -1
- package/splitbutton/splitbutton.cjs.min.js +1 -1
- package/splitbutton/splitbutton.esm.js +0 -1
- package/splitbutton/splitbutton.esm.min.js +1 -1
- package/splitbutton/splitbutton.js +0 -1
- package/splitbutton/splitbutton.min.js +1 -1
- package/tieredmenu/tieredmenu.cjs.js +0 -1
- package/tieredmenu/tieredmenu.cjs.min.js +1 -1
- package/tieredmenu/tieredmenu.esm.js +0 -1
- package/tieredmenu/tieredmenu.esm.min.js +1 -1
- package/tieredmenu/tieredmenu.js +0 -1
- package/tieredmenu/tieredmenu.min.js +1 -1
- package/togglebutton/togglebutton.cjs.js +4 -4
- package/togglebutton/togglebutton.cjs.min.js +1 -1
- package/togglebutton/togglebutton.esm.js +4 -4
- package/togglebutton/togglebutton.esm.min.js +1 -1
- package/togglebutton/togglebutton.js +4 -4
- package/togglebutton/togglebutton.min.js +1 -1
- package/tooltip/tooltip.cjs.js +7 -2
- package/tooltip/tooltip.cjs.min.js +1 -1
- package/tooltip/tooltip.esm.js +7 -2
- package/tooltip/tooltip.esm.min.js +1 -1
- package/tooltip/tooltip.js +7 -2
- package/tooltip/tooltip.min.js +1 -1
- package/tree/tree.cjs.js +37 -38
- package/tree/tree.cjs.min.js +1 -1
- package/tree/tree.d.ts +11 -1
- package/tree/tree.esm.js +38 -39
- package/tree/tree.esm.min.js +1 -1
- package/tree/tree.js +38 -39
- package/tree/tree.min.js +1 -1
- package/treeselect/treeselect.cjs.js +10 -6
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.d.ts +6 -1
- package/treeselect/treeselect.esm.js +11 -7
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +10 -6
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +223 -223
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +224 -224
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +224 -224
- package/treetable/treetable.min.js +1 -1
- package/utils/utils.cjs.js +54 -8
- package/utils/utils.cjs.min.js +1 -1
- package/utils/utils.esm.js +33 -7
- package/utils/utils.esm.min.js +1 -1
- package/utils/utils.js +54 -10
- package/utils/utils.min.js +1 -1
- package/virtualscroller/virtualscroller.cjs.js +2 -2
- package/virtualscroller/virtualscroller.cjs.min.js +1 -1
- package/virtualscroller/virtualscroller.esm.js +2 -2
- package/virtualscroller/virtualscroller.esm.min.js +1 -1
- package/virtualscroller/virtualscroller.js +2 -2
- package/virtualscroller/virtualscroller.min.js +1 -1
- package/web-types.json +996 -51
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function M(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||M(e,n)||D()}var C=r.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var _=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(_,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),M=h(t),D=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),_=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),H=g.getJSXIcon(l,L({},_),{props:n.menuProps}),R=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",R,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,H,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:M,disabled:D}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":D,"aria-expanded":T?M:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":M,"data-p-disabled":D,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:M,focused:K,disabled:D}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},M=n.model?n.model.map((function(e,n){return!1===e.visible?null:d(e,"separator")?N(n):K(e,n)})):null,D=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(D,{subProps:n}),style:l(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(D,{hostName:n.hostName}));return e.createElement("ul",T,M)})));function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}_.displayName="TieredMenuSub";var B=e.memo(e.forwardRef((function(r,g){var I=u(),E=e.useContext(t),O=C.getProps(r,E),w=T(e.useState(O.id),2),S=w[0],P=w[1],N=T(e.useState(!O.popup),2),j=N[0],K=N[1],M=T(e.useState([]),2),D=M[0],A=M[1],L=T(e.useState(!1),2),H=L[0],B=L[1],W=T(e.useState(null),2),F=W[0],Z=W[1],V=T(e.useState({index:-1,level:0,parentKey:""}),2),z=V[0],U=V[1],J=T(e.useState(!1),2),X=J[0],Y=J[1],$=T(e.useState([]),2),q=$[0],G=$[1],Q=T(e.useState([]),2),ee=Q[0],ne=Q[1],te=T(e.useState(!1),2),re=te[0],ie=te[1],oe=T(e.useState(null),2),ue=oe[0],ae=oe[1],ce=R(R({props:O},O.__parentMetadata),{},{state:{id:S,visible:j,attributeSelector:ue}}),le=C.setMetaData(ce),se=le.ptm,pe=le.cx,me=le.sx;i(C.css.styles,le.isUnstyled,{name:"tieredmenu"});var fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=e.useRef(null),he=e.useRef(null),xe=c("screen and (max-width: ".concat(O.breakpoint,")"),!!O.breakpoint),Ie=T(l({type:"click",listener:function(e){var n=fe.current&&!fe.current.contains(e.target),t=!O.popup||!(be.current&&(be.current===e.target||be.current.contains(e.target)));n&&t&&Ke(e,!O.popup)}}),2),Ee=Ie[0],ke=Ie[1],Oe=T(s({listener:function(){!xe&&Ke(event,!0)}}),2),we=Oe[0],Se=Oe[1],Pe=function(e){O.popup&&f.emit("overlay-click",{originalEvent:e,target:be.current})},Ne=function(e){O.popup&&(j?Ke(e):je(e))},je=function(e){O.popup&&(be.current=e.currentTarget,K(!0),O.onShow&&O.onShow(e),ve.current=e.relatedTarget||null),U({index:cn(),level:0,parentKey:""})},Ke=function(e,n){O.popup&&(K(!1),O.onHide&&O.onHide(e));var t=Je();A([]),U({index:-1,level:0,parentKey:""}),n&&v.focus(ve.current||be.current||t),Y(!1)},Me=function(e){B(!0),U(-1!==z.index?z:{index:cn(),level:0,parentKey:""}),O.onFocus&&O.onFocus(e)},De=function(e){B(!1),U({index:-1,level:0,parentKey:""}),ge.current="",Y(!1),O.onBlur&&O.onBlur(e)},Te=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_e(e);break;case"ArrowUp":He(e);break;case"ArrowLeft":Re(e);break;case"ArrowRight":Be(e);break;case"Home":We(e);break;case"End":Fe(e);break;case"Space":Ve(e);break;case"Enter":case"NumpadEnter":Ze(e);break;case"Escape":O.popup&&v.focus(be.current),ze(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&sn(e.key)}},Ce=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),U({index:r,level:o,parentKey:u}),A(c),a&&Y(!0),t&&v.focus(Je())}},Ae=function(e){var n=e.originalEvent,t=e.processedItem;if(!Ye(t)&&!O.isMobileMode){var r=qe(t),i=y.isEmpty(t.parent),o=nn(t),u=Je();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;A(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),U({index:a,level:l,parentKey:s}),r||Y(!i),setTimeout((function(){v.focus(u),r&&Y(!0)}),0)}else if(r)v.focus(u),Ce(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ke(n,!0),U({index:m,parentKey:p?p.parentKey:""})}}},Le=function(e){var n=e.originalEvent;Ye(e.processedItem)||O.isMobileMode?n.preventDefault():X&&!O.popup&&Ce(e)},_e=function(e){var n=-1!==z.index?on(z.index):cn();pn(n),e.preventDefault()},He=function(e){if(e.altKey){if(O.popup&&v.focus(be.current),-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}O.popup&&Ke(e,!0),e.preventDefault()}else{var t=-1!==z.index?un(z.index):ln();pn(t),e.preventDefault()}},Re=function(e){var n=ee[z.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(U({index:-1,parentKey:t?t.parentKey:""}),ge.current="",setTimeout((function(){return ie(!0)}),0)),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),e.preventDefault()},Be=function(e){var n=ee[z.index];qe(n)&&(Ce({originalEvent:e,processedItem:n}),U({index:-1,parentKey:n.key}),ge.current="",setTimeout((function(){return ie(!0)}),0)),e.preventDefault()},We=function(e){pn(tn()),e.preventDefault()},Fe=function(e){pn(rn()),e.preventDefault()},Ze=function(e){if(-1!==z.index){var n=v.findSingle(Je(),'li[id="'.concat("".concat(F),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');O.popup&&v.focus(be.current),t?t.click():n&&n.click()}e.preventDefault()},Ve=function(e){Ze(e)},ze=function(e){Ke(e,!0),!O.popup&&U(R(R({},z),{},{index:cn()})),e.preventDefault()},Ue=function(e){if(-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}Ke(e)},Je=function(){return de.current.getElement()||null},Xe=function(e,n){return e?y.getItemValue(e[n]):void 0},Ye=function(e){return Xe(e,"disabled")},$e=function(e){return e?Xe(e.item,"label"):void 0},qe=function(e){return e&&y.isNotEmpty(e.items)},Ge=function(e){return Qe(e)&&$e(e).toLocaleLowerCase().startsWith(ge.current.toLocaleLowerCase())},Qe=function(e){return!!e&&!Ye(e.item)&&!Xe(e.item,"separator")},en=function(e){return Qe(e)&&nn(e)},nn=function(e){return D.some((function(n){return n.key===e.key}))},tn=function(){return ee.findIndex((function(e){return Qe(e)}))},rn=function(){return y.findLastIndex(ee,(function(e){return Qe(e)}))},on=function(e){var n=e<ee.length-1?ee.slice(e+1).findIndex((function(e){return Qe(e)})):-1;return n>-1?n+e+1:e},un=function(e){var n=e>0?y.findLastIndex(ee.slice(0,e),(function(e){return Qe(e)})):-1;return n>-1?n:e},an=function(){return ee.findIndex((function(e){return en(e)}))},cn=function(){var e=an();return e<0?tn():e},ln=function(){var e=an();return e<0?rn():e},sn=function(e){ge.current=(ge.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==z.index?-1===(n=ee.slice(z.index).findIndex((function(e){return Ge(e)})))?ee.slice(0,z.index).findIndex((function(e){return Ge(e)})):n+z.index:ee.findIndex((function(e){return Ge(e)})))&&(t=!0),-1===n&&-1===z.index&&(n=cn()),-1!==n&&pn(n),he.current&&clearTimeout(he),he.current=setTimeout((function(){ge.current="",he.current=null}),500),t},pn=function(e){z.index!==e&&(U(R(R({},z),{},{index:e})),mn())},mn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):F,t=v.findSingle(Je(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},fn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=fn(e.items,n+1,a,u),i.push(a)})),i}),[]),dn=function(){if(!ye.current){ye.current=v.createInlineStyle(E&&E.nonce||n.nonce,E&&E.styleContainer);var e="".concat(ue),t="\n@media screen and (max-width: ".concat(O.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(O.scrollHeight,";\n overflow: ").concat(O.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(O.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ye.current.innerHTML=t}},bn=function(){ye.current=v.removeInlineStyle(ye.current)},vn=function(){var e;O.autoZIndex&&x.set("menu",fe.current,E&&E.autoZIndex||n.autoZIndex,O.baseZIndex||E&&E.zIndex.menu||n.zIndex.menu),v.addStyles(fe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(be.current)>v.getOuterWidth(fe.current),v.alignOverlay(fe.current,be.current,O.appendTo,e),v.focus(de.current.getElement()),mn(),ue&&O.breakpoint&&(fe.current.setAttribute(ue,""),dn())},yn=function(){Ee(),we()},gn=function(){be.current=null,ke(),Se()},hn=function(){x.clear(fe.current),bn()};p((function(){var e=h();!S&&P(e),O.breakpoint&&!ue&&ae(e)})),e.useEffect((function(){var e=fn(O.model||[]);G(e)}),[O.model,fn]),a((function(){var e=D.find((function(e){return e.key===z.parentKey}));ne(e?e.items:q)}),[D,z,q]),a((function(){var e=-1!==z.index?"".concat(S).concat(y.isNotEmpty(z.parentKey)?"_"+z.parentKey:"","_").concat(z.index):null;Z(e)}),[z]),a((function(){O.popup||(y.isNotEmpty(D)?(Ee(),we()):(ke(),Se()))}),[D]),a((function(){if(re){var e=-1!==z.index?on(z.index):cn();pn(e),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),ie(!1)}}),[re]),a((function(){return ue&&fe.current&&(fe.current.setAttribute(ue,""),dn()),function(){bn()}}),[ue,O.breakpoint]),m((function(){x.clear(fe.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:Ne,show:je,hide:Ke,getElement:function(){return fe.current}}}));var xn,In,En=(xn=I({ref:fe,id:O.id,className:b(O.className,pe("root")),style:O.style,onClick:Pe},C.getOtherProps(O),se("root")),In=I({classNames:pe("transition"),in:j,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:vn,onEntered:yn,onExit:gn,onExited:hn},se("transition")),e.createElement(o,k({nodeRef:fe},In),e.createElement("div",xn,e.createElement(_,{id:S+"_list",ref:de,hostName:"TieredMenu",menuProps:O,tabIndex:0,model:q,ariaLabel:O.ariaLabel,ariaLabelledBy:O.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:H?F:void 0,menuId:S,level:0,focusedItemId:F,activeItemPath:D,onFocus:Me,onBlur:De,onKeyDown:Te,onItemClick:Ae,onItemMouseEnter:Le,root:!0,popup:O.popup,onHide:Ke,isMobileMode:xe,submenuIcon:O.submenuIcon,ptm:se,cx:pe,sx:me}))));return O.popup?e.createElement(d,{element:En,appendTo:O.appendTo}):En})));B.displayName="TieredMenu";export{B as TieredMenu};
|
|
1
|
+
import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as u,useUpdateEffect as a,useMatchMedia as c,useEventListener as l,useResizeListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as f}from"primereact/overlayservice";import{Portal as d}from"primereact/portal";import{classNames as b,DomHandler as v,ObjectUtils as y,IconUtils as g,UniqueComponentId as h,ZIndexUtils as x}from"primereact/utils";import{AngleRightIcon as I}from"primereact/icons/angleright";import{Ripple as E}from"primereact/ripple";function k(){return k=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},k.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function N(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function M(e,n){if(e){if("string"==typeof e)return K(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function T(e,n){return N(e)||j(e,n)||M(e,n)||D()}var C=r.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var t=e.context;return b("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},separator:"p-menuitem-separator",icon:function(e){return b("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return b("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function A(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?A(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var _=e.memo(e.forwardRef((function(n,t){var r=e.useRef(null),i=u(),o=n.ptm,c=n.cx,l=n.sx,s=function(e,t){return o(t,{hostName:n.hostName,context:{active:h(e)}})},p=function(){if(r.current){var e=r.current.parentElement,n=v.getOffset(e),t=v.getViewport(),i=r.current.offsetParent?r.current.offsetWidth:v.getHiddenElementOuterWidth(r.current),o=v.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+r.current.offsetHeight-v.getWindowScrollTop();r.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+i>t.width-v.calculateScrollbarWidth()&&v.addClass(r.current,"p-submenu-list-flipped")}},m=function(e,t){var r=t.item;k(t)?e.preventDefault():(r.command&&r.command({originalEvent:e,item:r}),n.onItemClick&&n.onItemClick({originalEvent:e,processedItem:t}),r.url||(e.preventDefault(),e.stopPropagation()))},f=function(e){return"".concat(n.menuId,"_").concat(e.key)},d=function(e,n,t){return e&&e.item?y.getItemValue(e.item[n],t):void 0},h=function(e){return n.activeItemPath.some((function(n){return n.key===e.key}))},x=function(e){return!1!==d(e,"visible")},k=function(e){return d(e,"disabled")},O=function(e){return n.focusedItemId===f(e)},w=function(e){return y.isNotEmpty(e.items)},S=function(e,t){n.onItemMouseEnter&&n.onItemMouseEnter({originalEvent:e,processedItem:t})},P=function(e){return e-n.model.slice(0,e).filter((function(e){return x(e)&&d(e,"separator")})).length+1};a((function(){n.root||!n.parentActive||n.isMobileMode||p()}),[n.parentActive]),e.useImperativeHandle(t,(function(){return{getElement:function(){return r.current}}}));var N=function(t){var r=i({key:"separator_"+t,className:c("separator"),role:"separator"},o("separator",{hostName:n.hostName}));return e.createElement("li",r)},j=function(t,r){return w(t)?e.createElement(_,{id:n.id+"_"+r,menuProps:n.menuProps,model:t.items,menuId:n.menuId,ariaLabelledby:f(t),focusedItemId:n.focusedItemId,activeItemPath:n.activeItemPath,level:n.level+1,onItemClick:n.onItemClick,popup:n.popup,onItemMouseEnter:n.onItemMouseEnter,parentActive:h(t),isMobileMode:n.isMobileMode,submenuIcon:n.submenuIcon,ptm:n.ptm,cx:c,sx:l}):null},K=function(t,r){if(!1===x(t))return null;var o=t.item,u=d(t,"style"),a=d(t,"className"),l=d(t,"icon"),p=d(t,"target"),v=d(t,"url"),N=f(t),K=O(t),M=h(t),D=k(t),T=w(t),C=b("p-menuitem-link"),A=b("p-menuitem-icon",l),_=i({className:b(o.icon,"p-menuitem-icon","icon")},s(t,"icon")),H=g.getJSXIcon(l,L({},_),{props:n.menuProps}),R=i({className:c("label")},s(t,"label")),B=o.label&&e.createElement("span",R,o.label),W=i({className:c("submenuIcon")},s(t,"submenuIcon")),F=T&&g.getJSXIcon(n.submenuIcon||e.createElement(I,W),L({},W),{props:n.menuProps}),Z=j(t,r),V=i({href:v||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:c("action"),target:p},s(t,"action")),z=e.createElement("a",V,H,B,F,e.createElement(E,null));o.template&&(z=y.getJSXElement(o.template,o,{className:C,labelClassName:"p-menuitem-text",iconClassName:A,submenuIconClassName:"p-submenu-icon",element:z,props:n,active:M,disabled:D}));var U=i({onClick:function(e){return m(e,t)},onMouseEnter:function(e){return S(e,t)},className:c("content")},s(t,"content")),J=i({key:N,id:N,"aria-label":o.label,"aria-disabled":D,"aria-expanded":T?M:void 0,"aria-haspopup":T&&!v?"menu":void 0,"aria-setsize":n.model.filter((function(e){return x(e)&&!d(e,"separator")})).length,"aria-posinset":P(r),"data-p-highlight":M,"data-p-disabled":D,"data-p-visited":K,className:c("menuitem",{itemClassName:a,active:M,focused:K,disabled:D}),style:u,onMouseEnter:function(e){return S(e,o)},role:"menuitem"},s(t,"menuitem"));return e.createElement("li",J,e.createElement("div",U,z),Z)},M=n.model?n.model.map((function(e,n){return!1===e.visible?null:d(e,"separator")?N(n):K(e,n)})):null,D=n.root?"menu":"submenu",T=i({ref:r,id:n.id,tabIndex:n.tabIndex,onFocus:n.onFocus,onBlur:n.onBlur,onKeyDown:n.onKeyDown,className:c(D,{subProps:n}),style:l(D,{subProps:n}),role:n.root?"menubar":"menu","aria-label":n.ariaLabel,"aria-labelledby":n.ariaLabelledby,"aria-orientation":n.ariaOrientation,"aria-activedescendant":n.focusedItemId},o(D,{hostName:n.hostName}));return e.createElement("ul",T,M)})));function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function R(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}_.displayName="TieredMenuSub";var B=e.memo(e.forwardRef((function(r,g){var I=u(),E=e.useContext(t),O=C.getProps(r,E),w=T(e.useState(O.id),2),S=w[0],P=w[1],N=T(e.useState(!O.popup),2),j=N[0],K=N[1],M=T(e.useState([]),2),D=M[0],A=M[1],L=T(e.useState(!1),2),H=L[0],B=L[1],W=T(e.useState(null),2),F=W[0],Z=W[1],V=T(e.useState({index:-1,level:0,parentKey:""}),2),z=V[0],U=V[1],J=T(e.useState(!1),2),X=J[0],Y=J[1],$=T(e.useState([]),2),q=$[0],G=$[1],Q=T(e.useState([]),2),ee=Q[0],ne=Q[1],te=T(e.useState(!1),2),re=te[0],ie=te[1],oe=T(e.useState(null),2),ue=oe[0],ae=oe[1],ce=R(R({props:O},O.__parentMetadata),{},{state:{id:S,visible:j,attributeSelector:ue}}),le=C.setMetaData(ce),se=le.ptm,pe=le.cx,me=le.sx;i(C.css.styles,le.isUnstyled,{name:"tieredmenu"});var fe=e.useRef(null),de=e.useRef(null),be=e.useRef(null),ve=e.useRef(null),ye=e.useRef(null),ge=e.useRef(null),he=e.useRef(null),xe=c("screen and (max-width: ".concat(O.breakpoint,")"),!!O.breakpoint),Ie=T(l({type:"click",listener:function(e){var n=fe.current&&!fe.current.contains(e.target),t=!O.popup||!(be.current&&(be.current===e.target||be.current.contains(e.target)));n&&t&&Ke(e,!O.popup)}}),2),Ee=Ie[0],ke=Ie[1],Oe=T(s({listener:function(){!xe&&Ke(event,!0)}}),2),we=Oe[0],Se=Oe[1],Pe=function(e){O.popup&&f.emit("overlay-click",{originalEvent:e,target:be.current})},Ne=function(e){O.popup&&(j?Ke(e):je(e))},je=function(e){O.popup&&(be.current=e.currentTarget,K(!0),O.onShow&&O.onShow(e),ve.current=e.relatedTarget||null),U({index:cn(),level:0,parentKey:""})},Ke=function(e,n){O.popup&&(K(!1),O.onHide&&O.onHide(e));var t=Je();A([]),U({index:-1,level:0,parentKey:""}),n&&v.focus(ve.current||be.current||t),Y(!1)},Me=function(e){B(!0),U(-1!==z.index?z:{index:cn(),level:0,parentKey:""}),O.onFocus&&O.onFocus(e)},De=function(e){B(!1),U({index:-1,level:0,parentKey:""}),ge.current="",Y(!1),O.onBlur&&O.onBlur(e)},Te=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":_e(e);break;case"ArrowUp":He(e);break;case"ArrowLeft":Re(e);break;case"ArrowRight":Be(e);break;case"Home":We(e);break;case"End":Fe(e);break;case"Space":Ve(e);break;case"Enter":case"NumpadEnter":Ze(e);break;case"Escape":O.popup&&v.focus(be.current),ze(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&y.isPrintableCharacter(e.key)&&sn(e.key)}},Ce=function(e){var n=e.processedItem,t=e.isFocus;if(!y.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,a=y.isNotEmpty(n.items),c=D.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));a&&c.push(n),U({index:r,level:o,parentKey:u}),A(c),a&&Y(!0),t&&v.focus(Je())}},Ae=function(e){var n=e.originalEvent,t=e.processedItem;if(!Ye(t)&&!O.isMobileMode){var r=qe(t),i=y.isEmpty(t.parent),o=nn(t),u=Je();if(o){var a=t.index,c=t.key,l=t.level,s=t.parentKey;A(D.filter((function(e){return c!==e.key&&c.startsWith(e.key)}))),U({index:a,level:l,parentKey:s}),r||Y(!i),setTimeout((function(){v.focus(u),r&&Y(!0)}),0)}else if(r)v.focus(u),Ce(e);else{var p=i?t:D.find((function(e){return""===e.parentKey})),m=p?p.index:-1;Ke(n,!0),U({index:m,parentKey:p?p.parentKey:""})}}},Le=function(e){var n=e.originalEvent;Ye(e.processedItem)||O.isMobileMode?n.preventDefault():X&&!O.popup&&Ce(e)},_e=function(e){var n=-1!==z.index?on(z.index):cn();pn(n),e.preventDefault()},He=function(e){if(e.altKey){if(O.popup&&v.focus(be.current),-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}O.popup&&Ke(e,!0),e.preventDefault()}else{var t=-1!==z.index?un(z.index):ln();pn(t),e.preventDefault()}},Re=function(e){var n=ee[z.index],t=D.find((function(e){return e.key===n.parentKey}));y.isEmpty(n.parent)||(U({index:-1,parentKey:t?t.parentKey:""}),ge.current="",setTimeout((function(){return ie(!0)}),0)),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),e.preventDefault()},Be=function(e){var n=ee[z.index];qe(n)&&(Ce({originalEvent:e,processedItem:n}),U({index:-1,parentKey:n.key}),ge.current="",setTimeout((function(){return ie(!0)}),0)),e.preventDefault()},We=function(e){pn(tn()),e.preventDefault()},Fe=function(e){pn(rn()),e.preventDefault()},Ze=function(e){if(-1!==z.index){var n=v.findSingle(Je(),'li[id="'.concat("".concat(F),'"]')),t=n&&v.findSingle(n,'[data-pc-section="action"]');O.popup&&v.focus(be.current),t?t.click():n&&n.click()}e.preventDefault()},Ve=function(e){Ze(e)},ze=function(e){Ke(e,!0),!O.popup&&U(R(R({},z),{},{index:cn()})),e.preventDefault()},Ue=function(e){if(-1!==z.index){var n=ee[z.index];!qe(n)&&Ce({originalEvent:e,processedItem:n})}Ke(e)},Je=function(){return de.current.getElement()||null},Xe=function(e,n){return e?y.getItemValue(e[n]):void 0},Ye=function(e){return Xe(e,"disabled")},$e=function(e){return e?Xe(e.item,"label"):void 0},qe=function(e){return e&&y.isNotEmpty(e.items)},Ge=function(e){return Qe(e)&&$e(e).toLocaleLowerCase().startsWith(ge.current.toLocaleLowerCase())},Qe=function(e){return!!e&&!Ye(e.item)&&!Xe(e.item,"separator")},en=function(e){return Qe(e)&&nn(e)},nn=function(e){return D.some((function(n){return n.key===e.key}))},tn=function(){return ee.findIndex((function(e){return Qe(e)}))},rn=function(){return y.findLastIndex(ee,(function(e){return Qe(e)}))},on=function(e){var n=e<ee.length-1?ee.slice(e+1).findIndex((function(e){return Qe(e)})):-1;return n>-1?n+e+1:e},un=function(e){var n=e>0?y.findLastIndex(ee.slice(0,e),(function(e){return Qe(e)})):-1;return n>-1?n:e},an=function(){return ee.findIndex((function(e){return en(e)}))},cn=function(){var e=an();return e<0?tn():e},ln=function(){var e=an();return e<0?rn():e},sn=function(e){ge.current=(ge.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==z.index?-1===(n=ee.slice(z.index).findIndex((function(e){return Ge(e)})))?ee.slice(0,z.index).findIndex((function(e){return Ge(e)})):n+z.index:ee.findIndex((function(e){return Ge(e)})))&&(t=!0),-1===n&&-1===z.index&&(n=cn()),-1!==n&&pn(n),he.current&&clearTimeout(he),he.current=setTimeout((function(){ge.current="",he.current=null}),500),t},pn=function(e){z.index!==e&&(U(R(R({},z),{},{index:e})),mn())},mn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(S,"_").concat(e):F,t=v.findSingle(Je(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},fn=e.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var u=(""!==r?r+"_":"")+o,a={item:e,index:o,level:n,key:u,parent:t,parentKey:r};a.items=fn(e.items,n+1,a,u),i.push(a)})),i}),[]),dn=function(){if(!ye.current){ye.current=v.createInlineStyle(E&&E.nonce||n.nonce,E&&E.styleContainer);var e="".concat(ue),t="\n@media screen and (max-width: ".concat(O.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(O.scrollHeight,";\n overflow: ").concat(O.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(O.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ye.current.innerHTML=t}},bn=function(){ye.current=v.removeInlineStyle(ye.current)},vn=function(){var e;O.autoZIndex&&x.set("menu",fe.current,E&&E.autoZIndex||n.autoZIndex,O.baseZIndex||E&&E.zIndex.menu||n.zIndex.menu),v.addStyles(fe.current,{position:"absolute",top:"0",left:"0"}),e=v.getOuterWidth(be.current)>v.getOuterWidth(fe.current),v.alignOverlay(fe.current,be.current,O.appendTo,e),v.focus(de.current.getElement()),mn(),ue&&O.breakpoint&&(fe.current.setAttribute(ue,""),dn())},yn=function(){Ee(),we()},gn=function(){be.current=null,ke(),Se()},hn=function(){x.clear(fe.current),bn()};p((function(){var e=h();!S&&P(e),O.breakpoint&&!ue&&ae(e)})),e.useEffect((function(){var e=fn(O.model||[]);G(e)}),[O.model,fn]),a((function(){var e=D.find((function(e){return e.key===z.parentKey}));ne(e?e.items:q)}),[D,z,q]),a((function(){var e=-1!==z.index?"".concat(S).concat(y.isNotEmpty(z.parentKey)?"_"+z.parentKey:"","_").concat(z.index):null;Z(e)}),[z]),a((function(){O.popup||(y.isNotEmpty(D)?(Ee(),we()):(ke(),Se()))}),[D]),a((function(){if(re){var e=-1!==z.index?on(z.index):cn();pn(e),A(D.filter((function(e){return e.parentKey!==z.parentKey}))),ie(!1)}}),[re]),a((function(){return ue&&fe.current&&(fe.current.setAttribute(ue,""),dn()),function(){bn()}}),[ue,O.breakpoint]),m((function(){x.clear(fe.current)})),e.useImperativeHandle(g,(function(){return{props:O,toggle:Ne,show:je,hide:Ke,getElement:function(){return fe.current}}}));var xn,In,En=(xn=I({ref:fe,id:O.id,className:b(O.className,pe("root")),style:O.style,onClick:Pe},C.getOtherProps(O),se("root")),In=I({classNames:pe("transition"),in:j,timeout:{enter:120,exit:100},options:O.transitionOptions,unmountOnExit:!0,onEnter:vn,onEntered:yn,onExit:gn,onExited:hn},se("transition")),e.createElement(o,k({nodeRef:fe},In),e.createElement("div",xn,e.createElement(_,{id:S+"_list",ref:de,hostName:"TieredMenu",menuProps:O,tabIndex:0,model:q,ariaLabel:O.ariaLabel,ariaLabelledBy:O.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:H?F:void 0,menuId:S,level:0,focusedItemId:F,activeItemPath:D,onFocus:Me,onBlur:De,onKeyDown:Te,onItemClick:Ae,onItemMouseEnter:Le,root:!0,popup:O.popup,onHide:Ke,isMobileMode:xe,submenuIcon:O.submenuIcon,ptm:se,cx:pe,sx:me}))));return O.popup?e.createElement(d,{element:En,appendTo:O.appendTo}):En})));B.displayName="TieredMenu";export{B as TieredMenu};
|
package/tieredmenu/tieredmenu.js
CHANGED
|
@@ -386,7 +386,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
|
|
|
386
386
|
var submenu = createSubmenu(processedItem, index);
|
|
387
387
|
var actionProps = mergeProps({
|
|
388
388
|
href: url || '#',
|
|
389
|
-
'aria-hidden': true,
|
|
390
389
|
tabIndex: '-1',
|
|
391
390
|
onFocus: function onFocus(event) {
|
|
392
391
|
return event.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,a,u,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===f.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,a=e.cx,u=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=a>r.height?r.height-a+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:a("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:u}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),u=v(n,"className"),m=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),D=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",m),C=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(m,w({},C),{props:e.menuProps}),_=r({className:a("label")},p(n,"label")),A=i.label&&d.createElement("span",_,i.label),L=r({className:a("submenuIcon")},p(n,"submenuIcon")),R=M&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,L),w({},L),{props:e.menuProps}),B=j(n,t),W=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:a("action"),target:k},p(n,"action")),Z=d.createElement("a",W,T,A,R,d.createElement(s.Ripple,null));i.template&&(Z=c.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:N,disabled:H}));var F=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:a("content")},p(n,"content")),z=r({key:D,id:D,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:a("menuitem",{itemClassName:u,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",z,d.createElement("div",F,Z),B)},D=e.model?e.model.map((function(e,n){return!1===e.visible?null:v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:a(N,{subProps:e}),style:u(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],_=j(d.useState(!1),2),A=_[0],L=_[1],R=j(d.useState([]),2),B=R[0],W=R[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=H(H({props:p},p.__parentMetadata),{},{state:{id:v,visible:h,attributeSelector:Y}}),Q=S.setMetaData(G),ee=Q.ptm,ne=Q.cx,te=Q.sx;r.useHandleStyle(S.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ae=d.useRef(null),ue=d.useRef(null),ce=d.useRef(null),le=d.useRef(null),se=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=j(o.useEventListener({type:"click",listener:function(e){var n=re.current&&!re.current.contains(e.target),t=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));n&&t&&xe(e,!p.popup)}}),2),me=pe[0],de=pe[1],fe=j(o.useResizeListener({listener:function(){!se&&xe(event,!0)}}),2),be=fe[0],ve=fe[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ge=function(e){p.popup&&(h?xe(e):he(e))},he=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ae.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},xe=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=_e();E([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(ae.current||oe.current||t),L(!1)},Ie=function(e){w(!0),T(-1!==C.index?C:{index:$e(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){w(!1),T({index:-1,level:0,parentKey:""}),ce.current="",L(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":Ne(e);break;case"Home":He(e);break;case"End":Me(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Ke(e);break;case"Escape":p.popup&&c.DomHandler.focus(oe.current),Ce(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},ke=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&l.push(n),T({index:r,level:o,parentKey:a}),E(l),u&&L(!0),t&&c.DomHandler.focus(_e())}},je=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=Be(t),i=c.ObjectUtils.isEmpty(t.parent),o=ze(t),a=_e();if(o){var u=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:u,level:s,parentKey:m}),r||L(!i),setTimeout((function(){c.DomHandler.focus(a),r&&L(!0)}),0)}else if(r)c.DomHandler.focus(a),ke(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;xe(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},Se=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():A&&!p.popup&&ke(e)},De=function(e){var n=-1!==C.index?Xe(C.index):$e();en(n),e.preventDefault()},we=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(oe.current),-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}p.popup&&xe(e,!0),e.preventDefault()}else{var t=-1!==C.index?qe(C.index):Ge();en(t),e.preventDefault()}},Pe=function(e){var n=F[C.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ce.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Ne=function(e){var n=F[C.index];Be(n)&&(ke({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ce.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},He=function(e){en(Ve()),e.preventDefault()},Me=function(e){en(Je()),e.preventDefault()},Ke=function(e){if(-1!==C.index){var n=c.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(oe.current),t?t.click():n&&n.click()}e.preventDefault()},Ue=function(e){Ke(e)},Ce=function(e){xe(e,!0),!p.popup&&T(H(H({},C),{},{index:$e()})),e.preventDefault()},Te=function(e){if(-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}xe(e)},_e=function(){return ie.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},Be=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Ze(e)&&Re(e).toLocaleLowerCase().startsWith(ce.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Fe=function(e){return Ze(e)&&ze(e)},ze=function(e){return O.some((function(n){return n.key===e.key}))},Ve=function(){return F.findIndex((function(e){return Ze(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return Ze(e)}))},Xe=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return n>-1?n+e+1:e},qe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Ze(e)})):-1;return n>-1?n:e},Ye=function(){return F.findIndex((function(e){return Fe(e)}))},$e=function(){var e=Ye();return e<0?Ve():e},Ge=function(){var e=Ye();return e<0?Je():e},Qe=function(e){ce.current=(ce.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=F.slice(C.index).findIndex((function(e){return We(e)})))?F.slice(0,C.index).findIndex((function(e){return We(e)})):n+C.index:F.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=$e()),-1!==n&&en(n),le.current&&clearTimeout(le),le.current=setTimeout((function(){ce.current="",le.current=null}),500),t},en=function(e){C.index!==e&&(T(H(H({},C),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(_e(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=d.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=tn(e.items,n+1,u,a),i.push(u)})),i}),[]),rn=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},on=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},an=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(oe.current)>c.DomHandler.getOuterWidth(re.current),c.DomHandler.alignOverlay(re.current,oe.current,p.appendTo,e),c.DomHandler.focus(ie.current.getElement()),nn(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rn())},un=function(){me(),be()},cn=function(){oe.current=null,de(),ve()},ln=function(){c.ZIndexUtils.clear(re.current),on()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),d.useEffect((function(){var e=tn(p.model||[]);W(e)}),[p.model,tn]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));z(e?e.items:B)}),[O,C,B]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(me(),be()):(de(),ve()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==C.index?Xe(C.index):$e();en(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rn()),function(){on()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(re.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ge,show:he,hide:xe,getElement:function(){return re.current}}}));var sn,pn,mn=(sn=l({ref:re,id:p.id,className:c.classNames(p.className,ne("root")),style:p.style,onClick:ye},S.getOtherProps(p),ee("root")),pn=l({classNames:ne("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:an,onEntered:un,onExit:cn,onExited:ln},ee("transition")),d.createElement(i.CSSTransition,b({nodeRef:re},pn),d.createElement("div",sn,d.createElement(P,{id:v+"_list",ref:ie,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:B,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:je,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:xe,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:ne,sx:te}))));return p.popup?d.createElement(u.Portal,{element:mn,appendTo:p.appendTo}):mn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,i,o,a,u,c,l,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=m(n),f=p(t);function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},b.apply(this,arguments)}function v(e){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},v(e)}function y(e,n){if("object"!==v(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==v(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function g(e){var n=y(e,"string");return"symbol"===v(n)?n:String(n)}function h(e,n,t){return(n=g(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e){if(Array.isArray(e))return e}function I(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,a,u=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(a=t.return(),Object(a)!==a))return}finally{if(l)throw i}}return u}}function O(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function E(e,n){if(e){if("string"==typeof e)return O(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?O(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,n){return x(e)||I(e,n)||E(e,n)||k()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",__parentMetadata:null,id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===f.default.ripple})},separator:"p-menuitem-separator",icon:function(e){return c.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return c.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e.itemClassName)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-tieredmenu-overlay {\n position: absolute;\n }\n\n .p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n }\n\n .p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-text {\n line-height: 1;\n }\n\n .p-tieredmenu .p-menuitem {\n position: relative;\n }\n\n .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n }\n\n .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function D(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.memo(d.forwardRef((function(e,n){var t=d.useRef(null),r=o.useMergeProps(),i=e.ptm,a=e.cx,u=e.sx,p=function(n,t){return i(t,{hostName:e.hostName,context:{active:y(n)}})},m=function(){if(t.current){var e=t.current.parentElement,n=c.DomHandler.getOffset(e),r=c.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:c.DomHandler.getHiddenElementOuterWidth(t.current),o=c.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+t.current.offsetHeight-c.DomHandler.getWindowScrollTop();t.current.style.top=a>r.height?r.height-a+"px":"0px",parseInt(n.left,10)+o+i>r.width-c.DomHandler.calculateScrollbarWidth()&&c.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}),r.url||(n.preventDefault(),n.stopPropagation()))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?c.ObjectUtils.getItemValue(e.item[n],t):void 0},y=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},g=function(e){return!1!==v(e,"visible")},h=function(e){return v(e,"disabled")},x=function(n){return e.focusedItemId===b(n)},I=function(e){return c.ObjectUtils.isNotEmpty(e.items)},O=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},E=function(n){return n-e.model.slice(0,n).filter((function(e){return g(e)&&v(e,"separator")})).length+1};o.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),d.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:a("separator"),role:"separator"},i("separator",{hostName:e.hostName}));return d.createElement("li",t)},j=function(n,t){return I(n)?d.createElement(P,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:b(n),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:y(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:a,sx:u}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),u=v(n,"className"),m=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),D=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=c.classNames("p-menuitem-link"),U=c.classNames("p-menuitem-icon",m),C=r({className:c.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=c.IconUtils.getJSXIcon(m,w({},C),{props:e.menuProps}),_=r({className:a("label")},p(n,"label")),A=i.label&&d.createElement("span",_,i.label),L=r({className:a("submenuIcon")},p(n,"submenuIcon")),R=M&&c.IconUtils.getJSXIcon(e.submenuIcon||d.createElement(l.AngleRightIcon,L),w({},L),{props:e.menuProps}),B=j(n,t),W=r({href:S||"#",tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:a("action"),target:k},p(n,"action")),Z=d.createElement("a",W,T,A,R,d.createElement(s.Ripple,null));i.template&&(Z=c.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:Z,props:e,active:N,disabled:H}));var F=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:a("content")},p(n,"content")),z=r({key:D,id:D,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":N,"data-p-disabled":H,"data-p-visited":P,className:a("menuitem",{itemClassName:u,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return d.createElement("li",z,d.createElement("div",F,Z),B)},D=e.model?e.model.map((function(e,n){return!1===e.visible?null:v(e,"separator")?k(n):S(e,n)})):null,N=e.root?"menu":"submenu",H=r({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:a(N,{subProps:e}),style:u(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},i(N,{hostName:e.hostName}));return d.createElement("ul",H,D)})));function N(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?N(Object(t),!0).forEach((function(n){h(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):N(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}P.displayName="TieredMenuSub";var M=d.memo(d.forwardRef((function(e,n){var l=o.useMergeProps(),s=d.useContext(t.PrimeReactContext),p=S.getProps(e,s),m=j(d.useState(p.id),2),v=m[0],y=m[1],g=j(d.useState(!p.popup),2),h=g[0],x=g[1],I=j(d.useState([]),2),O=I[0],E=I[1],k=j(d.useState(!1),2),D=k[0],w=k[1],N=j(d.useState(null),2),M=N[0],K=N[1],U=j(d.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],_=j(d.useState(!1),2),A=_[0],L=_[1],R=j(d.useState([]),2),B=R[0],W=R[1],Z=j(d.useState([]),2),F=Z[0],z=Z[1],V=j(d.useState(!1),2),J=V[0],X=V[1],q=j(d.useState(null),2),Y=q[0],$=q[1],G=H(H({props:p},p.__parentMetadata),{},{state:{id:v,visible:h,attributeSelector:Y}}),Q=S.setMetaData(G),ee=Q.ptm,ne=Q.cx,te=Q.sx;r.useHandleStyle(S.css.styles,Q.isUnstyled,{name:"tieredmenu"});var re=d.useRef(null),ie=d.useRef(null),oe=d.useRef(null),ae=d.useRef(null),ue=d.useRef(null),ce=d.useRef(null),le=d.useRef(null),se=o.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),pe=j(o.useEventListener({type:"click",listener:function(e){var n=re.current&&!re.current.contains(e.target),t=!p.popup||!(oe.current&&(oe.current===e.target||oe.current.contains(e.target)));n&&t&&xe(e,!p.popup)}}),2),me=pe[0],de=pe[1],fe=j(o.useResizeListener({listener:function(){!se&&xe(event,!0)}}),2),be=fe[0],ve=fe[1],ye=function(e){p.popup&&a.OverlayService.emit("overlay-click",{originalEvent:e,target:oe.current})},ge=function(e){p.popup&&(h?xe(e):he(e))},he=function(e){p.popup&&(oe.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),ae.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},xe=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=_e();E([]),T({index:-1,level:0,parentKey:""}),n&&c.DomHandler.focus(ae.current||oe.current||t),L(!1)},Ie=function(e){w(!0),T(-1!==C.index?C:{index:$e(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Oe=function(e){w(!1),T({index:-1,level:0,parentKey:""}),ce.current="",L(!1),p.onBlur&&p.onBlur(e)},Ee=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":De(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":Pe(e);break;case"ArrowRight":Ne(e);break;case"Home":He(e);break;case"End":Me(e);break;case"Space":Ue(e);break;case"Enter":case"NumpadEnter":Ke(e);break;case"Escape":p.popup&&c.DomHandler.focus(oe.current),Ce(e);break;case"Tab":Te(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&c.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},ke=function(e){var n=e.processedItem,t=e.isFocus;if(!c.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,a=n.parentKey,u=c.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==a&&e.parentKey!==i}));u&&l.push(n),T({index:r,level:o,parentKey:a}),E(l),u&&L(!0),t&&c.DomHandler.focus(_e())}},je=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=Be(t),i=c.ObjectUtils.isEmpty(t.parent),o=ze(t),a=_e();if(o){var u=t.index,l=t.key,s=t.level,m=t.parentKey;E(O.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:u,level:s,parentKey:m}),r||L(!i),setTimeout((function(){c.DomHandler.focus(a),r&&L(!0)}),0)}else if(r)c.DomHandler.focus(a),ke(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;xe(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},Se=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():A&&!p.popup&&ke(e)},De=function(e){var n=-1!==C.index?Xe(C.index):$e();en(n),e.preventDefault()},we=function(e){if(e.altKey){if(p.popup&&c.DomHandler.focus(oe.current),-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}p.popup&&xe(e,!0),e.preventDefault()}else{var t=-1!==C.index?qe(C.index):Ge();en(t),e.preventDefault()}},Pe=function(e){var n=F[C.index],t=O.find((function(e){return e.key===n.parentKey}));c.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ce.current="",setTimeout((function(){return X(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Ne=function(e){var n=F[C.index];Be(n)&&(ke({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ce.current="",setTimeout((function(){return X(!0)}),0)),e.preventDefault()},He=function(e){en(Ve()),e.preventDefault()},Me=function(e){en(Je()),e.preventDefault()},Ke=function(e){if(-1!==C.index){var n=c.DomHandler.findSingle(_e(),'li[id="'.concat("".concat(M),'"]')),t=n&&c.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&c.DomHandler.focus(oe.current),t?t.click():n&&n.click()}e.preventDefault()},Ue=function(e){Ke(e)},Ce=function(e){xe(e,!0),!p.popup&&T(H(H({},C),{},{index:$e()})),e.preventDefault()},Te=function(e){if(-1!==C.index){var n=F[C.index];!Be(n)&&ke({originalEvent:e,processedItem:n})}xe(e)},_e=function(){return ie.current.getElement()||null},Ae=function(e,n){return e?c.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},Be=function(e){return e&&c.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Ze(e)&&Re(e).toLocaleLowerCase().startsWith(ce.current.toLocaleLowerCase())},Ze=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Fe=function(e){return Ze(e)&&ze(e)},ze=function(e){return O.some((function(n){return n.key===e.key}))},Ve=function(){return F.findIndex((function(e){return Ze(e)}))},Je=function(){return c.ObjectUtils.findLastIndex(F,(function(e){return Ze(e)}))},Xe=function(e){var n=e<F.length-1?F.slice(e+1).findIndex((function(e){return Ze(e)})):-1;return n>-1?n+e+1:e},qe=function(e){var n=e>0?c.ObjectUtils.findLastIndex(F.slice(0,e),(function(e){return Ze(e)})):-1;return n>-1?n:e},Ye=function(){return F.findIndex((function(e){return Fe(e)}))},$e=function(){var e=Ye();return e<0?Ve():e},Ge=function(){var e=Ye();return e<0?Je():e},Qe=function(e){ce.current=(ce.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=F.slice(C.index).findIndex((function(e){return We(e)})))?F.slice(0,C.index).findIndex((function(e){return We(e)})):n+C.index:F.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=$e()),-1!==n&&en(n),le.current&&clearTimeout(le),le.current=setTimeout((function(){ce.current="",le.current=null}),500),t},en=function(e){C.index!==e&&(T(H(H({},C),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=c.DomHandler.findSingle(_e(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=d.useCallback((function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",i=[];return e&&e.forEach((function(e,o){var a=(""!==r?r+"_":"")+o,u={item:e,index:o,level:n,key:a,parent:t,parentKey:r};u.items=tn(e.items,n+1,u,a),i.push(u)})),i}),[]),rn=function(){if(!ue.current){ue.current=c.DomHandler.createInlineStyle(s&&s.nonce||f.default.nonce,s&&s.styleContainer);var e="".concat(Y),n="\n@media screen and (max-width: ".concat(p.breakpoint,") {\n .p-tieredmenu[").concat(e,"] > ul {\n max-height: ").concat(p.scrollHeight,";\n overflow: ").concat(p.scrollHeight?"auto":"",";\n }\n\n .p-tieredmenu[").concat(e,"] .p-submenu-list {\n position: relative;\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n left: 0;\n box-shadow: none;\n border-radius: 0;\n padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n }\n\n .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n transform: rotate(-180deg);\n }\n\n .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n content: "\\e930";\n }\n\n ').concat(p.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");ue.current.innerHTML=n}},on=function(){ue.current=c.DomHandler.removeInlineStyle(ue.current)},an=function(){var e;p.autoZIndex&&c.ZIndexUtils.set("menu",re.current,s&&s.autoZIndex||f.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||f.default.zIndex.menu),c.DomHandler.addStyles(re.current,{position:"absolute",top:"0",left:"0"}),e=c.DomHandler.getOuterWidth(oe.current)>c.DomHandler.getOuterWidth(re.current),c.DomHandler.alignOverlay(re.current,oe.current,p.appendTo,e),c.DomHandler.focus(ie.current.getElement()),nn(),Y&&p.breakpoint&&(re.current.setAttribute(Y,""),rn())},un=function(){me(),be()},cn=function(){oe.current=null,de(),ve()},ln=function(){c.ZIndexUtils.clear(re.current),on()};o.useMountEffect((function(){var e=c.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),d.useEffect((function(){var e=tn(p.model||[]);W(e)}),[p.model,tn]),o.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));z(e?e.items:B)}),[O,C,B]),o.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(c.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),o.useUpdateEffect((function(){p.popup||(c.ObjectUtils.isNotEmpty(O)?(me(),be()):(de(),ve()))}),[O]),o.useUpdateEffect((function(){if(J){var e=-1!==C.index?Xe(C.index):$e();en(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),X(!1)}}),[J]),o.useUpdateEffect((function(){return Y&&re.current&&(re.current.setAttribute(Y,""),rn()),function(){on()}}),[Y,p.breakpoint]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(re.current)})),d.useImperativeHandle(n,(function(){return{props:p,toggle:ge,show:he,hide:xe,getElement:function(){return re.current}}}));var sn,pn,mn=(sn=l({ref:re,id:p.id,className:c.classNames(p.className,ne("root")),style:p.style,onClick:ye},S.getOtherProps(p),ee("root")),pn=l({classNames:ne("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:an,onEntered:un,onExit:cn,onExited:ln},ee("transition")),d.createElement(i.CSSTransition,b({nodeRef:re},pn),d.createElement("div",sn,d.createElement(P,{id:v+"_list",ref:ie,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:B,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:Ie,onBlur:Oe,onKeyDown:Ee,onItemClick:je,onItemMouseEnter:Se,root:!0,popup:p.popup,onHide:xe,isMobileMode:se,submenuIcon:p.submenuIcon,ptm:ee,cx:ne,sx:te}))));return p.popup?d.createElement(u.Portal,{element:mn,appendTo:p.appendTo}):mn})));return M.displayName="TieredMenu",e.TieredMenu=M,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.icons.angleright,primereact.ripple);
|
|
@@ -231,10 +231,10 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
|
|
|
231
231
|
var rootProps = mergeProps({
|
|
232
232
|
ref: elementRef,
|
|
233
233
|
id: props.id,
|
|
234
|
-
className:
|
|
234
|
+
className: cx('root', {
|
|
235
235
|
hasIcon: hasIcon,
|
|
236
236
|
hasLabel: hasLabel
|
|
237
|
-
})
|
|
237
|
+
}),
|
|
238
238
|
'data-p-highlight': props.checked,
|
|
239
239
|
'data-p-disabled': props.disabled
|
|
240
240
|
}, ToggleButtonBase.getOtherProps(props), ptm('root'));
|
|
@@ -257,10 +257,10 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namesp
|
|
|
257
257
|
checked: props.checked
|
|
258
258
|
}, ptm('input'));
|
|
259
259
|
var boxProps = mergeProps({
|
|
260
|
-
className: cx('box', {
|
|
260
|
+
className: utils.classNames(props.className, cx('box', {
|
|
261
261
|
hasIcon: hasIcon,
|
|
262
262
|
hasLabel: hasLabel
|
|
263
|
-
})
|
|
263
|
+
}))
|
|
264
264
|
}, ptm('box'));
|
|
265
265
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("input", inputProps), /*#__PURE__*/React__namespace.createElement("div", boxProps, iconElement, /*#__PURE__*/React__namespace.createElement("span", labelProps, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
|
|
266
266
|
target: elementRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return a.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=c.memo(c.forwardRef((function(e,i){var s=o.useMergeProps(),p=c.useContext(t.PrimeReactContext),f=b.getProps(e,p),d=c.useRef(null),g=b.setMetaData({props:f}),v=g.ptm,y=g.cx;n.useHandleStyle(b.css.styles,g.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};c.useImperativeHandle(i,(function(){return{props:f,focus:function(){return a.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current}}})),o.useMountEffect((function(){f.autoFocus&&a.DomHandler.focusFirstElement(d.current)}));var k=a.ObjectUtils.isNotEmpty(f.tooltip),I=f.disabled?-1:f.tabIndex,N=function(){if(O){var e=s({className:y("icon",{label:P})},v("icon"));return a.IconUtils.getJSXIcon(j,m({},e),{props:f})}return null}(),w=s({className:y("label")},v("label")),x=s({ref:d,id:f.id,className:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/ripple"),l=require("primereact/tooltip"),a=require("primereact/utils");function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=i(e);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return a.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return a.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function m(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=f(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=c.memo(c.forwardRef((function(e,i){var s=o.useMergeProps(),p=c.useContext(t.PrimeReactContext),f=b.getProps(e,p),d=c.useRef(null),g=b.setMetaData({props:f}),v=g.ptm,y=g.cx;n.useHandleStyle(b.css.styles,g.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};c.useImperativeHandle(i,(function(){return{props:f,focus:function(){return a.DomHandler.focusFirstElement(d.current)},getElement:function(){return d.current}}})),o.useMountEffect((function(){f.autoFocus&&a.DomHandler.focusFirstElement(d.current)}));var k=a.ObjectUtils.isNotEmpty(f.tooltip),I=f.disabled?-1:f.tabIndex,N=function(){if(O){var e=s({className:y("icon",{label:P})},v("icon"));return a.IconUtils.getJSXIcon(j,m({},e),{props:f})}return null}(),w=s({className:y("label")},v("label")),x=s({ref:d,id:f.id,className:y("root",{hasIcon:O,hasLabel:h}),"data-p-highlight":f.checked,"data-p-disabled":f.disabled},b.getOtherProps(f),v("root")),D=s({id:f.inputId,className:y("input"),style:f.style,onChange:E,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f,e)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f,e)},onKeyDown:function(e){32===e.keyCode&&(E(e),e.preventDefault())},tabIndex:I,role:"switch",type:"checkbox","aria-pressed":f.checked,"aria-invalid":f.invalid,disabled:f.disabled,readOnly:f.readonly,value:f.checked,checked:f.checked},v("input")),S=s({className:a.classNames(f.className,y("box",{hasIcon:O,hasLabel:h}))},v("box"));return c.createElement(c.Fragment,null,c.createElement("div",x,c.createElement("input",D),c.createElement("div",S,N,c.createElement("span",w,P),c.createElement(r.Ripple,null))),k&&c.createElement(l.Tooltip,u({target:d,content:f.tooltip,pt:v("tooltip")},f.tooltipOptions)))})));g.displayName="ToggleButton",exports.ToggleButton=g;
|
|
@@ -207,10 +207,10 @@ var ToggleButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
|
|
|
207
207
|
var rootProps = mergeProps({
|
|
208
208
|
ref: elementRef,
|
|
209
209
|
id: props.id,
|
|
210
|
-
className:
|
|
210
|
+
className: cx('root', {
|
|
211
211
|
hasIcon: hasIcon,
|
|
212
212
|
hasLabel: hasLabel
|
|
213
|
-
})
|
|
213
|
+
}),
|
|
214
214
|
'data-p-highlight': props.checked,
|
|
215
215
|
'data-p-disabled': props.disabled
|
|
216
216
|
}, ToggleButtonBase.getOtherProps(props), ptm('root'));
|
|
@@ -233,10 +233,10 @@ var ToggleButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functio
|
|
|
233
233
|
checked: props.checked
|
|
234
234
|
}, ptm('input'));
|
|
235
235
|
var boxProps = mergeProps({
|
|
236
|
-
className: cx('box', {
|
|
236
|
+
className: classNames(props.className, cx('box', {
|
|
237
237
|
hasIcon: hasIcon,
|
|
238
238
|
hasLabel: hasLabel
|
|
239
|
-
})
|
|
239
|
+
}))
|
|
240
240
|
}, ptm('box'));
|
|
241
241
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("input", inputProps), /*#__PURE__*/React.createElement("div", boxProps, iconElement, /*#__PURE__*/React.createElement("span", labelProps, label), /*#__PURE__*/React.createElement(Ripple, null))), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
|
|
242
242
|
target: elementRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as l}from"primereact/hooks";import{Ripple as i}from"primereact/ripple";import{Tooltip as a}from"primereact/tooltip";import{classNames as c,DomHandler as u,ObjectUtils as p,IconUtils as s}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function m(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===b(t)?t:String(t)}var g=n.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return c("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return c("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=d(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=e.memo(e.forwardRef((function(n,b){var m=r(),d=e.useContext(t),v=g.getProps(n,d),h=e.useRef(null),O=g.setMetaData({props:v}),P=O.ptm,j=O.cx;o(g.css.styles,O.isUnstyled,{name:"togglebutton"});var E=v.onLabel&&v.onLabel.length>0&&v.offLabel&&v.offLabel.length>0,k=v.onIcon&&v.offIcon,I=E?v.checked?v.onLabel:v.offLabel:" ",w=v.checked?v.onIcon:v.offIcon,x=function(e){v.disabled||!v.onChange||v.readonly||v.onChange({originalEvent:e,value:!v.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:!v.checked}})};e.useImperativeHandle(b,(function(){return{props:v,focus:function(){return u.focusFirstElement(h.current)},getElement:function(){return h.current}}})),l((function(){v.autoFocus&&u.focusFirstElement(h.current)}));var L=p.isNotEmpty(v.tooltip),N=v.disabled?-1:v.tabIndex,S=function(){if(k){var e=m({className:j("icon",{label:I})},P("icon"));return s.getJSXIcon(w,y({},e),{props:v})}return null}(),D=m({className:j("label")},P("label")),F=m({ref:h,id:v.id,className:
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as o}from"primereact/componentbase";import{useMergeProps as r,useMountEffect as l}from"primereact/hooks";import{Ripple as i}from"primereact/ripple";import{Tooltip as a}from"primereact/tooltip";import{classNames as c,DomHandler as u,ObjectUtils as p,IconUtils as s}from"primereact/utils";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function m(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=m(e,"string");return"symbol"===b(t)?t:String(t)}var g=n.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return c("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return c("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return c("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=d(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=e.memo(e.forwardRef((function(n,b){var m=r(),d=e.useContext(t),v=g.getProps(n,d),h=e.useRef(null),O=g.setMetaData({props:v}),P=O.ptm,j=O.cx;o(g.css.styles,O.isUnstyled,{name:"togglebutton"});var E=v.onLabel&&v.onLabel.length>0&&v.offLabel&&v.offLabel.length>0,k=v.onIcon&&v.offIcon,I=E?v.checked?v.onLabel:v.offLabel:" ",w=v.checked?v.onIcon:v.offIcon,x=function(e){v.disabled||!v.onChange||v.readonly||v.onChange({originalEvent:e,value:!v.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:v.name,id:v.id,value:!v.checked}})};e.useImperativeHandle(b,(function(){return{props:v,focus:function(){return u.focusFirstElement(h.current)},getElement:function(){return h.current}}})),l((function(){v.autoFocus&&u.focusFirstElement(h.current)}));var L=p.isNotEmpty(v.tooltip),N=v.disabled?-1:v.tabIndex,S=function(){if(k){var e=m({className:j("icon",{label:I})},P("icon"));return s.getJSXIcon(w,y({},e),{props:v})}return null}(),D=m({className:j("label")},P("label")),F=m({ref:h,id:v.id,className:j("root",{hasIcon:k,hasLabel:E}),"data-p-highlight":v.checked,"data-p-disabled":v.disabled},g.getOtherProps(v),P("root")),C=m({id:v.inputId,className:j("input"),style:v.style,onChange:x,onFocus:function(e){var t;null==v||null===(t=v.onFocus)||void 0===t||t.call(v,e)},onBlur:function(e){var t;null==v||null===(t=v.onBlur)||void 0===t||t.call(v,e)},onKeyDown:function(e){32===e.keyCode&&(x(e),e.preventDefault())},tabIndex:N,role:"switch",type:"checkbox","aria-pressed":v.checked,"aria-invalid":v.invalid,disabled:v.disabled,readOnly:v.readonly,value:v.checked,checked:v.checked},P("input")),B=m({className:c(v.className,j("box",{hasIcon:k,hasLabel:E}))},P("box"));return e.createElement(e.Fragment,null,e.createElement("div",F,e.createElement("input",C),e.createElement("div",B,S,e.createElement("span",D,I),e.createElement(i,null))),L&&e.createElement(a,f({target:h,content:v.tooltip,pt:P("tooltip")},v.tooltipOptions)))})));h.displayName="ToggleButton";export{h as ToggleButton};
|
|
@@ -222,10 +222,10 @@ this.primereact.togglebutton = (function (exports, React, api, componentbase, ho
|
|
|
222
222
|
var rootProps = mergeProps({
|
|
223
223
|
ref: elementRef,
|
|
224
224
|
id: props.id,
|
|
225
|
-
className:
|
|
225
|
+
className: cx('root', {
|
|
226
226
|
hasIcon: hasIcon,
|
|
227
227
|
hasLabel: hasLabel
|
|
228
|
-
})
|
|
228
|
+
}),
|
|
229
229
|
'data-p-highlight': props.checked,
|
|
230
230
|
'data-p-disabled': props.disabled
|
|
231
231
|
}, ToggleButtonBase.getOtherProps(props), ptm('root'));
|
|
@@ -248,10 +248,10 @@ this.primereact.togglebutton = (function (exports, React, api, componentbase, ho
|
|
|
248
248
|
checked: props.checked
|
|
249
249
|
}, ptm('input'));
|
|
250
250
|
var boxProps = mergeProps({
|
|
251
|
-
className: cx('box', {
|
|
251
|
+
className: utils.classNames(props.className, cx('box', {
|
|
252
252
|
hasIcon: hasIcon,
|
|
253
253
|
hasLabel: hasLabel
|
|
254
|
-
})
|
|
254
|
+
}))
|
|
255
255
|
}, ptm('box'));
|
|
256
256
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("input", inputProps), /*#__PURE__*/React__namespace.createElement("div", boxProps, iconElement, /*#__PURE__*/React__namespace.createElement("span", labelProps, label), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
|
|
257
257
|
target: elementRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r,l,a,i){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var d=o.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return i.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return i.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=b(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=u.memo(u.forwardRef((function(e,t){var c=r.useMergeProps(),p=u.useContext(n.PrimeReactContext),f=d.getProps(e,p),b=u.useRef(null),m=d.setMetaData({props:f}),y=m.ptm,v=m.cx;o.useHandleStyle(d.css.styles,m.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};u.useImperativeHandle(t,(function(){return{props:f,focus:function(){return i.DomHandler.focusFirstElement(b.current)},getElement:function(){return b.current}}})),r.useMountEffect((function(){f.autoFocus&&i.DomHandler.focusFirstElement(b.current)}));var k=i.ObjectUtils.isNotEmpty(f.tooltip),I=f.disabled?-1:f.tabIndex,N=function(){if(O){var e=c({className:v("icon",{label:P})},y("icon"));return i.IconUtils.getJSXIcon(j,g({},e),{props:f})}return null}(),w=c({className:v("label")},y("label")),D=c({ref:b,id:f.id,className:
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r,l,a,i){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=c(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}var d=o.ComponentBase.extend({defaultProps:{__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",invalid:!1,style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-togglebutton p-component",{"p-disabled":t.disabled,"p-highlight":t.checked,"p-invalid":t.invalid})},input:"p-togglebutton-input",box:function(e){return i.classNames("p-button p-component",{"p-button-icon-only":e.hasIcon&&!e.hasLabel})},icon:function(e){var t=e.props,n=e.label;return i.classNames("p-button-icon",{"p-button-icon-left":"left"===t.iconPos&&n,"p-button-icon-right":"right"===t.iconPos&&n})},label:"p-button-label"}}});function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){var o,r,l;o=e,l=n[t],(r=b(r=t))in o?Object.defineProperty(o,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[r]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var y=u.memo(u.forwardRef((function(e,t){var c=r.useMergeProps(),p=u.useContext(n.PrimeReactContext),f=d.getProps(e,p),b=u.useRef(null),m=d.setMetaData({props:f}),y=m.ptm,v=m.cx;o.useHandleStyle(d.css.styles,m.isUnstyled,{name:"togglebutton"});var h=f.onLabel&&f.onLabel.length>0&&f.offLabel&&f.offLabel.length>0,O=f.onIcon&&f.offIcon,P=h?f.checked?f.onLabel:f.offLabel:" ",j=f.checked?f.onIcon:f.offIcon,E=function(e){f.disabled||!f.onChange||f.readonly||f.onChange({originalEvent:e,value:!f.checked,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:!f.checked}})};u.useImperativeHandle(t,(function(){return{props:f,focus:function(){return i.DomHandler.focusFirstElement(b.current)},getElement:function(){return b.current}}})),r.useMountEffect((function(){f.autoFocus&&i.DomHandler.focusFirstElement(b.current)}));var k=i.ObjectUtils.isNotEmpty(f.tooltip),I=f.disabled?-1:f.tabIndex,N=function(){if(O){var e=c({className:v("icon",{label:P})},y("icon"));return i.IconUtils.getJSXIcon(j,g({},e),{props:f})}return null}(),w=c({className:v("label")},y("label")),D=c({ref:b,id:f.id,className:v("root",{hasIcon:O,hasLabel:h}),"data-p-highlight":f.checked,"data-p-disabled":f.disabled},d.getOtherProps(f),y("root")),S=c({id:f.inputId,className:v("input"),style:f.style,onChange:E,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f,e)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f,e)},onKeyDown:function(e){32===e.keyCode&&(E(e),e.preventDefault())},tabIndex:I,role:"switch",type:"checkbox","aria-pressed":f.checked,"aria-invalid":f.invalid,disabled:f.disabled,readOnly:f.readonly,value:f.checked,checked:f.checked},y("input")),x=c({className:i.classNames(f.className,v("box",{hasIcon:O,hasLabel:h}))},y("box"));return u.createElement(u.Fragment,null,u.createElement("div",D,u.createElement("input",S),u.createElement("div",x,N,u.createElement("span",w,P),u.createElement(l.Ripple,null))),k&&u.createElement(a.Tooltip,s({target:b,content:f.tooltip,pt:y("tooltip")},f.tooltipOptions)))})));return y.displayName="ToggleButton",e.ToggleButton=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.ripple,primereact.tooltip,primereact.utils);
|
package/tooltip/tooltip.cjs.js
CHANGED
|
@@ -427,8 +427,9 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
427
427
|
var hide = function hide(e) {
|
|
428
428
|
if (e && e.type === 'blur') setMultipleFocusEvents(false);
|
|
429
429
|
clearTimeouts();
|
|
430
|
+
var success = true;
|
|
430
431
|
if (visibleState) {
|
|
431
|
-
|
|
432
|
+
success = sendCallback(props.onBeforeHide, {
|
|
432
433
|
originalEvent: e,
|
|
433
434
|
target: currentTargetRef.current
|
|
434
435
|
});
|
|
@@ -439,7 +440,6 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
439
440
|
}
|
|
440
441
|
utils.ZIndexUtils.clear(elementRef.current);
|
|
441
442
|
utils.DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
|
|
442
|
-
setVisibleState(false);
|
|
443
443
|
sendCallback(props.onHide, {
|
|
444
444
|
originalEvent: e,
|
|
445
445
|
target: currentTargetRef.current
|
|
@@ -447,6 +447,11 @@ var Tooltip = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.f
|
|
|
447
447
|
});
|
|
448
448
|
}
|
|
449
449
|
}
|
|
450
|
+
|
|
451
|
+
// handles the case when visibleState change from mouseenter was queued and mouseleave handler was called earlier than queued re-render
|
|
452
|
+
if (success) {
|
|
453
|
+
setVisibleState(false);
|
|
454
|
+
}
|
|
450
455
|
};
|
|
451
456
|
var align = function align(target, coordinate, position) {
|
|
452
457
|
var left = 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function l(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var u=l(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(t,e){return w(t)||E(t,e)||b(t,e)||O()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,closeOnEscape:!1,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function j(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=u.memo(u.forwardRef((function(t,a){var l=n.useMergeProps(),p=u.useContext(e.PrimeReactContext),f=S.getProps(t,p),d=x(u.useState(!1),2),m=d[0],h=d[1],w=x(u.useState(f.position||"right"),2),E=w[0],O=w[1],T=x(u.useState(""),2),D=T[0],H=T[1],P=x(u.useState(!1),2),I=P[0],k=P[1],N=m&&f.closeOnEscape,C=n.useDisplayOrder("tooltip",N),A={props:f,state:{visible:m,position:E,className:D},context:{right:"right"===E,left:"left"===E,top:"top"===E,bottom:"bottom"===E}},L=S.setMetaData(A),R=L.ptm,U=L.cx,M=L.sx;r.useHandleStyle(S.css.styles,L.isUnstyled,{name:"tooltip"}),n.useGlobalOnEscapeKey({callback:function(){st()},when:N,priority:[n.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP,C]});var Z=u.useRef(null),_=u.useRef(null),W=u.useRef(null),q=u.useRef(null),B=u.useRef(!0),z=u.useRef({}),F=u.useRef(null),Y=x(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&st(t)}}),2),G=Y[0],K=Y[1],X=x(n.useOverlayScrollListener({target:W.current,listener:function(t){st(t)},when:m}),2),$=X[0],J=X[1],Q=function(t){return rt(t,"mousetrack")||f.mouseTrack},V=function(t){return"true"===rt(t,"disabled")||nt(t,"disabled")||f.disabled},tt=function(t){return rt(t,"showondisabled")||f.showOnDisabled},et=function(){return rt(W.current,"autohide")||f.autoHide},rt=function(t,e){return nt(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},nt=function(t,e){return t&&t.hasAttribute(e)},ot=function(t){var e=[rt(t,"showevent")||f.showEvent],r=[rt(t,"hideevent")||f.hideEvent];if(Q(t))e=["mousemove"],r=["mouseleave"];else{var n=rt(t,"event")||f.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=I?["blur"]:["mouseleave","blur"])}return{showEvents:e,hideEvents:r}},it=function(t){return rt(t,"position")||E},at=function(t){return{top:rt(t,"mousetracktop")||f.mouseTrackTop,left:rt(t,"mousetrackleft")||f.mouseTrackLeft}},lt=function(t,e){if(_.current){var r=rt(t,"tooltip")||f.content;r?(_.current.innerHTML="",_.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},ut=function(t){lt(W.current,(function(){var e=F.current,r=e.pageX,n=e.pageY;f.autoZIndex&&!i.ZIndexUtils.get(Z.current)&&i.ZIndexUtils.set("tooltip",Z.current,p&&p.autoZIndex||c.default.autoZIndex,f.baseZIndex||p&&p.zIndex.tooltip||c.default.zIndex.tooltip),Z.current.style.left="",Z.current.style.top="",et()&&(Z.current.style.pointerEvents="none");var o=Q(W.current)||"mouse"===t;(o&&!q.current||o)&&(q.current={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)}),pt(W.current,{x:r,y:n},t)}))},ct=function(t){t.type&&"focus"===t.type&&k(!0),W.current=t.currentTarget;var e,r=V(W.current);(e=tt(W.current)&&r?W.current.firstChild:W.current,!(f.content||rt(e,"tooltip")||f.children))||r||(F.current=t,m?vt("updateDelay",ut):yt(f.onBeforeShow,{originalEvent:t,target:W.current})&&vt("showDelay",(function(){h(!0),yt(f.onShow,{originalEvent:t,target:W.current})})))},st=function(t){(t&&"blur"===t.type&&k(!1),bt(),m)&&(yt(f.onBeforeHide,{originalEvent:t,target:W.current})&&vt("hideDelay",(function(){(et()||!1!==B.current)&&(i.ZIndexUtils.clear(Z.current),i.DomHandler.removeClass(Z.current,"p-tooltip-active"),h(!1),yt(f.onHide,{originalEvent:t,target:W.current}))})))},pt=function(t,e,r){var n=0,o=0,a=r||E;if((Q(t)||"mouse"==a)&&e){var l={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)};n=e.x,o=e.y;var u=at(t),c=u.top,s=u.left;switch(a){case"left":n-=l.width+s,o-=l.height/2-c;break;case"right":case"mouse":n+=s,o-=l.height/2-c;break;case"top":n-=l.width/2-s,o-=l.height+c;break;case"bottom":n-=l.width/2-s,o+=c}n<=0||q.current.width>l.width?(Z.current.style.left="0px",Z.current.style.right=window.innerWidth-l.width-n+"px"):(Z.current.style.right="",Z.current.style.left=n+"px"),Z.current.style.top=o+"px",i.DomHandler.addClass(Z.current,"p-tooltip-active")}else{var p=i.DomHandler.findCollisionPosition(a),d=rt(t,"my")||f.my||p.my,m=rt(t,"at")||f.at||p.at;Z.current.style.padding="0px",i.DomHandler.flipfitCollision(Z.current,t,d,m,(function(t){var e=t.at,r=e.x,n=f.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];Z.current.style.padding="",O(n),ft(n),i.DomHandler.addClass(Z.current,"p-tooltip-active")}))}},ft=function(t){if(Z.current){var e=getComputedStyle(Z.current);"left"===t?Z.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(Z.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},dt=function(t){et()||(B.current=!0,st(t))},mt=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=gt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)}))}},ht=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=gt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)}))}},vt=function(t,e){bt();var r=rt(W.current,t.toLowerCase())||f[t];r?z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},yt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},bt=function(){Object.values(z.current).forEach((function(t){return clearTimeout(t)}))},gt=function(t){if(t){if(tt(t)){if(!t.hasWrapper){var e=document.createElement("div");return"INPUT"===t.nodeName?i.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}return t.parentElement}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},wt=function(t){Ot(t),Et(t)},Et=function(t){xt(t||f.target,mt)},Ot=function(t){xt(t||f.target,ht)},xt=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){m&&W.current&&V(W.current)&&st()})),n.useUpdateEffect((function(){return Et(),function(){Ot()}}),[ct,st,f.target]),n.useUpdateEffect((function(){if(m){var t=it(W.current),e=rt(W.current,"classname");O(t),H(e),ut(t),G(),$()}else O(f.position||"right"),H(""),W.current=null,q.current=null,B.current=!0;return function(){K(),J()}}),[m]),n.useUpdateEffect((function(){var t=it(W.current);m&&"mouse"!==t&&vt("updateDelay",(function(){lt(W.current,(function(){pt(W.current)}))}))}),[f.content]),n.useUnmountEffect((function(){st(),i.ZIndexUtils.clear(Z.current)})),u.useImperativeHandle(a,(function(){return{props:f,updateTargetEvents:wt,loadTargetEvents:Et,unloadTargetEvents:Ot,show:ct,hide:st,getElement:function(){return Z.current},getTarget:function(){return W.current}}}));var St,Tt,jt,Dt,Ht;if(m){var Pt=(St=W.current,Tt=!(f.content||rt(St,"tooltip")),jt=l({id:f.id,className:i.classNames(f.className,U("root",{positionState:E,classNameState:D})),style:f.style,role:"tooltip","aria-hidden":m,onMouseEnter:function(t){et()||(B.current=!1)},onMouseLeave:function(t){return dt(t)}},S.getOtherProps(f),R("root")),Dt=l({className:U("arrow"),style:M("arrow",j({},A))},R("arrow")),Ht=l({className:U("text")},R("text")),u.createElement("div",s({ref:Z},jt),u.createElement("div",Dt),u.createElement("div",s({ref:_},Ht),Tt&&f.children)));return u.createElement(o.Portal,{element:Pt,appendTo:f.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),e=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),o=require("primereact/portal"),i=require("primereact/utils");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function l(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:function(){return t[r]}})}})),e.default=t,Object.freeze(e)}var u=l(t),c=a(e);function s(){return s=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},s.apply(this,arguments)}function p(t){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},p(t)}function f(t,e){if("object"!==p(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=f(t,"string");return"symbol"===p(e)?e:String(e)}function m(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function v(t){if(Array.isArray(t))return h(t)}function y(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function b(t,e){if(t){if("string"==typeof t)return h(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(t,e):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(t){if(Array.isArray(t))return t}function E(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,a,l=[],u=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(l.push(n.value),l.length!==e);u=!0);}catch(t){c=!0,o=t}finally{try{if(!u&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw o}}return l}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(t,e){return w(t)||E(t,e)||b(t,e)||O()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"Tooltip",appendTo:null,at:null,autoHide:!0,autoZIndex:!0,baseZIndex:0,className:null,closeOnEscape:!1,content:null,disabled:!1,event:null,hideDelay:0,hideEvent:"mouseleave",id:null,mouseTrack:!1,mouseTrackLeft:5,mouseTrackTop:5,my:null,onBeforeHide:null,onBeforeShow:null,onHide:null,onShow:null,position:"right",showDelay:0,showEvent:"mouseenter",showOnDisabled:!1,style:null,target:null,updateDelay:0,children:void 0},css:{classes:{root:function(t){var e=t.classNameState;return i.classNames("p-tooltip p-component",m({},"p-tooltip-".concat(t.positionState),!0),e)},arrow:"p-tooltip-arrow",text:"p-tooltip-text"},styles:"\n@layer primereact {\n .p-tooltip {\n position: absolute;\n padding: .25em .5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n }\n \n .p-tooltip.p-tooltip-right,\n .p-tooltip.p-tooltip-left {\n padding: 0 .25rem;\n }\n \n .p-tooltip.p-tooltip-top,\n .p-tooltip.p-tooltip-bottom {\n padding:.25em 0;\n }\n \n .p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n }\n \n .p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n \n .p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -.25rem;\n border-width: .25em .25em .25em 0;\n }\n \n .p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -.25rem;\n border-width: .25em 0 .25em .25rem;\n }\n \n .p-tooltip.p-tooltip-top {\n padding: .25em 0;\n }\n \n .p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: .25em .25em 0;\n }\n \n .p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -.25rem;\n border-width: 0 .25em .25rem;\n }\n\n .p-tooltip-target-wrapper {\n display: inline-flex;\n }\n}\n",inlineStyles:{arrow:function(t){var e=t.context;return{top:e.bottom?"0":e.right||e.left||!e.right&&!e.left&&!e.top&&!e.bottom?"50%":null,bottom:e.top?"0":null,left:!e.right&&(e.right||e.left||e.top||e.bottom)?e.top||e.bottom?"50%":null:"0",right:e.left?"0":null}}}}});function T(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function j(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?T(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):T(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var D=u.memo(u.forwardRef((function(t,a){var l=n.useMergeProps(),p=u.useContext(e.PrimeReactContext),f=S.getProps(t,p),d=x(u.useState(!1),2),m=d[0],h=d[1],w=x(u.useState(f.position||"right"),2),E=w[0],O=w[1],T=x(u.useState(""),2),D=T[0],H=T[1],P=x(u.useState(!1),2),I=P[0],k=P[1],N=m&&f.closeOnEscape,C=n.useDisplayOrder("tooltip",N),A={props:f,state:{visible:m,position:E,className:D},context:{right:"right"===E,left:"left"===E,top:"top"===E,bottom:"bottom"===E}},L=S.setMetaData(A),R=L.ptm,U=L.cx,M=L.sx;r.useHandleStyle(S.css.styles,L.isUnstyled,{name:"tooltip"}),n.useGlobalOnEscapeKey({callback:function(){st()},when:N,priority:[n.ESC_KEY_HANDLING_PRIORITIES.TOOLTIP,C]});var Z=u.useRef(null),_=u.useRef(null),W=u.useRef(null),q=u.useRef(null),B=u.useRef(!0),z=u.useRef({}),F=u.useRef(null),Y=x(n.useResizeListener({listener:function(t){!i.DomHandler.isTouchDevice()&&st(t)}}),2),G=Y[0],K=Y[1],X=x(n.useOverlayScrollListener({target:W.current,listener:function(t){st(t)},when:m}),2),$=X[0],J=X[1],Q=function(t){return rt(t,"mousetrack")||f.mouseTrack},V=function(t){return"true"===rt(t,"disabled")||nt(t,"disabled")||f.disabled},tt=function(t){return rt(t,"showondisabled")||f.showOnDisabled},et=function(){return rt(W.current,"autohide")||f.autoHide},rt=function(t,e){return nt(t,"data-pr-".concat(e))?t.getAttribute("data-pr-".concat(e)):null},nt=function(t,e){return t&&t.hasAttribute(e)},ot=function(t){var e=[rt(t,"showevent")||f.showEvent],r=[rt(t,"hideevent")||f.hideEvent];if(Q(t))e=["mousemove"],r=["mouseleave"];else{var n=rt(t,"event")||f.event;"focus"===n&&(e=["focus"],r=["blur"]),"both"===n&&(e=["focus","mouseenter"],r=I?["blur"]:["mouseleave","blur"])}return{showEvents:e,hideEvents:r}},it=function(t){return rt(t,"position")||E},at=function(t){return{top:rt(t,"mousetracktop")||f.mouseTrackTop,left:rt(t,"mousetrackleft")||f.mouseTrackLeft}},lt=function(t,e){if(_.current){var r=rt(t,"tooltip")||f.content;r?(_.current.innerHTML="",_.current.appendChild(document.createTextNode(r)),e()):f.children&&e()}},ut=function(t){lt(W.current,(function(){var e=F.current,r=e.pageX,n=e.pageY;f.autoZIndex&&!i.ZIndexUtils.get(Z.current)&&i.ZIndexUtils.set("tooltip",Z.current,p&&p.autoZIndex||c.default.autoZIndex,f.baseZIndex||p&&p.zIndex.tooltip||c.default.zIndex.tooltip),Z.current.style.left="",Z.current.style.top="",et()&&(Z.current.style.pointerEvents="none");var o=Q(W.current)||"mouse"===t;(o&&!q.current||o)&&(q.current={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)}),pt(W.current,{x:r,y:n},t)}))},ct=function(t){t.type&&"focus"===t.type&&k(!0),W.current=t.currentTarget;var e,r=V(W.current);(e=tt(W.current)&&r?W.current.firstChild:W.current,!(f.content||rt(e,"tooltip")||f.children))||r||(F.current=t,m?vt("updateDelay",ut):yt(f.onBeforeShow,{originalEvent:t,target:W.current})&&vt("showDelay",(function(){h(!0),yt(f.onShow,{originalEvent:t,target:W.current})})))},st=function(t){t&&"blur"===t.type&&k(!1),bt();var e=!0;m&&(e=yt(f.onBeforeHide,{originalEvent:t,target:W.current}))&&vt("hideDelay",(function(){(et()||!1!==B.current)&&(i.ZIndexUtils.clear(Z.current),i.DomHandler.removeClass(Z.current,"p-tooltip-active"),yt(f.onHide,{originalEvent:t,target:W.current}))})),e&&h(!1)},pt=function(t,e,r){var n=0,o=0,a=r||E;if((Q(t)||"mouse"==a)&&e){var l={width:i.DomHandler.getOuterWidth(Z.current),height:i.DomHandler.getOuterHeight(Z.current)};n=e.x,o=e.y;var u=at(t),c=u.top,s=u.left;switch(a){case"left":n-=l.width+s,o-=l.height/2-c;break;case"right":case"mouse":n+=s,o-=l.height/2-c;break;case"top":n-=l.width/2-s,o-=l.height+c;break;case"bottom":n-=l.width/2-s,o+=c}n<=0||q.current.width>l.width?(Z.current.style.left="0px",Z.current.style.right=window.innerWidth-l.width-n+"px"):(Z.current.style.right="",Z.current.style.left=n+"px"),Z.current.style.top=o+"px",i.DomHandler.addClass(Z.current,"p-tooltip-active")}else{var p=i.DomHandler.findCollisionPosition(a),d=rt(t,"my")||f.my||p.my,m=rt(t,"at")||f.at||p.at;Z.current.style.padding="0px",i.DomHandler.flipfitCollision(Z.current,t,d,m,(function(t){var e=t.at,r=e.x,n=f.at?"center"!==r&&r!==t.my.x?r:e.y:t.at["".concat(p.axis)];Z.current.style.padding="",O(n),ft(n),i.DomHandler.addClass(Z.current,"p-tooltip-active")}))}},ft=function(t){if(Z.current){var e=getComputedStyle(Z.current);"left"===t?Z.current.style.left=parseFloat(e.left)-2*parseFloat(e.paddingLeft)+"px":"top"===t&&(Z.current.style.top=parseFloat(e.top)-2*parseFloat(e.paddingTop)+"px")}},dt=function(t){et()||(B.current=!0,st(t))},mt=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=gt(t);r.forEach((function(t){return null==o?void 0:o.addEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.addEventListener(t,st)}))}},ht=function(t){if(t){var e=ot(t),r=e.showEvents,n=e.hideEvents,o=gt(t);r.forEach((function(t){return null==o?void 0:o.removeEventListener(t,ct)})),n.forEach((function(t){return null==o?void 0:o.removeEventListener(t,st)}))}},vt=function(t,e){bt();var r=rt(W.current,t.toLowerCase())||f[t];r?z.current["".concat(t)]=setTimeout((function(){return e()}),r):e()},yt=function(t){if(t){for(var e=arguments.length,r=new Array(e>1?e-1:0),n=1;n<e;n++)r[n-1]=arguments[n];var o=t.apply(void 0,r);return void 0===o&&(o=!0),o}return!0},bt=function(){Object.values(z.current).forEach((function(t){return clearTimeout(t)}))},gt=function(t){if(t){if(tt(t)){if(!t.hasWrapper){var e=document.createElement("div");return"INPUT"===t.nodeName?i.DomHandler.addMultipleClasses(e,"p-tooltip-target-wrapper p-inputwrapper"):i.DomHandler.addClass(e,"p-tooltip-target-wrapper"),t.parentNode.insertBefore(e,t),e.appendChild(t),t.hasWrapper=!0,e}return t.parentElement}var r;return t.hasWrapper&&((r=t.parentElement).replaceWith.apply(r,v(n=t.parentElement.childNodes)||y(n)||b(n)||g()),delete t.hasWrapper),t}var n;return null},wt=function(t){Ot(t),Et(t)},Et=function(t){xt(t||f.target,mt)},Ot=function(t){xt(t||f.target,ht)},xt=function(t,e){if(t=i.ObjectUtils.getRefElement(t))if(i.DomHandler.isElement(t))e(t);else{var r=function(t){i.DomHandler.find(document,t).forEach((function(t){e(t)}))};t instanceof Array?t.forEach((function(t){r(t)})):r(t)}};n.useMountEffect((function(){m&&W.current&&V(W.current)&&st()})),n.useUpdateEffect((function(){return Et(),function(){Ot()}}),[ct,st,f.target]),n.useUpdateEffect((function(){if(m){var t=it(W.current),e=rt(W.current,"classname");O(t),H(e),ut(t),G(),$()}else O(f.position||"right"),H(""),W.current=null,q.current=null,B.current=!0;return function(){K(),J()}}),[m]),n.useUpdateEffect((function(){var t=it(W.current);m&&"mouse"!==t&&vt("updateDelay",(function(){lt(W.current,(function(){pt(W.current)}))}))}),[f.content]),n.useUnmountEffect((function(){st(),i.ZIndexUtils.clear(Z.current)})),u.useImperativeHandle(a,(function(){return{props:f,updateTargetEvents:wt,loadTargetEvents:Et,unloadTargetEvents:Ot,show:ct,hide:st,getElement:function(){return Z.current},getTarget:function(){return W.current}}}));var St,Tt,jt,Dt,Ht;if(m){var Pt=(St=W.current,Tt=!(f.content||rt(St,"tooltip")),jt=l({id:f.id,className:i.classNames(f.className,U("root",{positionState:E,classNameState:D})),style:f.style,role:"tooltip","aria-hidden":m,onMouseEnter:function(t){et()||(B.current=!1)},onMouseLeave:function(t){return dt(t)}},S.getOtherProps(f),R("root")),Dt=l({className:U("arrow"),style:M("arrow",j({},A))},R("arrow")),Ht=l({className:U("text")},R("text")),u.createElement("div",s({ref:Z},jt),u.createElement("div",Dt),u.createElement("div",s({ref:_},Ht),Tt&&f.children)));return u.createElement(o.Portal,{element:Pt,appendTo:f.appendTo,visible:!0})}return null})));D.displayName="Tooltip",exports.Tooltip=D;
|
package/tooltip/tooltip.esm.js
CHANGED
|
@@ -400,8 +400,9 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
|
|
|
400
400
|
var hide = function hide(e) {
|
|
401
401
|
if (e && e.type === 'blur') setMultipleFocusEvents(false);
|
|
402
402
|
clearTimeouts();
|
|
403
|
+
var success = true;
|
|
403
404
|
if (visibleState) {
|
|
404
|
-
|
|
405
|
+
success = sendCallback(props.onBeforeHide, {
|
|
405
406
|
originalEvent: e,
|
|
406
407
|
target: currentTargetRef.current
|
|
407
408
|
});
|
|
@@ -412,7 +413,6 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
|
|
|
412
413
|
}
|
|
413
414
|
ZIndexUtils.clear(elementRef.current);
|
|
414
415
|
DomHandler.removeClass(elementRef.current, 'p-tooltip-active');
|
|
415
|
-
setVisibleState(false);
|
|
416
416
|
sendCallback(props.onHide, {
|
|
417
417
|
originalEvent: e,
|
|
418
418
|
target: currentTargetRef.current
|
|
@@ -420,6 +420,11 @@ var Tooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
|
|
|
420
420
|
});
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
|
+
|
|
424
|
+
// handles the case when visibleState change from mouseenter was queued and mouseleave handler was called earlier than queued re-render
|
|
425
|
+
if (success) {
|
|
426
|
+
setVisibleState(false);
|
|
427
|
+
}
|
|
423
428
|
};
|
|
424
429
|
var align = function align(target, coordinate, position) {
|
|
425
430
|
var left = 0;
|