primereact 10.3.3 → 10.5.0

package/tabview/tabview.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/chevronleft"),o=require("primereact/icons/chevronright"),l=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=s(e);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function v(){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 m(e){return m="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},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,i=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}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 C(e,t){return w(e)||x(e,t)||f(e,t)||O()}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return c.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(a,l)||t.renderActiveOnly&&!o(l)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return S(S({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:S(S({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(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){g(e,t,n[t])})):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 I=function(){},T=u.forwardRef((function(e,s){var p=r.useMergeProps(),m=u.useContext(t.PrimeReactContext),h=E.getProps(e,m),y=C(u.useState(h.id),2),g=y[0],w=y[1],x=C(u.useState(!0),2),O=x[0],P=x[1],S=C(u.useState(!1),2),D=S[0],I=S[1],T=C(u.useState([]),2),k=T[0],U=T[1],_=C(u.useState(h.activeIndex),2),A=_[0],H=_[1],R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef(null),M=u.useRef({}),V=h.onTabChange?h.activeIndex:A,X=u.Children.count(h.children),z={props:h,state:{id:g,isPrevButtonDisabled:O,isNextButtonDisabled:D,hiddenTabsState:k,activeIndex:A}},K=E.setMetaData(N({},z)),Y=K.ptm,$=K.ptmo,F=K.cx,G=K.sx;n.useHandleStyle(E.css.styles,K.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:z,context:{index:n,count:X,first:0===n,last:n===X-1,active:n==A,disabled:ee(e,"disabled")}};return p(Y("tab.".concat(t),{tab:r}),Y("tabpanel.".concat(t),{tabpanel:r}),Y("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===V},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&c.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,o=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(d(n=k)||b(n)||f(n)||v(),[o])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},oe=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":le(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},le=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:u.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(c.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||M.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=c.DomHandler.getWidth(B.current);P(0===t),I(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},xe=function(){return[W.current,J.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},Oe=function(){P(!0),I(!1),U([]),h.onTabChange?h.onTabChange({index:V}):H(h.activeIndex)};u.useEffect((function(){var e;e=M.current["tab_".concat(V)],q.current.style.width=c.DomHandler.getWidth(e)+"px",q.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(L.current).left+"px",ge()})),r.useMountEffect((function(){g||w(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=u.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),r.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),u.useImperativeHandle(s,(function(){return{props:h,reset:Oe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=j.getCProps(e),a=r.headerStyle,o=r.headerClassName,s=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,x=r.closeIcon,O=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&c.IconUtils.getJSXIcon(f,void 0,{props:h}),E=p({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=u.createElement("span",E,m),N=v&&c.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?c.IconUtils.getJSXIcon(x||u.createElement(l.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=p({id:O,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)}},Q(e,"headeraction",t)),U=u.createElement("a",k,S,D,N,T,u.createElement(i.Ripple,null));y&&(U=c.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return oe(n,e,t)},leftIconElement:S,titleElement:D,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=p({ref:function(e){return M.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:o,_className:d}),style:G("tab.header",{headerStyle:a,_style:s}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return u.createElement("li",_,U)},Ue=p({id:g,ref:R,style:h.style,className:F("root")},E.getOtherProps(h),Y("root")),_e=p({className:F("navcontainer")},Y("navcontainer")),Ae=(Ce=u.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=p({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},Y("navcontent")),Se=p({ref:L,className:F("nav"),role:"tablist"},Y("nav")),Ee=p({ref:q,"aria-hidden":"true",role:"presentation",className:F("inkbar")},Y("inkbar")),u.createElement("div",Pe,u.createElement("ul",Se,Ce,u.createElement("li",Ee)))),He=(je=p({className:F("panelcontainer"),style:h.panelContainerStyle},Y("panelcontainer")),De=u.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=p({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return u.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),u.createElement("div",je,De)),Re=(Ne=p({"aria-hidden":"true"},Y("previcon")),Ie=c.IconUtils.getJSXIcon(h.prevButton||u.createElement(a.ChevronLeftIcon,Ne),N({},Ne),{props:h}),Te=p({ref:W,type:"button",className:F("prevbutton"),"aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},Y("prevbutton")),h.scrollable&&!O?u.createElement("button",Te,Ie,u.createElement(i.Ripple,null)):null),Be=function(){var e=p({"aria-hidden":"true"},Y("nexticon")),n=c.IconUtils.getJSXIcon(h.nextButton||u.createElement(o.ChevronRightIcon,e),N({},e),{props:h}),r=p({ref:J,type:"button",className:F("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},Y("nextbutton"));if(h.scrollable&&!D)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ue,u.createElement("div",_e,Re,Ae,Be),He)}));I.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=I,exports.TabView=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/icons/chevronleft"),l=require("primereact/icons/chevronright"),o=require("primereact/icons/times"),i=require("primereact/ripple"),c=require("primereact/utils");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=s(e);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e){if(Array.isArray(e))return p(e)}function b(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}function v(){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 m(e){return m="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},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function g(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}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 C(e,t){return w(e)||x(e,t)||f(e,t)||O()}function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=n.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return c.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return c.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return c.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:c.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return S(S({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:S(S({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),j=n.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return c.ObjectUtils.getComponentProp(e,t,j.defaultProps)},getCProps:function(e){return c.ObjectUtils.getComponentProps(e,j.defaultProps)},getCOtherProps:function(e){return c.ObjectUtils.getComponentDiffProps(e,j.defaultProps)}});function D(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(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){g(e,t,n[t])})):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 I=function(){},T=u.forwardRef((function(e,s){var p=r.useMergeProps(),m=u.useContext(t.PrimeReactContext),h=E.getProps(e,m),y=C(u.useState(h.id),2),g=y[0],w=y[1],x=C(u.useState(!0),2),O=x[0],P=x[1],S=C(u.useState(!1),2),D=S[0],I=S[1],T=C(u.useState([]),2),k=T[0],U=T[1],_=C(u.useState(h.activeIndex),2),A=_[0],H=_[1],R=u.useRef(null),B=u.useRef(null),L=u.useRef(null),q=u.useRef(null),W=u.useRef(null),J=u.useRef(null),M=u.useRef({}),V=h.onTabChange?h.activeIndex:A,X=u.Children.count(h.children),z={props:h,state:{id:g,isPrevButtonDisabled:O,isNextButtonDisabled:D,hiddenTabsState:k,activeIndex:A}},K=E.setMetaData(N({},z)),Y=K.ptm,$=K.ptmo,F=K.cx,G=K.sx;n.useHandleStyle(E.css.styles,K.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:z,context:{index:n,count:X,first:0===n,last:n===X-1,active:n==A,disabled:ee(e,"disabled")}};return p(Y("tab.".concat(t),{tab:r}),Y("tabpanel.".concat(t),{tabpanel:r}),Y("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===V},ee=function(e,t){return j.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&c.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(d(n=k)||b(n)||f(n)||v(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},oe=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:u.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?c.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===c.DomHandler.getAttribute(n,"data-pc-section")?e(n):c.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(c.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||M.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=c.DomHandler.getWidth(B.current);P(0===t),I(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},xe=function(){return[W.current,J.current].reduce((function(e,t){return t?e+c.DomHandler.getWidth(t):e}),0)},Oe=function(){P(!0),I(!1),U([]),h.onTabChange?h.onTabChange({index:V}):H(h.activeIndex)};u.useEffect((function(){var e;e=M.current["tab_".concat(V)],q.current.style.width=c.DomHandler.getWidth(e)+"px",q.current.style.left=c.DomHandler.getOffset(e).left-c.DomHandler.getOffset(L.current).left+"px",ge()})),r.useMountEffect((function(){g||w(c.UniqueComponentId())})),r.useUpdateEffect((function(){if(c.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=u.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),r.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),u.useImperativeHandle(s,(function(){return{props:h,reset:Oe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=j.getCProps(e),a=r.headerStyle,l=r.headerClassName,s=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,x=r.closeIcon,O=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&c.IconUtils.getJSXIcon(f,void 0,{props:h}),E=p({className:F("tab.headertitle")},Q(e,"headertitle",t)),D=u.createElement("span",E,m),N=v&&c.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?c.IconUtils.getJSXIcon(x||u.createElement(o.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=p({id:O,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),U=u.createElement("a",k,S,D,N,T,u.createElement(i.Ripple,null));y&&(U=c.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:S,titleElement:D,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=p({ref:function(e){return M.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:l,_className:d}),style:G("tab.header",{headerStyle:a,_style:s}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return u.createElement("li",_,U)},Ue=p({id:g,ref:R,style:h.style,className:F("root")},E.getOtherProps(h),Y("root")),_e=p({className:F("navcontainer")},Y("navcontainer")),Ae=(Ce=u.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=p({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},Y("navcontent")),Se=p({ref:L,className:F("nav"),role:"tablist"},Y("nav")),Ee=p({ref:q,"aria-hidden":"true",role:"presentation",className:F("inkbar")},Y("inkbar")),u.createElement("div",Pe,u.createElement("ul",Se,Ce,u.createElement("li",Ee)))),He=(je=p({className:F("panelcontainer"),style:h.panelContainerStyle},Y("panelcontainer")),De=u.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=p({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},j.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return u.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),u.createElement("div",je,De)),Re=(Ne=p({"aria-hidden":"true"},Y("previcon")),Ie=c.IconUtils.getJSXIcon(h.prevButton||u.createElement(a.ChevronLeftIcon,Ne),N({},Ne),{props:h}),Te=p({ref:W,type:"button",className:F("prevbutton"),"aria-label":t.ariaLabel("previousPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},Y("prevbutton")),h.scrollable&&!O?u.createElement("button",Te,Ie,u.createElement(i.Ripple,null)):null),Be=function(){var e=p({"aria-hidden":"true"},Y("nexticon")),n=c.IconUtils.getJSXIcon(h.nextButton||u.createElement(l.ChevronRightIcon,e),N({},e),{props:h}),r=p({ref:J,type:"button",className:F("nextbutton"),"aria-label":t.ariaLabel("nextPageLabel"),onClick:function(e){return t=c.DomHandler.getWidth(B.current)-xe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},Y("nextbutton"));if(h.scrollable&&!D)return u.createElement("button",r,n,u.createElement(i.Ripple,null))}();return u.createElement("div",Ue,u.createElement("div",_e,Re,Ae,Be),He)}));I.displayName="TabPanel",T.displayName="TabView",exports.TabPanel=I,exports.TabView=T;

package/tabview/tabview.d.ts

@@ -155,6 +155,28 @@ export interface TabPanelPassThroughOptions {
  * @group Properties
  */
 export interface TabPanelProps {
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Defines if tab can be removed.
+     * @defaultValue false
+     */
+    closable?: boolean | undefined;
+    /**
+     * Style class of the tab header and content.
+     */
+    className?: string | undefined;
+    /**
+     * Inline style of the tab content.
+     */
+    contentStyle?: React.CSSProperties | undefined;
+    /**
+     * Style class of the tab content.
+     */
+    contentClassName?: string | undefined;
     /**
      * Orientation of tab headers.
      */
@@ -163,6 +185,14 @@ export interface TabPanelProps {
      * Header template of the tab to customize more.
      */
     headerTemplate?: React.ReactNode | ((options: TabPanelHeaderTemplateOptions) => React.ReactNode);
+    /**
+     * Inline style of the tab header.
+     */
+    headerStyle?: React.CSSProperties | undefined;
+    /**
+     * Style class of the tab header.
+     */
+    headerClassName?: string | undefined;
     /**
      * Icons can be placed at left of a header.
      */
@@ -188,40 +218,6 @@ export interface TabPanelProps {
      * @defaultValue false
      */
     disabled?: boolean | undefined;
-    /**
-     * Defines if tab can be removed.
-     * @defaultValue false
-     */
-    closable?: boolean | undefined;
-    /**
-     * Inline style of the tab header and content.
-     */
-    style?: React.CSSProperties | undefined;
-    /**
-     * Style class of the tab header and content.
-     */
-    className?: string | undefined;
-    /**
-     * Inline style of the tab header.
-     */
-    headerStyle?: React.CSSProperties | undefined;
-    /**
-     * Style class of the tab header.
-     */
-    headerClassName?: string | undefined;
-    /**
-     * Inline style of the tab content.
-     */
-    contentStyle?: React.CSSProperties | undefined;
-    /**
-     * Style class of the tab content.
-     */
-    contentClassName?: string | undefined;
-    /**
-     * Used to get the child elements of the component.
-     * @readonly
-     */
-    children?: React.ReactNode | undefined;
     /**
      * Uses to pass attributes to DOM elements inside the component.
      * @type {TabPanelPassThroughOptions}
@@ -232,11 +228,20 @@ export interface TabPanelProps {
      * @type {PassThroughOptions}
      */
     ptOptions?: PassThroughOptions;
+    /**
+     * Inline style of the tab header and content.
+     */
+    style?: React.CSSProperties | undefined;
     /**
      * When enabled, it removes component related styles in the core.
      * @defaultValue false
      */
     unstyled?: boolean;
+    /**
+     * When set as false, hides the tab panel.
+     * @defaultValue true
+     */
+    visible?: boolean | undefined;
 }
 
 /**

package/tabview/tabview.esm.js

@@ -212,8 +212,10 @@ var TabViewBase = ComponentBase.extend({
 var TabPanelBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'TabPanel',
+    children: undefined,
     className: null,
     closable: false,
+    closeIcon: null,
     contentClassName: null,
     contentStyle: null,
     disabled: false,
@@ -222,12 +224,11 @@ var TabPanelBase = ComponentBase.extend({
     headerStyle: null,
     headerTemplate: null,
     leftIcon: null,
-    rightIcon: null,
-    prevButton: null,
     nextButton: null,
-    closeIcon: null,
+    prevButton: null,
+    rightIcon: null,
     style: null,
-    children: undefined
+    visible: true
   },
   getCProp: function getCProp(tab, name) {
     return ObjectUtils.getComponentProp(tab, name, TabPanelBase.defaultProps);
@@ -321,7 +322,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     return TabPanelBase.getCProp(tab, name);
   };
   var shouldUseTab = function shouldUseTab(tab) {
-    return tab && ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
+    return tab && getTabProp(tab, 'visible') && ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
       return _i !== tab.key;
     });
   };

package/tabview/tabview.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i,useUpdateEffect as l}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as s}from"primereact/icons/chevronright";import{TimesIcon as u}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as f,UniqueComponentId as b,DomHandler as v,IconUtils as m}from"primereact/utils";function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function x(){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 C(e){return C="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},C(e)}function S(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=S(e,"string");return"symbol"===C(t)?t:String(t)}function P(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function T(){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,t){return E(e)||N(e,t)||w(e,t)||T()}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return f("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return f("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return f("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,i=e.index;return!(0,e.shouldUseTab)(a,i)||t.renderActiveOnly&&!o(i)?void 0:f(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return I(I({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:I(I({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,f){var h=o(),C=e.useContext(t),S=D.getProps(r,C),O=j(e.useState(S.id),2),P=O[0],E=O[1],N=j(e.useState(!0),2),T=N[0],k=N[1],I=j(e.useState(!1),2),_=I[0],R=I[1],L=j(e.useState([]),2),U=L[0],W=L[1],J=j(e.useState(S.activeIndex),2),X=J[0],V=J[1],z=e.useRef(null),H=e.useRef(null),K=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef({}),F=S.onTabChange?S.activeIndex:X,G=e.Children.count(S.children),Q={props:S,state:{id:P,isPrevButtonDisabled:T,isNextButtonDisabled:_,hiddenTabsState:U,activeIndex:X}},Z=D.setMetaData(B({},Q)),ee=Z.ptm,te=Z.ptmo,ne=Z.cx,re=Z.sx;a(D.css.styles,Z.isUnstyled,{name:"tabview"});var ae=function(e,t,n){var r={props:e.props,parent:Q,context:{index:n,count:G,first:0===n,last:n===G-1,active:n==X,disabled:ie(e,"disabled")}};return h(ee("tab.".concat(t),{tab:r}),ee("tabpanel.".concat(t),{tabpanel:r}),ee("tabpanel.".concat(t),r),te(ie(e,"pt"),t,r))},oe=function(e){return e===F},ie=function(e,t){return A.getCProp(e,t)},le=function(e){return e&&d.isValidChild(e,"TabPanel")&&U.every((function(t){return t!==e.key}))},ce=function(e,t){e.preventDefault();var n,r=S.onBeforeTabClose,a=S.onTabClose,o=S.children[t].key;r&&!1===r({originalEvent:e,index:t})||(W([].concat(y(n=U)||g(n)||w(n)||x(),[o])),a&&a({originalEvent:e,index:t}))},se=function(e,t,n){ue(e,t,n)},ue=function(e,t,n){if(e&&e.preventDefault(),!ie(t,"disabled")){if(S.onBeforeTabChange&&!1===S.onBeforeTabChange({originalEvent:e,index:n}))return;S.onTabChange?S.onTabChange({originalEvent:e,index:n}):V(n)}Oe({index:n})},pe=function(e,t,n){switch(e.code){case"ArrowLeft":fe(e);break;case"ArrowRight":de(e);break;case"Home":be(e);break;case"End":ve(e);break;case"PageDown":me(e);break;case"PageUp":he(e);break;case"Enter":case"Space":ye(e,t,n)}},de=function(e){var t=ge(e.target.parentElement);t?Se(t):be(e),e.preventDefault()},fe=function(e){var t=we(e.target.parentElement);t?Se(t):ve(e),e.preventDefault()},be=function(e){var t=xe();Se(t),e.preventDefault()},ve=function(e){var t=Ce();Se(t),e.preventDefault()},me=function(t){Oe({index:e.Children.count(S.children)-1}),t.preventDefault()},he=function(e){Oe({index:0}),e.preventDefault()},ye=function(e,t,n){ue(e,t,n),e.preventDefault()},ge=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},we=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},xe=function(){return ge(K.current.firstElementChild,!0)},Ce=function(){return we(K.current.lastElementChild,!0)},Se=function(e){e&&(v.focus(e),Oe({element:e}))},Oe=function(e){var t=e.element||q.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Pe=function(){var e=H.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(H.current);k(0===t),R(t===n-r)},Ee=function(e){S.scrollable&&Pe(),e.preventDefault()},Ne=function(){return[Y.current,$.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Te=function(){k(!0),R(!1),W([]),S.onTabChange?S.onTabChange({index:F}):V(S.activeIndex)};e.useEffect((function(){var e;e=q.current["tab_".concat(F)],M.current.style.width=v.getWidth(e)+"px",M.current.style.left=v.getOffset(e).left-v.getOffset(K.current).left+"px",Pe()})),i((function(){P||E(b())})),l((function(){if(d.isNotEmpty(U)){var t=(n=U[U.length-1],(r=e.Children.map(S.children,(function(e,t){if(le(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&n>t})));t&&se(null,t.tab,t.index)}var n,r}),[U]),l((function(){S.activeIndex!==X&&Oe({index:S.activeIndex})}),[S.activeIndex]),e.useImperativeHandle(f,(function(){return{props:S,reset:Te,getElement:function(){return z.current}}}));var je,ke,Ie,De,Ae,_e,Be,Re,Le,Ue=function(t,n){var r=oe(n),a=A.getCProps(t),o=a.headerStyle,i=a.headerClassName,l=a.style,c=a.className,s=a.disabled,f=a.leftIcon,b=a.rightIcon,v=a.header,y=a.headerTemplate,g=a.closable,w=a.closeIcon,x=P+"_header_"+n,C=P+n+"_content",O=s||!r?-1:0,E=f&&m.getJSXIcon(f,void 0,{props:S}),N=h({className:ne("tab.headertitle")},ae(t,"headertitle",n)),T=e.createElement("span",N,v),j=b&&m.getJSXIcon(b,void 0,{props:S}),k="p-tabview-close",I=g?m.getJSXIcon(w||e.createElement(u,{className:k,onClick:function(e){return ce(e,n)}}),{className:k,onClick:function(e){return ce(e,n)}},{props:S}):null,D=h({id:x,role:"tab",className:ne("tab.headeraction"),tabIndex:O,"aria-controls":C,"aria-selected":r,"aria-disabled":s,onClick:function(e){return se(e,t,n)},onKeyDown:function(e){return pe(e,t,n)}},ae(t,"headeraction",n)),_=e.createElement("a",D,E,T,j,I,e.createElement(p,null));y&&(_=d.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return se(e,t,n)},onKeyDown:function(e){return pe(e,t,n)},leftIconElement:E,titleElement:T,rightIconElement:j,element:_,props:S,index:n,selected:r,ariaControls:C}));var B=h({ref:function(e){return q.current["tab_".concat(n)]=e},className:ne("tab.header",{selected:r,disabled:s,headerClassName:i,_className:c}),style:re("tab.header",{headerStyle:o,_style:l}),role:"presentation"},ae(t,"root",n),ae(t,"header",n));return e.createElement("li",B,_)},We=h({id:P,ref:z,style:S.style,className:ne("root")},D.getOtherProps(S),ee("root")),Je=h({className:ne("navcontainer")},ee("navcontainer")),Xe=(je=e.Children.map(S.children,(function(e,t){if(le(e))return Ue(e,t)})),ke=h({id:P,ref:H,className:ne("navcontent"),style:S.style,onScroll:Ee},ee("navcontent")),Ie=h({ref:K,className:ne("nav"),role:"tablist"},ee("nav")),De=h({ref:M,"aria-hidden":"true",role:"presentation",className:ne("inkbar")},ee("inkbar")),e.createElement("div",ke,e.createElement("ul",Ie,je,e.createElement("li",De)))),Ve=(Ae=h({className:ne("panelcontainer"),style:S.panelContainerStyle},ee("panelcontainer")),_e=e.Children.map(S.children,(function(t,n){if(le(t)&&(!S.renderActiveOnly||oe(n))){var r=oe(n),a=P+"_header_"+n,o=h({id:P+n+"_content",className:ne("tab.content",{props:S,selected:r,getTabProp:ie,tab:t,isSelected:oe,shouldUseTab:le,index:n}),style:re("tab.content",{props:S,getTabProp:ie,tab:t,isSelected:oe,shouldUseTab:le,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),ae(t,"root",n),ae(t,"content",n));return e.createElement("div",o,S.renderActiveOnly?r&&ie(t,"children"):ie(t,"children"))}})),e.createElement("div",Ae,_e)),ze=(Be=h({"aria-hidden":"true"},ee("previcon")),Re=m.getJSXIcon(S.prevButton||e.createElement(c,Be),B({},Be),{props:S}),Le=h({ref:Y,type:"button",className:ne("prevbutton"),"aria-label":n("previousPageLabel"),onClick:function(e){return t=v.getWidth(H.current)-Ne(),void(H.current.scrollLeft=(n=H.current.scrollLeft-t)<=0?0:n);var t,n}},ee("prevbutton")),S.scrollable&&!T?e.createElement("button",Le,Re,e.createElement(p,null)):null),He=function(){var t=h({"aria-hidden":"true"},ee("nexticon")),r=m.getJSXIcon(S.nextButton||e.createElement(s,t),B({},t),{props:S}),a=h({ref:$,type:"button",className:ne("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(H.current)-Ne(),void(H.current.scrollLeft=(n=H.current.scrollLeft+t)>=(r=H.current.scrollWidth-t)?r:n);var t,n,r}},ee("nextbutton"));if(S.scrollable&&!_)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",We,e.createElement("div",Je,ze,Xe,He),Ve)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};
+import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as i,useUpdateEffect as l}from"primereact/hooks";import{ChevronLeftIcon as c}from"primereact/icons/chevronleft";import{ChevronRightIcon as s}from"primereact/icons/chevronright";import{TimesIcon as u}from"primereact/icons/times";import{Ripple as p}from"primereact/ripple";import{ObjectUtils as d,classNames as f,UniqueComponentId as b,DomHandler as v,IconUtils as m}from"primereact/utils";function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){if(Array.isArray(e))return h(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function x(){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 C(e){return C="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},C(e)}function S(e,t){if("object"!==C(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==C(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=S(e,"string");return"symbol"===C(t)?t:String(t)}function P(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}function T(){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,t){return E(e)||N(e,t)||w(e,t)||T()}function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=r.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return f("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return f("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return f("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,o=e.isSelected,i=e.index;return!(0,e.shouldUseTab)(a,i)||t.renderActiveOnly&&!o(i)?void 0:f(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return I(I({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(r,o)||t.renderActiveOnly&&!a(o)?void 0:I(I({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),A=r.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return d.getComponentProp(e,t,A.defaultProps)},getCProps:function(e){return d.getComponentProps(e,A.defaultProps)},getCOtherProps:function(e){return d.getComponentDiffProps(e,A.defaultProps)}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function B(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var R=function(){},L=e.forwardRef((function(r,f){var h=o(),C=e.useContext(t),S=D.getProps(r,C),O=j(e.useState(S.id),2),P=O[0],E=O[1],N=j(e.useState(!0),2),T=N[0],k=N[1],I=j(e.useState(!1),2),_=I[0],R=I[1],L=j(e.useState([]),2),U=L[0],W=L[1],J=j(e.useState(S.activeIndex),2),X=J[0],V=J[1],z=e.useRef(null),H=e.useRef(null),K=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),$=e.useRef(null),q=e.useRef({}),F=S.onTabChange?S.activeIndex:X,G=e.Children.count(S.children),Q={props:S,state:{id:P,isPrevButtonDisabled:T,isNextButtonDisabled:_,hiddenTabsState:U,activeIndex:X}},Z=D.setMetaData(B({},Q)),ee=Z.ptm,te=Z.ptmo,ne=Z.cx,re=Z.sx;a(D.css.styles,Z.isUnstyled,{name:"tabview"});var ae=function(e,t,n){var r={props:e.props,parent:Q,context:{index:n,count:G,first:0===n,last:n===G-1,active:n==X,disabled:ie(e,"disabled")}};return h(ee("tab.".concat(t),{tab:r}),ee("tabpanel.".concat(t),{tabpanel:r}),ee("tabpanel.".concat(t),r),te(ie(e,"pt"),t,r))},oe=function(e){return e===F},ie=function(e,t){return A.getCProp(e,t)},le=function(e){return e&&ie(e,"visible")&&d.isValidChild(e,"TabPanel")&&U.every((function(t){return t!==e.key}))},ce=function(e,t){e.preventDefault();var n,r=S.onBeforeTabClose,a=S.onTabClose,o=S.children[t].key;r&&!1===r({originalEvent:e,index:t})||(W([].concat(y(n=U)||g(n)||w(n)||x(),[o])),a&&a({originalEvent:e,index:t}))},se=function(e,t,n){ue(e,t,n)},ue=function(e,t,n){if(e&&e.preventDefault(),!ie(t,"disabled")){if(S.onBeforeTabChange&&!1===S.onBeforeTabChange({originalEvent:e,index:n}))return;S.onTabChange?S.onTabChange({originalEvent:e,index:n}):V(n)}Oe({index:n})},pe=function(e,t,n){switch(e.code){case"ArrowLeft":fe(e);break;case"ArrowRight":de(e);break;case"Home":be(e);break;case"End":ve(e);break;case"PageDown":me(e);break;case"PageUp":he(e);break;case"Enter":case"Space":ye(e,t,n)}},de=function(e){var t=ge(e.target.parentElement);t?Se(t):be(e),e.preventDefault()},fe=function(e){var t=we(e.target.parentElement);t?Se(t):ve(e),e.preventDefault()},be=function(e){var t=xe();Se(t),e.preventDefault()},ve=function(e){var t=Ce();Se(t),e.preventDefault()},me=function(t){Oe({index:e.Children.count(S.children)-1}),t.preventDefault()},he=function(e){Oe({index:0}),e.preventDefault()},ye=function(e,t,n){ue(e,t,n),e.preventDefault()},ge=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},we=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?v.getAttribute(n,"data-p-disabled")||"inkbar"===v.getAttribute(n,"data-pc-section")?e(n):v.findSingle(n,'[data-pc-section="headeraction"]'):null},xe=function(){return ge(K.current.firstElementChild,!0)},Ce=function(){return we(K.current.lastElementChild,!0)},Se=function(e){e&&(v.focus(e),Oe({element:e}))},Oe=function(e){var t=e.element||q.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},Pe=function(){var e=H.current,t=e.scrollLeft,n=e.scrollWidth,r=v.getWidth(H.current);k(0===t),R(t===n-r)},Ee=function(e){S.scrollable&&Pe(),e.preventDefault()},Ne=function(){return[Y.current,$.current].reduce((function(e,t){return t?e+v.getWidth(t):e}),0)},Te=function(){k(!0),R(!1),W([]),S.onTabChange?S.onTabChange({index:F}):V(S.activeIndex)};e.useEffect((function(){var e;e=q.current["tab_".concat(F)],M.current.style.width=v.getWidth(e)+"px",M.current.style.left=v.getOffset(e).left-v.getOffset(K.current).left+"px",Pe()})),i((function(){P||E(b())})),l((function(){if(d.isNotEmpty(U)){var t=(n=U[U.length-1],(r=e.Children.map(S.children,(function(e,t){if(le(e))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!ie(e.tab,"disabled")&&n>t})));t&&se(null,t.tab,t.index)}var n,r}),[U]),l((function(){S.activeIndex!==X&&Oe({index:S.activeIndex})}),[S.activeIndex]),e.useImperativeHandle(f,(function(){return{props:S,reset:Te,getElement:function(){return z.current}}}));var je,ke,Ie,De,Ae,_e,Be,Re,Le,Ue=function(t,n){var r=oe(n),a=A.getCProps(t),o=a.headerStyle,i=a.headerClassName,l=a.style,c=a.className,s=a.disabled,f=a.leftIcon,b=a.rightIcon,v=a.header,y=a.headerTemplate,g=a.closable,w=a.closeIcon,x=P+"_header_"+n,C=P+n+"_content",O=s||!r?-1:0,E=f&&m.getJSXIcon(f,void 0,{props:S}),N=h({className:ne("tab.headertitle")},ae(t,"headertitle",n)),T=e.createElement("span",N,v),j=b&&m.getJSXIcon(b,void 0,{props:S}),k="p-tabview-close",I=g?m.getJSXIcon(w||e.createElement(u,{className:k,onClick:function(e){return ce(e,n)}}),{className:k,onClick:function(e){return ce(e,n)}},{props:S}):null,D=h({id:x,role:"tab",className:ne("tab.headeraction"),tabIndex:O,"aria-controls":C,"aria-selected":r,"aria-disabled":s,onClick:function(e){return se(e,t,n)},onKeyDown:function(e){return pe(e,t,n)}},ae(t,"headeraction",n)),_=e.createElement("a",D,E,T,j,I,e.createElement(p,null));y&&(_=d.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return se(e,t,n)},onKeyDown:function(e){return pe(e,t,n)},leftIconElement:E,titleElement:T,rightIconElement:j,element:_,props:S,index:n,selected:r,ariaControls:C}));var B=h({ref:function(e){return q.current["tab_".concat(n)]=e},className:ne("tab.header",{selected:r,disabled:s,headerClassName:i,_className:c}),style:re("tab.header",{headerStyle:o,_style:l}),role:"presentation"},ae(t,"root",n),ae(t,"header",n));return e.createElement("li",B,_)},We=h({id:P,ref:z,style:S.style,className:ne("root")},D.getOtherProps(S),ee("root")),Je=h({className:ne("navcontainer")},ee("navcontainer")),Xe=(je=e.Children.map(S.children,(function(e,t){if(le(e))return Ue(e,t)})),ke=h({id:P,ref:H,className:ne("navcontent"),style:S.style,onScroll:Ee},ee("navcontent")),Ie=h({ref:K,className:ne("nav"),role:"tablist"},ee("nav")),De=h({ref:M,"aria-hidden":"true",role:"presentation",className:ne("inkbar")},ee("inkbar")),e.createElement("div",ke,e.createElement("ul",Ie,je,e.createElement("li",De)))),Ve=(Ae=h({className:ne("panelcontainer"),style:S.panelContainerStyle},ee("panelcontainer")),_e=e.Children.map(S.children,(function(t,n){if(le(t)&&(!S.renderActiveOnly||oe(n))){var r=oe(n),a=P+"_header_"+n,o=h({id:P+n+"_content",className:ne("tab.content",{props:S,selected:r,getTabProp:ie,tab:t,isSelected:oe,shouldUseTab:le,index:n}),style:re("tab.content",{props:S,getTabProp:ie,tab:t,isSelected:oe,shouldUseTab:le,index:n}),role:"tabpanel","aria-labelledby":a},A.getCOtherProps(t),ae(t,"root",n),ae(t,"content",n));return e.createElement("div",o,S.renderActiveOnly?r&&ie(t,"children"):ie(t,"children"))}})),e.createElement("div",Ae,_e)),ze=(Be=h({"aria-hidden":"true"},ee("previcon")),Re=m.getJSXIcon(S.prevButton||e.createElement(c,Be),B({},Be),{props:S}),Le=h({ref:Y,type:"button",className:ne("prevbutton"),"aria-label":n("previousPageLabel"),onClick:function(e){return t=v.getWidth(H.current)-Ne(),void(H.current.scrollLeft=(n=H.current.scrollLeft-t)<=0?0:n);var t,n}},ee("prevbutton")),S.scrollable&&!T?e.createElement("button",Le,Re,e.createElement(p,null)):null),He=function(){var t=h({"aria-hidden":"true"},ee("nexticon")),r=m.getJSXIcon(S.nextButton||e.createElement(s,t),B({},t),{props:S}),a=h({ref:$,type:"button",className:ne("nextbutton"),"aria-label":n("nextPageLabel"),onClick:function(e){return t=v.getWidth(H.current)-Ne(),void(H.current.scrollLeft=(n=H.current.scrollLeft+t)>=(r=H.current.scrollWidth-t)?r:n);var t,n,r}},ee("nextbutton"));if(S.scrollable&&!_)return e.createElement("button",a,r,e.createElement(p,null))}();return e.createElement("div",We,e.createElement("div",Je,ze,Xe,He),Ve)}));R.displayName="TabPanel",L.displayName="TabView";export{R as TabPanel,L as TabView};

package/tabview/tabview.js

@@ -225,8 +225,10 @@ this.primereact.tabview = (function (exports, React, api, componentbase, hooks,
   var TabPanelBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'TabPanel',
+      children: undefined,
       className: null,
       closable: false,
+      closeIcon: null,
       contentClassName: null,
       contentStyle: null,
       disabled: false,
@@ -235,12 +237,11 @@ this.primereact.tabview = (function (exports, React, api, componentbase, hooks,
       headerStyle: null,
       headerTemplate: null,
       leftIcon: null,
-      rightIcon: null,
-      prevButton: null,
       nextButton: null,
-      closeIcon: null,
+      prevButton: null,
+      rightIcon: null,
       style: null,
-      children: undefined
+      visible: true
     },
     getCProp: function getCProp(tab, name) {
       return utils.ObjectUtils.getComponentProp(tab, name, TabPanelBase.defaultProps);
@@ -334,7 +335,7 @@ this.primereact.tabview = (function (exports, React, api, componentbase, hooks,
       return TabPanelBase.getCProp(tab, name);
     };
     var shouldUseTab = function shouldUseTab(tab) {
-      return tab && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
+      return tab && getTabProp(tab, 'visible') && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
         return _i !== tab.key;
       });
     };

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function m(){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 h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function C(){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 P(e,t){return O(e)||x(e,t)||v(e,t)||C()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return s.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),D=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",className:null,closable:!1,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,rightIcon:null,prevButton:null,nextButton:null,closeIcon:null,style:null,children:void 0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,D.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,D.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,D.defaultProps)}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=p.forwardRef((function(e,t){var u=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),h=j.getProps(e,d),y=P(p.useState(h.id),2),g=y[0],w=y[1],O=P(p.useState(!0),2),x=O[0],C=O[1],S=P(p.useState(!1),2),E=S[0],N=S[1],T=P(p.useState([]),2),k=T[0],U=T[1],_=P(p.useState(h.activeIndex),2),A=_[0],H=_[1],R=p.useRef(null),B=p.useRef(null),L=p.useRef(null),W=p.useRef(null),J=p.useRef(null),M=p.useRef(null),V=p.useRef({}),X=h.onTabChange?h.activeIndex:A,z=p.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:x,isNextButtonDisabled:E,hiddenTabsState:k,activeIndex:A}},Y=j.setMetaData(I({},K)),q=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;r.useHandleStyle(j.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:z,first:0===n,last:n===z-1,active:n==A,disabled:ee(e,"disabled")}};return u(q("tab.".concat(t),{tab:r}),q("tabpanel.".concat(t),{tabpanel:r}),q("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return D.getCProp(e,t)},te=function(e){return e&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(b(n=k)||f(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},oe=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:p.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);C(0===t),N(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},Oe=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},xe=function(){C(!0),N(!1),U([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};p.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||w(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=p.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),p.useImperativeHandle(t,(function(){return{props:h,reset:xe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=D.getCProps(e),a=r.headerStyle,l=r.headerClassName,o=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,O=r.closeIcon,x=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&s.IconUtils.getJSXIcon(f,void 0,{props:h}),E=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),j=p.createElement("span",E,m),N=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?s.IconUtils.getJSXIcon(O||p.createElement(i.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=u({id:x,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),U=p.createElement("a",k,S,j,N,T,p.createElement(c.Ripple,null));y&&(U=s.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:S,titleElement:j,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:l,_className:d}),style:G("tab.header",{headerStyle:a,_style:o}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return p.createElement("li",_,U)},Ue=u({id:g,ref:R,style:h.style,className:F("root")},j.getOtherProps(h),q("root")),_e=u({className:F("navcontainer")},q("navcontainer")),Ae=(Ce=p.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=u({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},q("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},q("nav")),Ee=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},q("inkbar")),p.createElement("div",Pe,p.createElement("ul",Se,Ce,p.createElement("li",Ee)))),He=(je=u({className:F("panelcontainer"),style:h.panelContainerStyle},q("panelcontainer")),De=p.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},D.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return p.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),p.createElement("div",je,De)),Re=(Ne=u({"aria-hidden":"true"},q("previcon")),Ie=s.IconUtils.getJSXIcon(h.prevButton||p.createElement(l.ChevronLeftIcon,Ne),I({},Ne),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},q("prevbutton")),h.scrollable&&!x?p.createElement("button",Te,Ie,p.createElement(c.Ripple,null)):null),Be=function(){var e=u({"aria-hidden":"true"},q("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||p.createElement(o.ChevronRightIcon,e),I({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},q("nextbutton"));if(h.scrollable&&!E)return p.createElement("button",r,t,p.createElement(c.Ripple,null))}();return p.createElement("div",Ue,p.createElement("div",_e,Re,Ae,Be),He)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l,o,i,c,s){"use strict";function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t);function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){if(Array.isArray(e))return d(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function m(){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 h(e){return h="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},h(e)}function y(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"===h(t)?t:String(t)}function w(e,t,n){return(t=g(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,i=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function C(){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 P(e,t){return O(e)||x(e,t)||v(e,t)||C()}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"TabView",id:null,activeIndex:0,className:null,onBeforeTabChange:null,onBeforeTabClose:null,onTabChange:null,onTabClose:null,panelContainerClassName:null,panelContainerStyle:null,renderActiveOnly:!0,scrollable:!1,style:null,children:void 0},css:{classes:{navcontent:"p-tabview-nav-content",nav:"p-tabview-nav",inkbar:"p-tabview-ink-bar",panelcontainer:function(e){return s.classNames("p-tabview-panels",e.props.panelContainerClassName)},prevbutton:"p-tabview-nav-prev p-tabview-nav-btn p-link",nextbutton:"p-tabview-nav-next p-tabview-nav-btn p-link",root:function(e){var t=e.props;return s.classNames("p-tabview p-component",{"p-tabview-scrollable":t.scrollable},t.className)},navcontainer:"p-tabview-nav-container",tab:{header:function(e){return s.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":e.selected,"p-disabled":e.disabled},e.headerClassName,e._className)},headertitle:"p-tabview-title",headeraction:"p-tabview-nav-link",content:function(e){var t=e.props,n=e.selected,r=e.getTabProp,a=e.tab,l=e.isSelected,o=e.index;return!(0,e.shouldUseTab)(a,o)||t.renderActiveOnly&&!l(o)?void 0:s.classNames(r(a,"contentClassName"),r(a,"className"),"p-tabview-panel",{"p-hidden":!n})}}},styles:"\n@layer primereact {\n    .p-tabview-nav-container {\n        position: relative;\n    }\n    \n    .p-tabview-scrollable .p-tabview-nav-container {\n        overflow: hidden;\n    }\n    \n    .p-tabview-nav-content {\n        overflow-x: auto;\n        overflow-y: hidden;\n        scroll-behavior: smooth;\n        scrollbar-width: none;\n        overscroll-behavior: contain auto;\n        position: relative;\n    }\n    \n    .p-tabview-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex: 1 1 auto;\n    }\n    \n    .p-tabview-nav-link {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        overflow: hidden;\n    }\n    \n    .p-tabview-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n    \n    .p-tabview-nav-link:focus {\n        z-index: 1;\n    }\n    \n    .p-tabview-close {\n        z-index: 1;\n    }\n    \n    .p-tabview-title {\n        line-height: 1;\n        white-space: nowrap;\n    }\n    \n    .p-tabview-nav-btn {\n        position: absolute;\n        top: 0;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tabview-nav-prev {\n        left: 0;\n    }\n    \n    .p-tabview-nav-next {\n        right: 0;\n    }\n    \n    .p-tabview-nav-content::-webkit-scrollbar {\n        display: none;\n    }\n}\n",inlineStyles:{tab:{header:function(e){var t=e._style;return E(E({},e.headerStyle||{}),t||{})},content:function(e){var t=e.props,n=e.getTabProp,r=e.tab,a=e.isSelected,l=e.index;return!(0,e.shouldUseTab)(r,l)||t.renderActiveOnly&&!a(l)?void 0:E(E({},n(r,"contentStyle")||{}),n(r,"style")||{})}}}}}),D=r.ComponentBase.extend({defaultProps:{__TYPE:"TabPanel",children:void 0,className:null,closable:!1,closeIcon:null,contentClassName:null,contentStyle:null,disabled:!1,header:null,headerClassName:null,headerStyle:null,headerTemplate:null,leftIcon:null,nextButton:null,prevButton:null,rightIcon:null,style:null,visible:!0},getCProp:function(e,t){return s.ObjectUtils.getComponentProp(e,t,D.defaultProps)},getCProps:function(e){return s.ObjectUtils.getComponentProps(e,D.defaultProps)},getCOtherProps:function(e){return s.ObjectUtils.getComponentDiffProps(e,D.defaultProps)}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(){},k=p.forwardRef((function(e,t){var u=a.useMergeProps(),d=p.useContext(n.PrimeReactContext),h=j.getProps(e,d),y=P(p.useState(h.id),2),g=y[0],w=y[1],O=P(p.useState(!0),2),x=O[0],C=O[1],S=P(p.useState(!1),2),E=S[0],N=S[1],T=P(p.useState([]),2),k=T[0],U=T[1],_=P(p.useState(h.activeIndex),2),A=_[0],H=_[1],R=p.useRef(null),B=p.useRef(null),L=p.useRef(null),W=p.useRef(null),J=p.useRef(null),M=p.useRef(null),V=p.useRef({}),X=h.onTabChange?h.activeIndex:A,z=p.Children.count(h.children),K={props:h,state:{id:g,isPrevButtonDisabled:x,isNextButtonDisabled:E,hiddenTabsState:k,activeIndex:A}},Y=j.setMetaData(I({},K)),q=Y.ptm,$=Y.ptmo,F=Y.cx,G=Y.sx;r.useHandleStyle(j.css.styles,Y.isUnstyled,{name:"tabview"});var Q=function(e,t,n){var r={props:e.props,parent:K,context:{index:n,count:z,first:0===n,last:n===z-1,active:n==A,disabled:ee(e,"disabled")}};return u(q("tab.".concat(t),{tab:r}),q("tabpanel.".concat(t),{tabpanel:r}),q("tabpanel.".concat(t),r),$(ee(e,"pt"),t,r))},Z=function(e){return e===X},ee=function(e,t){return D.getCProp(e,t)},te=function(e){return e&&ee(e,"visible")&&s.ObjectUtils.isValidChild(e,"TabPanel")&&k.every((function(t){return t!==e.key}))},ne=function(e,t){e.preventDefault();var n,r=h.onBeforeTabClose,a=h.onTabClose,l=h.children[t].key;r&&!1===r({originalEvent:e,index:t})||(U([].concat(b(n=k)||f(n)||v(n)||m(),[l])),a&&a({originalEvent:e,index:t}))},re=function(e,t,n){ae(e,t,n)},ae=function(e,t,n){if(e&&e.preventDefault(),!ee(t,"disabled")){if(h.onBeforeTabChange&&!1===h.onBeforeTabChange({originalEvent:e,index:n}))return;h.onTabChange?h.onTabChange({originalEvent:e,index:n}):H(n)}ye({index:n})},le=function(e,t,n){switch(e.code){case"ArrowLeft":ie(e);break;case"ArrowRight":oe(e);break;case"Home":ce(e);break;case"End":se(e);break;case"PageDown":ue(e);break;case"PageUp":pe(e);break;case"Enter":case"Space":de(e,t,n)}},oe=function(e){var t=be(e.target.parentElement);t?he(t):ce(e),e.preventDefault()},ie=function(e){var t=fe(e.target.parentElement);t?he(t):se(e),e.preventDefault()},ce=function(e){var t=ve();he(t),e.preventDefault()},se=function(e){var t=me();he(t),e.preventDefault()},ue=function(e){ye({index:p.Children.count(h.children)-1}),e.preventDefault()},pe=function(e){ye({index:0}),e.preventDefault()},de=function(e,t,n){ae(e,t,n),e.preventDefault()},be=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.nextElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},fe=function e(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?t:t.previousElementSibling;return n?s.DomHandler.getAttribute(n,"data-p-disabled")||"inkbar"===s.DomHandler.getAttribute(n,"data-pc-section")?e(n):s.DomHandler.findSingle(n,'[data-pc-section="headeraction"]'):null},ve=function(){return be(L.current.firstElementChild,!0)},me=function(){return fe(L.current.lastElementChild,!0)},he=function(e){e&&(s.DomHandler.focus(e),ye({element:e}))},ye=function(e){var t=e.element||V.current["tab_".concat(e.index)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},ge=function(){var e=B.current,t=e.scrollLeft,n=e.scrollWidth,r=s.DomHandler.getWidth(B.current);C(0===t),N(t===n-r)},we=function(e){h.scrollable&&ge(),e.preventDefault()},Oe=function(){return[J.current,M.current].reduce((function(e,t){return t?e+s.DomHandler.getWidth(t):e}),0)},xe=function(){C(!0),N(!1),U([]),h.onTabChange?h.onTabChange({index:X}):H(h.activeIndex)};p.useEffect((function(){var e;e=V.current["tab_".concat(X)],W.current.style.width=s.DomHandler.getWidth(e)+"px",W.current.style.left=s.DomHandler.getOffset(e).left-s.DomHandler.getOffset(L.current).left+"px",ge()})),a.useMountEffect((function(){g||w(s.UniqueComponentId())})),a.useUpdateEffect((function(){if(s.ObjectUtils.isNotEmpty(k)){var e=(t=k[k.length-1],(n=p.Children.map(h.children,(function(e,t){if(te(e))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!ee(e.tab,"disabled")&&t>n})));e&&re(null,e.tab,e.index)}var t,n}),[k]),a.useUpdateEffect((function(){h.activeIndex!==A&&ye({index:h.activeIndex})}),[h.activeIndex]),p.useImperativeHandle(t,(function(){return{props:h,reset:xe,getElement:function(){return R.current}}}));var Ce,Pe,Se,Ee,je,De,Ne,Ie,Te,ke=function(e,t){var n=Z(t),r=D.getCProps(e),a=r.headerStyle,l=r.headerClassName,o=r.style,d=r.className,b=r.disabled,f=r.leftIcon,v=r.rightIcon,m=r.header,y=r.headerTemplate,w=r.closable,O=r.closeIcon,x=g+"_header_"+t,C=g+t+"_content",P=b||!n?-1:0,S=f&&s.IconUtils.getJSXIcon(f,void 0,{props:h}),E=u({className:F("tab.headertitle")},Q(e,"headertitle",t)),j=p.createElement("span",E,m),N=v&&s.IconUtils.getJSXIcon(v,void 0,{props:h}),I="p-tabview-close",T=w?s.IconUtils.getJSXIcon(O||p.createElement(i.TimesIcon,{className:I,onClick:function(e){return ne(e,t)}}),{className:I,onClick:function(e){return ne(e,t)}},{props:h}):null,k=u({id:x,role:"tab",className:F("tab.headeraction"),tabIndex:P,"aria-controls":C,"aria-selected":n,"aria-disabled":b,onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)}},Q(e,"headeraction",t)),U=p.createElement("a",k,S,j,N,T,p.createElement(c.Ripple,null));y&&(U=s.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return re(n,e,t)},onKeyDown:function(n){return le(n,e,t)},leftIconElement:S,titleElement:j,rightIconElement:N,element:U,props:h,index:t,selected:n,ariaControls:C}));var _=u({ref:function(e){return V.current["tab_".concat(t)]=e},className:F("tab.header",{selected:n,disabled:b,headerClassName:l,_className:d}),style:G("tab.header",{headerStyle:a,_style:o}),role:"presentation"},Q(e,"root",t),Q(e,"header",t));return p.createElement("li",_,U)},Ue=u({id:g,ref:R,style:h.style,className:F("root")},j.getOtherProps(h),q("root")),_e=u({className:F("navcontainer")},q("navcontainer")),Ae=(Ce=p.Children.map(h.children,(function(e,t){if(te(e))return ke(e,t)})),Pe=u({id:g,ref:B,className:F("navcontent"),style:h.style,onScroll:we},q("navcontent")),Se=u({ref:L,className:F("nav"),role:"tablist"},q("nav")),Ee=u({ref:W,"aria-hidden":"true",role:"presentation",className:F("inkbar")},q("inkbar")),p.createElement("div",Pe,p.createElement("ul",Se,Ce,p.createElement("li",Ee)))),He=(je=u({className:F("panelcontainer"),style:h.panelContainerStyle},q("panelcontainer")),De=p.Children.map(h.children,(function(e,t){if(te(e)&&(!h.renderActiveOnly||Z(t))){var n=Z(t),r=g+"_header_"+t,a=u({id:g+t+"_content",className:F("tab.content",{props:h,selected:n,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),style:G("tab.content",{props:h,getTabProp:ee,tab:e,isSelected:Z,shouldUseTab:te,index:t}),role:"tabpanel","aria-labelledby":r},D.getCOtherProps(e),Q(e,"root",t),Q(e,"content",t));return p.createElement("div",a,h.renderActiveOnly?n&&ee(e,"children"):ee(e,"children"))}})),p.createElement("div",je,De)),Re=(Ne=u({"aria-hidden":"true"},q("previcon")),Ie=s.IconUtils.getJSXIcon(h.prevButton||p.createElement(l.ChevronLeftIcon,Ne),I({},Ne),{props:h}),Te=u({ref:J,type:"button",className:F("prevbutton"),"aria-label":n.ariaLabel("previousPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft-t)<=0?0:n);var t,n}},q("prevbutton")),h.scrollable&&!x?p.createElement("button",Te,Ie,p.createElement(c.Ripple,null)):null),Be=function(){var e=u({"aria-hidden":"true"},q("nexticon")),t=s.IconUtils.getJSXIcon(h.nextButton||p.createElement(o.ChevronRightIcon,e),I({},e),{props:h}),r=u({ref:M,type:"button",className:F("nextbutton"),"aria-label":n.ariaLabel("nextPageLabel"),onClick:function(e){return t=s.DomHandler.getWidth(B.current)-Oe(),void(B.current.scrollLeft=(n=B.current.scrollLeft+t)>=(r=B.current.scrollWidth-t)?r:n);var t,n,r}},q("nextbutton"));if(h.scrollable&&!E)return p.createElement("button",r,t,p.createElement(c.Ripple,null))}();return p.createElement("div",Ue,p.createElement("div",_e,Re,Ae,Be),He)}));return T.displayName="TabPanel",k.displayName="TabView",e.TabPanel=T,e.TabView=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.icons.chevronleft,primereact.icons.chevronright,primereact.icons.times,primereact.ripple,primereact.utils);

package/tieredmenu/tieredmenu.cjs.js

@@ -168,7 +168,7 @@ var classes = {
   submenuIcon: 'p-submenu-icon',
   action: 'p-menuitem-link',
   menuitem: function menuitem(_ref3) {
-    var _className = _ref3._className,
+    var itemClassName = _ref3.itemClassName,
       active = _ref3.active,
       focused = _ref3.focused,
       disabled = _ref3.disabled;
@@ -176,7 +176,7 @@ var classes = {
       'p-menuitem-active p-highlight': active,
       'p-focus': focused,
       'p-disabled': disabled
-    }, _className);
+    }, itemClassName);
   },
   menu: 'p-tieredmenu-root-list',
   submenu: 'p-submenu-list',
@@ -365,6 +365,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     }
     var item = processedItem.item;
     var style = getItemProp(processedItem, 'style');
+    var itemClassName = getItemProp(processedItem, 'className');
     var _icon = getItemProp(processedItem, 'icon');
     var target = getItemProp(processedItem, 'target');
     var url = getItemProp(processedItem, 'url');
@@ -440,7 +441,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       'data-p-disabled': disabled,
       'data-p-visited': focused,
       className: cx('menuitem', {
-        className: item.className,
+        itemClassName: itemClassName,
         active: active,
         focused: focused,
         disabled: disabled

package/tieredmenu/tieredmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 m=p(e),d=s(n);function f(){return f=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},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 v(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(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 I(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 O(e,n){if(e){if("string"==typeof e)return I(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)?I(e,n):void 0}}function E(){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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",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.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.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 a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},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 S(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 D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.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 a.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};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{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:u,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"icon"),d=v(n,"target"),k=v(n,"url"),S=b(n),w=x(n),P=y(n),N=h(n),H=I(n),M=a.classNames("p-menuitem-link"),K=a.classNames("p-menuitem-icon",s),U=r({className:a.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),C=a.IconUtils.getJSXIcon(s,D({},U),{props:e.menuProps}),T=r({className:u("label")},p(n,"label")),A=i.label&&m.createElement("span",T,i.label),L=r({className:u("submenuIcon")},p(n,"submenuIcon")),R=H&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,L),D({},L),{props:e.menuProps}),_=j(n,t),q=r({href:k||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:d},p(n,"action")),W=m.createElement("a",q,C,A,R,m.createElement(l.Ripple,null));i.template&&(W=a.ObjectUtils.getJSXElement(i.template,i,{className:M,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:W,props:e,active:P,disabled:N}));var B=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),Z=r({key:S,id:S,"aria-label":i.label,"aria-disabled":N,"aria-expanded":H?P:void 0,"aria-haspopup":H&&!k?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return g(e)&&!v(e,"separator")})).length,"aria-posinset":E(t),"data-p-highlight":P,"data-p-disabled":N,"data-p-visited":w,className:u("menuitem",{className:i.className,active:P,focused:w,disabled:N}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",Z,m.createElement("div",B,W),_)},P=e.model?e.model.map((function(e,n){return 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:u(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));function P(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=k(m.useState(!1),2),L=A[0],R=A[1],_=k(m.useState([]),2),q=_[0],W=_[1],B=k(m.useState([]),2),Z=B[0],F=B[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=j.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;t.useHandleStyle(j.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=m.useRef(null),le=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=k(i.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=k(i.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){P(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":Me(e);break;case"Escape":p.popup&&a.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),c&&R(!0),t&&a.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=a.ObjectUtils.isEmpty(t.parent),o=Ze(t),u=Te();if(o){var c=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:c,level:s,parentKey:m}),r||R(!i),setTimeout((function(){a.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)a.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Ve(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(ie.current),-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Je(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=Z[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(ze()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&a.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(N(N({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},qe=function(e){return We(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},We=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Be=function(e){return We(e)&&Ze(e)},Ze=function(e){return O.some((function(n){return n.key===e.key}))},Fe=function(){return Z.findIndex((function(e){return We(e)}))},ze=function(){return a.ObjectUtils.findLastIndex(Z,(function(e){return We(e)}))},Ve=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return We(e)})):-1;return n>-1?n+e+1:e},Je=function(e){var n=e>0?a.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return We(e)})):-1;return n>-1?n:e},Xe=function(){return Z.findIndex((function(e){return Be(e)}))},Ye=function(){var e=Xe();return e<0?Fe():e},$e=function(){var e=Xe();return e<0?ze():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return qe(e)})))?Z.slice(0,C.index).findIndex((function(e){return qe(e)})):n+C.index:Z.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=m.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=nn(e.items,n+1,a,u),i.push(a)})),i}),[]),tn=function(){if(!ue.current){ue.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.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}},rn=function(){ue.current=a.DomHandler.removeInlineStyle(ue.current)},on=function(){p.autoZIndex&&a.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),a.DomHandler.absolutePosition(te.current,ie.current),a.DomHandler.getOuterWidth(ie.current)>a.DomHandler.getOuterWidth(te.current)&&(te.current.style.minWidth=a.DomHandler.getOuterWidth(ie.current)+"px"),a.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){a.ZIndexUtils.clear(te.current),rn()};i.useMountEffect((function(){var e=a.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=nn(p.model||[]);W(e)}),[p.model,nn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Ve(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(te.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},j.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),m.createElement(r.CSSTransition,f({nodeRef:te},sn),m.createElement("div",ln,m.createElement(w,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?m.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));H.displayName="TieredMenu",exports.TieredMenu=H;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 m=p(e),d=s(n);function f(){return f=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},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 v(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(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 I(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 O(e,n){if(e){if("string"==typeof e)return I(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)?I(e,n):void 0}}function E(){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 k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var j=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",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.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.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 a.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 S(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 D(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?S(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):S(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var w=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=i.useMergeProps(),o=e.ptm,u=e.cx,s=e.sx,p=function(n,t){return o(t,{hostName:e.hostName,context:{active:y(n)}})},d=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},f=function(n,t){var r=t.item;h(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},b=function(n){return"".concat(e.menuId,"_").concat(n.key)},v=function(e,n,t){return e&&e.item?a.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 a.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};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||d()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var k=function(n){var t=r({key:"separator_"+n,className:u("separator"),role:"separator"},o("separator",{hostName:e.hostName}));return m.createElement("li",t)},j=function(n,t){return I(n)?m.createElement(w,{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:u,sx:s}):null},S=function(n,t){if(!1===g(n))return null;var i=n.item,o=v(n,"style"),s=v(n,"className"),d=v(n,"icon"),k=v(n,"target"),S=v(n,"url"),w=b(n),P=x(n),N=y(n),H=h(n),M=I(n),K=a.classNames("p-menuitem-link"),U=a.classNames("p-menuitem-icon",d),C=r({className:a.classNames(i.icon,"p-menuitem-icon","icon")},p(n,"icon")),T=a.IconUtils.getJSXIcon(d,D({},C),{props:e.menuProps}),A=r({className:u("label")},p(n,"label")),L=i.label&&m.createElement("span",A,i.label),R=r({className:u("submenuIcon")},p(n,"submenuIcon")),_=M&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,R),D({},R),{props:e.menuProps}),q=j(n,t),W=r({href:S||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:u("action"),target:k},p(n,"action")),B=m.createElement("a",W,T,L,_,m.createElement(l.Ripple,null));i.template&&(B=a.ObjectUtils.getJSXElement(i.template,i,{className:K,labelClassName:"p-menuitem-text",iconClassName:U,submenuIconClassName:"p-submenu-icon",element:B,props:e,active:N,disabled:H}));var Z=r({onClick:function(e){return f(e,n)},onMouseEnter:function(e){return O(e,n)},className:u("content")},p(n,"content")),F=r({key:w,id:w,"aria-label":i.label,"aria-disabled":H,"aria-expanded":M?N:void 0,"aria-haspopup":M&&!S?"menu":void 0,"aria-level":e.level+1,"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:u("menuitem",{itemClassName:s,active:N,focused:P,disabled:H}),style:o,onMouseEnter:function(e){return O(e,i)},role:"menuitem"},p(n,"menuitem"));return m.createElement("li",F,m.createElement("div",Z,B),q)},P=e.model?e.model.map((function(e,n){return 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:u(N,{subProps:e}),style:s(N,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},o(N,{hostName:e.hostName}));return m.createElement("ul",H,P)})));function P(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}w.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=i.useMergeProps(),s=m.useContext(n.PrimeReactContext),p=j.getProps(e,s),b=k(m.useState(p.id),2),v=b[0],y=b[1],g=k(m.useState(!p.popup),2),h=g[0],x=g[1],I=k(m.useState([]),2),O=I[0],E=I[1],S=k(m.useState(!1),2),D=S[0],P=S[1],H=k(m.useState(null),2),M=H[0],K=H[1],U=k(m.useState({index:-1,level:0,parentKey:""}),2),C=U[0],T=U[1],A=k(m.useState(!1),2),L=A[0],R=A[1],_=k(m.useState([]),2),q=_[0],W=_[1],B=k(m.useState([]),2),Z=B[0],F=B[1],z=k(m.useState(!1),2),V=z[0],J=z[1],X=k(m.useState(null),2),Y=X[0],$=X[1],G=j.setMetaData({props:p,state:{id:v,visible:h,attributeSelector:Y}}),Q=G.ptm,ee=G.cx,ne=G.sx;t.useHandleStyle(j.css.styles,G.isUnstyled,{name:"tieredmenu"});var te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=m.useRef(null),le=i.useMatchMedia("screen and (max-width: ".concat(p.breakpoint,")"),!!p.breakpoint),se=k(i.useEventListener({type:"click",listener:function(e){var n=te.current&&!te.current.contains(e.target),t=!p.popup||!(ie.current&&(ie.current===e.target||ie.current.contains(e.target)));n&&t&&he(e,!p.popup)}}),2),pe=se[0],me=se[1],de=k(i.useResizeListener({listener:function(){!le&&he(event,!0)}}),2),fe=de[0],be=de[1],ve=function(e){p.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:ie.current})},ye=function(e){p.popup&&(h?he(e):ge(e))},ge=function(e){p.popup&&(ie.current=e.currentTarget,x(!0),p.onShow&&p.onShow(e),oe.current=e.relatedTarget||null),T({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Te();E([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){P(!0),T(-1!==C.index?C:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),T({index:-1,level:0,parentKey:""}),ae.current="",R(!1),p.onBlur&&p.onBlur(e)},Oe=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Se(e);break;case"ArrowUp":De(e);break;case"ArrowLeft":we(e);break;case"ArrowRight":Pe(e);break;case"Home":Ne(e);break;case"End":He(e);break;case"Space":Ke(e);break;case"Enter":Me(e);break;case"Escape":p.popup&&a.DomHandler.focus(ie.current),Ue(e);break;case"Tab":Ce(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Ge(e.key)}},Ee=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=O.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),E(l),c&&R(!0),t&&a.DomHandler.focus(Te())}},ke=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!p.isMobileMode){var r=_e(t),i=a.ObjectUtils.isEmpty(t.parent),o=Ze(t),u=Te();if(o){var c=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:c,level:s,parentKey:m}),r||R(!i),setTimeout((function(){a.DomHandler.focus(u),r&&R(!0)}),0)}else if(r)a.DomHandler.focus(u),Ee(e);else{var d=i?t:O.find((function(e){return""===e.parentKey})),f=d?d.index:-1;he(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},je=function(e){var n=e.originalEvent;Le(e.processedItem)||p.isMobileMode?n.preventDefault():L&&!p.popup&&Ee(e)},Se=function(e){var n=-1!==C.index?Ve(C.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(ie.current),-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==C.index?Je(C.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=Z[C.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),e.preventDefault()},Pe=function(e){var n=Z[C.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ae.current="",setTimeout((function(){return J(!0)}),0)),e.preventDefault()},Ne=function(e){Qe(Fe()),e.preventDefault()},He=function(e){Qe(ze()),e.preventDefault()},Me=function(e){if(-1!==C.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(M),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');p.popup&&a.DomHandler.focus(ie.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){Me(e)},Ue=function(e){he(e,!0),!p.popup&&T(N(N({},C),{},{index:Ye()})),e.preventDefault()},Ce=function(e){if(-1!==C.index){var n=Z[C.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Te=function(){return re.current.getElement()||null},Ae=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Le=function(e){return Ae(e,"disabled")},Re=function(e){return e?Ae(e.item,"label"):void 0},_e=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},qe=function(e){return We(e)&&Re(e).toLocaleLowerCase().startsWith(ae.current.toLocaleLowerCase())},We=function(e){return!!e&&!Le(e.item)&&!Ae(e.item,"separator")},Be=function(e){return We(e)&&Ze(e)},Ze=function(e){return O.some((function(n){return n.key===e.key}))},Fe=function(){return Z.findIndex((function(e){return We(e)}))},ze=function(){return a.ObjectUtils.findLastIndex(Z,(function(e){return We(e)}))},Ve=function(e){var n=e<Z.length-1?Z.slice(e+1).findIndex((function(e){return We(e)})):-1;return n>-1?n+e+1:e},Je=function(e){var n=e>0?a.ObjectUtils.findLastIndex(Z.slice(0,e),(function(e){return We(e)})):-1;return n>-1?n:e},Xe=function(){return Z.findIndex((function(e){return Be(e)}))},Ye=function(){var e=Xe();return e<0?Fe():e},$e=function(){var e=Xe();return e<0?ze():e},Ge=function(e){ae.current=(ae.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==C.index?-1===(n=Z.slice(C.index).findIndex((function(e){return qe(e)})))?Z.slice(0,C.index).findIndex((function(e){return qe(e)})):n+C.index:Z.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===C.index&&(n=Ye()),-1!==n&&Qe(n),ce.current&&clearTimeout(ce),ce.current=setTimeout((function(){ae.current="",ce.current=null}),500),t},Qe=function(e){C.index!==e&&(T(N(N({},C),{},{index:e})),en())},en=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(v,"_").concat(e):M,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=m.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=nn(e.items,n+1,a,u),i.push(a)})),i}),[]),tn=function(){if(!ue.current){ue.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.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}},rn=function(){ue.current=a.DomHandler.removeInlineStyle(ue.current)},on=function(){p.autoZIndex&&a.ZIndexUtils.set("menu",te.current,s&&s.autoZIndex||d.default.autoZIndex,p.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(te.current,{position:"absolute",top:"0",left:"0"}),a.DomHandler.absolutePosition(te.current,ie.current),a.DomHandler.getOuterWidth(ie.current)>a.DomHandler.getOuterWidth(te.current)&&(te.current.style.minWidth=a.DomHandler.getOuterWidth(ie.current)+"px"),a.DomHandler.focus(re.current.getElement()),en(),Y&&p.breakpoint&&(te.current.setAttribute(Y,""),tn())},un=function(){pe(),fe()},an=function(){ie.current=null,me(),be()},cn=function(){a.ZIndexUtils.clear(te.current),rn()};i.useMountEffect((function(){var e=a.UniqueComponentId();!v&&y(e),p.breakpoint&&!Y&&$(e)})),m.useEffect((function(){var e=nn(p.model||[]);W(e)}),[p.model,nn]),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===C.parentKey}));F(e?e.items:q)}),[O,C,q]),i.useUpdateEffect((function(){var e=-1!==C.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(C.parentKey)?"_"+C.parentKey:"","_").concat(C.index):null;K(e)}),[C]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==C.index?Ve(C.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==C.parentKey}))),J(!1)}}),[V]),i.useUpdateEffect((function(){return Y&&te.current&&(te.current.setAttribute(Y,""),tn()),function(){rn()}}),[Y,p.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(te.current)})),m.useImperativeHandle(c,(function(){return{props:p,toggle:ye,show:ge,hide:he,getElement:function(){return te.current}}}));var ln,sn,pn=(ln=l({ref:te,id:p.id,className:ee("root"),style:p.style,onClick:ve},j.getOtherProps(p),Q("root")),sn=l({classNames:ee("transition"),in:h,timeout:{enter:120,exit:100},options:p.transitionOptions,unmountOnExit:!0,onEnter:on,onEntered:un,onExit:an,onExited:cn},Q("transition")),m.createElement(r.CSSTransition,f({nodeRef:te},sn),m.createElement("div",ln,m.createElement(w,{id:v+"_list",ref:re,hostName:"TieredMenu",menuProps:p,tabIndex:0,model:q,ariaLabel:p.ariaLabel,ariaLabelledBy:p.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:D?M:void 0,menuId:v,level:0,focusedItemId:M,activeItemPath:O,onFocus:xe,onBlur:Ie,onKeyDown:Oe,onItemClick:ke,onItemMouseEnter:je,root:!0,popup:p.popup,onHide:he,isMobileMode:le,submenuIcon:p.submenuIcon,ptm:Q,cx:ee,sx:ne}))));return p.popup?m.createElement(u.Portal,{element:pn,appendTo:p.appendTo}):pn})));H.displayName="TieredMenu",exports.TieredMenu=H;

package/tieredmenu/tieredmenu.esm.js

@@ -141,7 +141,7 @@ var classes = {
   submenuIcon: 'p-submenu-icon',
   action: 'p-menuitem-link',
   menuitem: function menuitem(_ref3) {
-    var _className = _ref3._className,
+    var itemClassName = _ref3.itemClassName,
       active = _ref3.active,
       focused = _ref3.focused,
       disabled = _ref3.disabled;
@@ -149,7 +149,7 @@ var classes = {
       'p-menuitem-active p-highlight': active,
       'p-focus': focused,
       'p-disabled': disabled
-    }, _className);
+    }, itemClassName);
   },
   menu: 'p-tieredmenu-root-list',
   submenu: 'p-submenu-list',
@@ -338,6 +338,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     }
     var item = processedItem.item;
     var style = getItemProp(processedItem, 'style');
+    var itemClassName = getItemProp(processedItem, 'className');
     var _icon = getItemProp(processedItem, 'icon');
     var target = getItemProp(processedItem, 'target');
     var url = getItemProp(processedItem, 'url');
@@ -413,7 +414,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
       'data-p-disabled': disabled,
       'data-p-visited': focused,
       className: cx('menuitem', {
-        className: item.className,
+        itemClassName: itemClassName,
         active: active,
         focused: focused,
         disabled: disabled