primereact 9.2.3 → 9.3.1

package/tabview/tabview.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n,useUpdateEffect as r}from"primereact/hooks";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as l,UniqueComponentId as o,classNames as i,DomHandler as c}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function b(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 m(e){if(Array.isArray(e))return d(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(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 h(){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 g(e){if(Array.isArray(e))return e}function C(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,u=!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){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}function w(){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 g(e)||C(e,t)||y(e,t)||w()}var E={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},getProps:function(e){return l.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return l.getDiffProps(e,E.defaultProps)}},O={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,style:null,children:void 0},getCProp:function(e,t){return l.getComponentProp(e,t,O.defaultProps)},getCProps:function(e){return l.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return l.getComponentDiffProps(e,O.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 S(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){b(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(){},x=e.forwardRef((function(s,f){var p=E.getProps(s),b=P(e.useState(p.id),2),d=b[0],g=b[1],C=P(e.useState(!0),2),w=C[0],N=C[1],T=P(e.useState(!1),2),x=T[0],j=T[1],I=P(e.useState([]),2),_=I[0],k=I[1],A=P(e.useState(p.activeIndex),2),D=A[0],R=A[1],L=e.useRef(null),W=e.useRef(null),B=e.useRef(null),V=e.useRef(null),K=e.useRef(null),M=e.useRef(null),Y=e.useRef({}),H=p.onTabChange?p.activeIndex:D,J=function(e){return e===H},U=function(e,t){return O.getCProp(e,t)},X=function(e,t){return l.isValidChild(e,"TabPanel")&&_.every((function(e){return e!==t}))},$=function(e,t){var n;(e.preventDefault(),p.onBeforeTabClose&&!1===p.onBeforeTabClose({originalEvent:e,index:t}))||(k([].concat(m(n=_)||v(n)||y(n)||h(),[t])),p.onTabClose&&p.onTabClose({originalEvent:e,index:t}))},q=function(e,t,n){if(e&&e.preventDefault(),!U(t,"disabled")){if(p.onBeforeTabChange&&!1===p.onBeforeTabChange({originalEvent:e,index:n}))return;p.onTabChange?p.onTabChange({originalEvent:e,index:n}):R(n)}F(n)},z=function(e,t,n){"Enter"===e.key&&q(e,t,n)},F=function(e){var t=Y.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},G=function(e){var t,n,r,a;p.scrollable&&(n=(t=W.current).scrollLeft,r=t.scrollWidth,a=c.getWidth(W.current),N(0===n),j(n===r-a)),e.preventDefault()},Q=function(){return[K.current,M.current].reduce((function(e,t){return t?e+c.getWidth(t):e}),0)},Z=function(){var e=c.getWidth(W.current)-Q(),t=W.current.scrollLeft-e;W.current.scrollLeft=t<=0?0:t},ee=function(){var e=c.getWidth(W.current)-Q(),t=W.current.scrollLeft+e,n=W.current.scrollWidth-e;W.current.scrollLeft=t>=n?n:t},te=function(){N(!0),j(!1),k([]),p.onTabChange?p.onTabChange({index:H}):R(p.activeIndex)};e.useEffect((function(){var e;e=Y.current["tab_".concat(H)],V.current.style.width=c.getWidth(e)+"px",V.current.style.left=c.getOffset(e).left-c.getOffset(B.current).left+"px"})),n((function(){d||g(o())})),r((function(){if(l.isNotEmpty(_)){var t=(n=_[_.length-1],(r=e.Children.map(p.children,(function(e,t){if(X(e,t))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!U(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!U(e.tab,"disabled")&&n>t})));t&&q(null,t.tab,t.index)}var n,r}),[_]),r((function(){F(p.activeIndex)}),[p.activeIndex]),e.useImperativeHandle(f,(function(){return{props:p,reset:te,getElement:function(){return L.current}}}));var ne,re=function(t,n){var r=J(n),o=O.getCProps(t),c=o.headerClassName,u=o.style,s=o.className,f=o.disabled,b=o.leftIcon,m=o.rightIcon,v=o.header,y=o.headerTemplate,h=o.closable,g=S(S({},o.headerStyle||{}),u||{}),C=i("p-unselectable-text",{"p-tabview-selected p-highlight":r,"p-disabled":f},c,s),w=d+"_header_"+n,P=d+"_content_"+n,E=f?null:0,N=b&&e.createElement("i",{className:b}),T=e.createElement("span",{className:"p-tabview-title"},v),x=m&&e.createElement("i",{className:m}),j=e.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return q(e,t,n)},id:w,onKeyDown:function(e){return z(e,t,n)},"aria-controls":P,"aria-selected":r,tabIndex:E},N,T,x,h&&e.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return $(e,n)}}),e.createElement(a,null));y&&(j=l.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return q(e,t,n)},onKeyDown:function(e){return z(e,t,n)},leftIconElement:N,titleElement:T,rightIconElement:x,element:j,props:p,index:n,selected:r,ariaControls:P}));return e.createElement("li",{ref:function(e){return Y.current["tab_".concat(n)]=e},className:C,style:g,role:"presentation"},j)},ae=E.getOtherProps(p),le=i("p-tabview p-component",{"p-tabview-scrollable":p.scrollable},p.className),oe=(ne=e.Children.map(p.children,(function(e,t){if(X(e,t))return re(e,t)})),e.createElement("div",{ref:W,id:d,className:"p-tabview-nav-content",style:p.style,onScroll:G},e.createElement("ul",{ref:B,className:"p-tabview-nav",role:"tablist"},ne,e.createElement("li",{ref:V,className:"p-tabview-ink-bar"})))),ie=function(){var t=i("p-tabview-panels",p.panelContainerClassName),n=e.Children.map(p.children,(function(t,n){if(X(t,n)&&(!p.renderActiveOnly||J(n))){var r=J(n),a=S(S({},U(t,"contentStyle")||{}),U(t,"style")||{}),l=i(U(t,"contentClassName"),U(t,"className"),"p-tabview-panel",{"p-hidden":!r}),o=d+"_content_"+n,c=d+"_header_"+n,s=O.getCOtherProps(t);return e.createElement("div",u({},s,{id:o,"aria-labelledby":c,"aria-hidden":!r,className:l,style:a,role:"tabpanel"}),p.renderActiveOnly?r&&U(t,"children"):U(t,"children"))}}));return e.createElement("div",{className:t,style:p.panelContainerStyle},n)}(),ce=p.scrollable&&!w?e.createElement("button",{ref:K,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:Z,type:"button","aria-label":t("previousPageLabel")},e.createElement("span",{className:"pi pi-chevron-left"}),e.createElement(a,null)):null,ue=function(){if(p.scrollable&&!x)return e.createElement("button",{ref:M,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:ee,type:"button","aria-label":t("nextPageLabel")},e.createElement("span",{className:"pi pi-chevron-right","aria-hidden":"true"}),e.createElement(a,null))}();return e.createElement("div",u({ref:L,className:le},ae),e.createElement("div",{className:"p-tabview-nav-container"},ce,oe,ue),ie)}));T.displayName="TabPanel",x.displayName="TabView";export{T as TabPanel,x as TabView};
+import*as e from"react";import{ariaLabel as t}from"primereact/api";import{useMountEffect as n,useUpdateEffect as r}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{ObjectUtils as a,UniqueComponentId as o,classNames as i,DomHandler as c,IconUtils as u}from"primereact/utils";import{ChevronRightIcon as s}from"primereact/icons/chevronright";import{ChevronLeftIcon as f}from"primereact/icons/chevronleft";import{TimesIcon as p}from"primereact/icons/times";function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}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 d(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 v(e){var t=d(e,"string");return"symbol"===m(t)?t:String(t)}function y(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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 g(e){if(Array.isArray(e))return h(e)}function C(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 P(){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 E(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw l}}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 N(e,t){return E(e)||S(e,t)||w(e,t)||O()}var I={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},getProps:function(e){return a.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return a.getDiffProps(e,I.defaultProps)}},T={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 a.getComponentProp(e,t,T.defaultProps)},getCProps:function(e){return a.getComponentProps(e,T.defaultProps)},getCOtherProps:function(e){return a.getComponentDiffProps(e,T.defaultProps)}};function x(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var _=function(){},k=e.forwardRef((function(m,d){var v=I.getProps(m),y=N(e.useState(v.id),2),h=y[0],E=y[1],S=N(e.useState(!0),2),O=S[0],x=S[1],_=N(e.useState(!1),2),k=_[0],A=_[1],D=N(e.useState([]),2),B=D[0],R=D[1],L=N(e.useState(v.activeIndex),2),W=L[0],J=L[1],X=e.useRef(null),V=e.useRef(null),F=e.useRef(null),K=e.useRef(null),M=e.useRef(null),Y=e.useRef(null),H=e.useRef({}),U=v.onTabChange?v.activeIndex:W,$=function(e){return e===U},q=function(e,t){return T.getCProp(e,t)},z=function(e,t){return e&&a.isValidChild(e,"TabPanel")&&B.every((function(e){return e!==t}))},G=function(e,t){var n;(e.preventDefault(),v.onBeforeTabClose&&!1===v.onBeforeTabClose({originalEvent:e,index:t}))||(R([].concat(g(n=B)||C(n)||w(n)||P(),[t])),v.onTabClose&&v.onTabClose({originalEvent:e,index:t}))},Q=function(e,t,n){if(e&&e.preventDefault(),!q(t,"disabled")){if(v.onBeforeTabChange&&!1===v.onBeforeTabChange({originalEvent:e,index:n}))return;v.onTabChange?v.onTabChange({originalEvent:e,index:n}):J(n)}ee(n)},Z=function(e,t,n){"Enter"===e.key&&Q(e,t,n)},ee=function(e){var t=H.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},te=function(e){var t,n,r,l;v.scrollable&&(n=(t=V.current).scrollLeft,r=t.scrollWidth,l=c.getWidth(V.current),x(0===n),A(n===r-l)),e.preventDefault()},ne=function(){return[M.current,Y.current].reduce((function(e,t){return t?e+c.getWidth(t):e}),0)},re=function(){var e=c.getWidth(V.current)-ne(),t=V.current.scrollLeft-e;V.current.scrollLeft=t<=0?0:t},le=function(){var e=c.getWidth(V.current)-ne(),t=V.current.scrollLeft+e,n=V.current.scrollWidth-e;V.current.scrollLeft=t>=n?n:t},ae=function(){x(!0),A(!1),R([]),v.onTabChange?v.onTabChange({index:U}):J(v.activeIndex)};e.useEffect((function(){var e;e=H.current["tab_".concat(U)],K.current.style.width=c.getWidth(e)+"px",K.current.style.left=c.getOffset(e).left-c.getOffset(F.current).left+"px"})),n((function(){h||E(o())})),r((function(){if(a.isNotEmpty(B)){var t=(n=B[B.length-1],(r=e.Children.map(v.children,(function(e,t){if(z(e,t))return{tab:e,index:t}}))).find((function(e){var t=e.index;return!q(e.tab,"disabled")&&t>=n}))||r.reverse().find((function(e){var t=e.index;return!q(e.tab,"disabled")&&n>t})));t&&Q(null,t.tab,t.index)}var n,r}),[B]),r((function(){ee(v.activeIndex)}),[v.activeIndex]),e.useImperativeHandle(d,(function(){return{props:v,reset:ae,getElement:function(){return X.current}}}));var oe,ie,ce=function(t,n){var r=$(n),o=T.getCProps(t),c=o.headerClassName,s=o.style,f=o.className,b=o.disabled,m=o.leftIcon,d=o.rightIcon,y=o.header,g=o.headerTemplate,C=o.closable,w=o.closeIcon,P=j(j({},o.headerStyle||{}),s||{}),E=i("p-unselectable-text",{"p-tabview-selected p-highlight":r,"p-disabled":b},c,f),S=h+"_header_"+n,O=h+"_content_"+n,N=b?null:0,I=m&&e.createElement(e.Fragment,null,u.getJSXIcon(m,{props:v})),x=e.createElement("span",{className:"p-tabview-title"},y),_=d&&e.createElement(e.Fragment,null,u.getJSXIcon(d,{props:v})),k="p-tabview-close",A=C?u.getJSXIcon(w||e.createElement(p,{className:k,onClick:function(e){return G(e,n)}}),{className:k},{props:v}):null,D=e.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(e){return Q(e,t,n)},id:S,onKeyDown:function(e){return Z(e,t,n)},"aria-controls":O,"aria-selected":r,tabIndex:N},I,x,_,A,e.createElement(l,null));g&&(D=a.getJSXElement(g,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(e){return Q(e,t,n)},onKeyDown:function(e){return Z(e,t,n)},leftIconElement:I,titleElement:x,rightIconElement:_,element:D,props:v,index:n,selected:r,ariaControls:O}));return e.createElement("li",{ref:function(e){return H.current["tab_".concat(n)]=e},className:E,style:P,role:"presentation"},D)},ue=I.getOtherProps(v),se=i("p-tabview p-component",{"p-tabview-scrollable":v.scrollable},v.className),fe=(oe=e.Children.map(v.children,(function(e,t){if(z(e,t))return ce(e,t)})),e.createElement("div",{ref:V,id:h,className:"p-tabview-nav-content",style:v.style,onScroll:te},e.createElement("ul",{ref:F,className:"p-tabview-nav",role:"tablist"},oe,e.createElement("li",{ref:K,className:"p-tabview-ink-bar"})))),pe=function(){var t=i("p-tabview-panels",v.panelContainerClassName),n=e.Children.map(v.children,(function(t,n){if(z(t,n)&&(!v.renderActiveOnly||$(n))){var r=$(n),l=j(j({},q(t,"contentStyle")||{}),q(t,"style")||{}),a=i(q(t,"contentClassName"),q(t,"className"),"p-tabview-panel",{"p-hidden":!r}),o=h+"_content_"+n,c=h+"_header_"+n,u=T.getCOtherProps(t);return e.createElement("div",b({},u,{id:o,"aria-labelledby":c,"aria-hidden":!r,className:a,style:l,role:"tabpanel"}),v.renderActiveOnly?r&&q(t,"children"):q(t,"children"))}}));return e.createElement("div",{className:t,style:v.panelContainerStyle},n)}(),be=(ie=u.getJSXIcon(v.prevButton||e.createElement(f,null),void 0,{props:v}),v.scrollable&&!O?e.createElement("button",{ref:M,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:re,type:"button","aria-label":t("previousPageLabel")},ie,e.createElement(l,null)):null),me=function(){var n=u.getJSXIcon(v.prevButton||e.createElement(s,null),{"aria-hidden":"true"},{props:v});if(v.scrollable&&!k)return e.createElement("button",{ref:Y,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:le,type:"button","aria-label":t("nextPageLabel")},n,e.createElement(l,null))}();return e.createElement("div",b({ref:X,className:se},ue),e.createElement("div",{className:"p-tabview-nav-container"},be,fe,me),pe)}));_.displayName="TabPanel",k.displayName="TabView";export{_ as TabPanel,k as TabView};

package/tabview/tabview.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils) {
+this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils, chevronright, chevronleft, times) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -187,6 +187,9 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
       headerTemplate: null,
       leftIcon: null,
       rightIcon: null,
+      prevButton: null,
+      nextButton: null,
+      closeIcon: null,
       style: null,
       children: undefined
     },
@@ -241,7 +244,7 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
       return TabPanelBase.getCProp(tab, name);
     };
     var shouldUseTab = function shouldUseTab(tab, index) {
-      return utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
+      return tab && utils.ObjectUtils.isValidChild(tab, 'TabPanel') && hiddenTabsState.every(function (_i) {
         return _i !== index;
       });
     };
@@ -393,7 +396,8 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
         rightIcon = _TabPanelBase$getCPro.rightIcon,
         header = _TabPanelBase$getCPro.header,
         headerTemplate = _TabPanelBase$getCPro.headerTemplate,
-        closable = _TabPanelBase$getCPro.closable;
+        closable = _TabPanelBase$getCPro.closable,
+        closeIcon = _TabPanelBase$getCPro.closeIcon;
       var style = _objectSpread(_objectSpread({}, headerStyle || {}), _style || {});
       var className = utils.classNames('p-unselectable-text', {
         'p-tabview-selected p-highlight': selected,
@@ -402,21 +406,27 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
       var headerId = idState + '_header_' + index;
       var ariaControls = idState + '_content_' + index;
       var tabIndex = disabled ? null : 0;
-      var leftIconElement = leftIcon && /*#__PURE__*/React__namespace.createElement("i", {
-        className: leftIcon
-      });
+      var leftIconElement = leftIcon && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, utils.IconUtils.getJSXIcon(leftIcon, {
+        props: props
+      }));
       var titleElement = /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-tabview-title"
       }, header);
-      var rightIconElement = rightIcon && /*#__PURE__*/React__namespace.createElement("i", {
-        className: rightIcon
-      });
-      var closableIconElement = closable && /*#__PURE__*/React__namespace.createElement("i", {
-        className: "p-tabview-close pi pi-times",
+      var rightIconElement = rightIcon && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, utils.IconUtils.getJSXIcon(rightIcon, {
+        props: props
+      }));
+      var iconClassName = 'p-tabview-close';
+      var icon = closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+        className: iconClassName,
         onClick: function onClick(e) {
           return onTabHeaderClose(e, index);
         }
       });
+      var closableIconElement = closable ? utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
+      }, {
+        props: props
+      }) : null;
       var content =
       /*#__PURE__*/
       // eslint-disable /
@@ -519,6 +529,10 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
       }, contents);
     };
     var createPrevButton = function createPrevButton() {
+      var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, null);
+      var leftIcon = utils.IconUtils.getJSXIcon(icon, undefined, {
+        props: props
+      });
       if (props.scrollable && !backwardIsDisabledState) {
         return /*#__PURE__*/React__namespace.createElement("button", {
           ref: prevBtnRef,
@@ -526,13 +540,17 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
           onClick: navBackward,
           type: "button",
           "aria-label": api.ariaLabel('previousPageLabel')
-        }, /*#__PURE__*/React__namespace.createElement("span", {
-          className: "pi pi-chevron-left"
-        }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, leftIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
       return null;
     };
     var createNextButton = function createNextButton() {
+      var icon = props.prevButton || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, null);
+      var rightIcon = utils.IconUtils.getJSXIcon(icon, {
+        'aria-hidden': 'true'
+      }, {
+        props: props
+      });
       if (props.scrollable && !forwardIsDisabledState) {
         return /*#__PURE__*/React__namespace.createElement("button", {
           ref: nextBtnRef,
@@ -540,10 +558,7 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
           onClick: navForward,
           type: "button",
           "aria-label": api.ariaLabel('nextPageLabel')
-        }, /*#__PURE__*/React__namespace.createElement("span", {
-          className: "pi pi-chevron-right",
-          "aria-hidden": "true"
-        }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+        }, rightIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       }
     };
     var otherProps = TabViewBase.getOtherProps(props);
@@ -571,4 +586,4 @@ this.primereact.tabview = (function (exports, React, api, hooks, ripple, utils)
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.utils);
+})({}, React, primereact.api, primereact.hooks, primereact.ripple, primereact.utils, primereact.icons.chevronright, primereact.icons.chevronleft, primereact.icons.times);

package/tabview/tabview.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,a,l){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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 o=i(t);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}function u(e){return u="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},u(e)}function s(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=s(e,"string");return"symbol"===u(t)?t:String(t)}function p(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(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 b(e)}function m(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 b(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)?b(e,t):void 0}}function y(){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){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],c=!0,u=!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)&&(o.push(r.value),o.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw a}}return o}}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 h(e)||g(e,t)||v(e,t)||O()}var w={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},getProps:function(e){return l.ObjectUtils.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,w.defaultProps)}},P={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,style:null,children:void 0},getCProp:function(e,t){return l.ObjectUtils.getComponentProp(e,t,P.defaultProps)},getCProps:function(e){return l.ObjectUtils.getComponentProps(e,P.defaultProps)},getCOtherProps:function(e){return l.ObjectUtils.getComponentDiffProps(e,P.defaultProps)}};function E(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?E(Object(n),!0).forEach((function(t){p(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=function(){},S=o.forwardRef((function(e,t){var i=w.getProps(e),u=C(o.useState(i.id),2),s=u[0],f=u[1],p=C(o.useState(!0),2),b=p[0],h=p[1],g=C(o.useState(!1),2),O=g[0],E=g[1],j=C(o.useState([]),2),S=j[0],T=j[1],x=C(o.useState(i.activeIndex),2),I=x[0],D=x[1],_=o.useRef(null),k=o.useRef(null),A=o.useRef(null),R=o.useRef(null),U=o.useRef(null),L=o.useRef(null),H=o.useRef({}),W=i.onTabChange?i.activeIndex:I,B=function(e){return e===W},V=function(e,t){return P.getCProp(e,t)},M=function(e,t){return l.ObjectUtils.isValidChild(e,"TabPanel")&&S.every((function(e){return e!==t}))},K=function(e,t){var n;(e.preventDefault(),i.onBeforeTabClose&&!1===i.onBeforeTabClose({originalEvent:e,index:t}))||(T([].concat(d(n=S)||m(n)||v(n)||y(),[t])),i.onTabClose&&i.onTabClose({originalEvent:e,index:t}))},Y=function(e,t,n){if(e&&e.preventDefault(),!V(t,"disabled")){if(i.onBeforeTabChange&&!1===i.onBeforeTabChange({originalEvent:e,index:n}))return;i.onTabChange?i.onTabChange({originalEvent:e,index:n}):D(n)}z(n)},q=function(e,t,n){"Enter"===e.key&&Y(e,t,n)},z=function(e){var t=H.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},J=function(e){var t,n,r,a;i.scrollable&&(n=(t=k.current).scrollLeft,r=t.scrollWidth,a=l.DomHandler.getWidth(k.current),h(0===n),E(n===r-a)),e.preventDefault()},X=function(){return[U.current,L.current].reduce((function(e,t){return t?e+l.DomHandler.getWidth(t):e}),0)},$=function(){var e=l.DomHandler.getWidth(k.current)-X(),t=k.current.scrollLeft-e;k.current.scrollLeft=t<=0?0:t},F=function(){var e=l.DomHandler.getWidth(k.current)-X(),t=k.current.scrollLeft+e,n=k.current.scrollWidth-e;k.current.scrollLeft=t>=n?n:t},G=function(){h(!0),E(!1),T([]),i.onTabChange?i.onTabChange({index:W}):D(i.activeIndex)};o.useEffect((function(){var e;e=H.current["tab_".concat(W)],R.current.style.width=l.DomHandler.getWidth(e)+"px",R.current.style.left=l.DomHandler.getOffset(e).left-l.DomHandler.getOffset(A.current).left+"px"})),r.useMountEffect((function(){s||f(l.UniqueComponentId())})),r.useUpdateEffect((function(){if(l.ObjectUtils.isNotEmpty(S)){var e=(t=S[S.length-1],(n=o.Children.map(i.children,(function(e,t){if(M(e,t))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!V(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!V(e.tab,"disabled")&&t>n})));e&&Y(null,e.tab,e.index)}var t,n}),[S]),r.useUpdateEffect((function(){z(i.activeIndex)}),[i.activeIndex]),o.useImperativeHandle(t,(function(){return{props:i,reset:G,getElement:function(){return _.current}}}));var Q,Z=function(e,t){var n=B(t),r=P.getCProps(e),c=r.headerClassName,u=r.style,f=r.className,p=r.disabled,b=r.leftIcon,d=r.rightIcon,m=r.header,v=r.headerTemplate,y=r.closable,h=N(N({},r.headerStyle||{}),u||{}),g=l.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":n,"p-disabled":p},c,f),O=s+"_header_"+t,C=s+"_content_"+t,w=p?null:0,E=b&&o.createElement("i",{className:b}),j=o.createElement("span",{className:"p-tabview-title"},m),S=d&&o.createElement("i",{className:d}),T=o.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(n){return Y(n,e,t)},id:O,onKeyDown:function(n){return q(n,e,t)},"aria-controls":C,"aria-selected":n,tabIndex:w},E,j,S,y&&o.createElement("i",{className:"p-tabview-close pi pi-times",onClick:function(e){return K(e,t)}}),o.createElement(a.Ripple,null));v&&(T=l.ObjectUtils.getJSXElement(v,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return Y(n,e,t)},onKeyDown:function(n){return q(n,e,t)},leftIconElement:E,titleElement:j,rightIconElement:S,element:T,props:i,index:t,selected:n,ariaControls:C}));return o.createElement("li",{ref:function(e){return H.current["tab_".concat(t)]=e},className:g,style:h,role:"presentation"},T)},ee=w.getOtherProps(i),te=l.classNames("p-tabview p-component",{"p-tabview-scrollable":i.scrollable},i.className),ne=(Q=o.Children.map(i.children,(function(e,t){if(M(e,t))return Z(e,t)})),o.createElement("div",{ref:k,id:s,className:"p-tabview-nav-content",style:i.style,onScroll:J},o.createElement("ul",{ref:A,className:"p-tabview-nav",role:"tablist"},Q,o.createElement("li",{ref:R,className:"p-tabview-ink-bar"})))),re=function(){var e=l.classNames("p-tabview-panels",i.panelContainerClassName),t=o.Children.map(i.children,(function(e,t){if(M(e,t)&&(!i.renderActiveOnly||B(t))){var n=B(t),r=N(N({},V(e,"contentStyle")||{}),V(e,"style")||{}),a=l.classNames(V(e,"contentClassName"),V(e,"className"),"p-tabview-panel",{"p-hidden":!n}),u=s+"_content_"+t,f=s+"_header_"+t,p=P.getCOtherProps(e);return o.createElement("div",c({},p,{id:u,"aria-labelledby":f,"aria-hidden":!n,className:a,style:r,role:"tabpanel"}),i.renderActiveOnly?n&&V(e,"children"):V(e,"children"))}}));return o.createElement("div",{className:e,style:i.panelContainerStyle},t)}(),ae=i.scrollable&&!b?o.createElement("button",{ref:U,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:$,type:"button","aria-label":n.ariaLabel("previousPageLabel")},o.createElement("span",{className:"pi pi-chevron-left"}),o.createElement(a.Ripple,null)):null,le=function(){if(i.scrollable&&!O)return o.createElement("button",{ref:L,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:F,type:"button","aria-label":n.ariaLabel("nextPageLabel")},o.createElement("span",{className:"pi pi-chevron-right","aria-hidden":"true"}),o.createElement(a.Ripple,null))}();return o.createElement("div",c({ref:_,className:te},ee),o.createElement("div",{className:"p-tabview-nav-container"},ae,ne,le),re)}));return j.displayName="TabPanel",S.displayName="TabView",e.TabPanel=j,e.TabView=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tabview=function(e,t,n,r,l,a,o,i,c){"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 s=u(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function b(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===p(t)?t:String(t)}function m(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function v(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 v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function g(e,t){if(e){if("string"==typeof e)return v(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)?v(e,t):void 0}}function O(){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){if(Array.isArray(e))return e}function w(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,a,o,i=[],c=!0,u=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){u=!0,l=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw l}}return i}}function P(){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 E(e,t){return C(e)||w(e,t)||g(e,t)||P()}var j={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},getProps:function(e){return a.ObjectUtils.getMergedProps(e,j.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,j.defaultProps)}},I={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 a.ObjectUtils.getComponentProp(e,t,I.defaultProps)},getCProps:function(e){return a.ObjectUtils.getComponentProps(e,I.defaultProps)},getCOtherProps:function(e){return a.ObjectUtils.getComponentDiffProps(e,I.defaultProps)}};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 N(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){m(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 T=function(){},x=s.forwardRef((function(e,t){var u=j.getProps(e),p=E(s.useState(u.id),2),b=p[0],d=p[1],m=E(s.useState(!0),2),v=m[0],C=m[1],w=E(s.useState(!1),2),P=w[0],S=w[1],T=E(s.useState([]),2),x=T[0],D=T[1],_=E(s.useState(u.activeIndex),2),U=_[0],k=_[1],R=s.useRef(null),A=s.useRef(null),B=s.useRef(null),L=s.useRef(null),H=s.useRef(null),W=s.useRef(null),J=s.useRef({}),V=u.onTabChange?u.activeIndex:U,X=function(e){return e===V},M=function(e,t){return I.getCProp(e,t)},F=function(e,t){return e&&a.ObjectUtils.isValidChild(e,"TabPanel")&&x.every((function(e){return e!==t}))},K=function(e,t){var n;(e.preventDefault(),u.onBeforeTabClose&&!1===u.onBeforeTabClose({originalEvent:e,index:t}))||(D([].concat(y(n=x)||h(n)||g(n)||O(),[t])),u.onTabClose&&u.onTabClose({originalEvent:e,index:t}))},Y=function(e,t,n){if(e&&e.preventDefault(),!M(t,"disabled")){if(u.onBeforeTabChange&&!1===u.onBeforeTabChange({originalEvent:e,index:n}))return;u.onTabChange?u.onTabChange({originalEvent:e,index:n}):k(n)}z(n)},q=function(e,t,n){"Enter"===e.key&&Y(e,t,n)},z=function(e){var t=J.current["tab_".concat(e)];t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest"})},$=function(e){var t,n,r,l;u.scrollable&&(n=(t=A.current).scrollLeft,r=t.scrollWidth,l=a.DomHandler.getWidth(A.current),C(0===n),S(n===r-l)),e.preventDefault()},G=function(){return[H.current,W.current].reduce((function(e,t){return t?e+a.DomHandler.getWidth(t):e}),0)},Q=function(){var e=a.DomHandler.getWidth(A.current)-G(),t=A.current.scrollLeft-e;A.current.scrollLeft=t<=0?0:t},Z=function(){var e=a.DomHandler.getWidth(A.current)-G(),t=A.current.scrollLeft+e,n=A.current.scrollWidth-e;A.current.scrollLeft=t>=n?n:t},ee=function(){C(!0),S(!1),D([]),u.onTabChange?u.onTabChange({index:V}):k(u.activeIndex)};s.useEffect((function(){var e;e=J.current["tab_".concat(V)],L.current.style.width=a.DomHandler.getWidth(e)+"px",L.current.style.left=a.DomHandler.getOffset(e).left-a.DomHandler.getOffset(B.current).left+"px"})),r.useMountEffect((function(){b||d(a.UniqueComponentId())})),r.useUpdateEffect((function(){if(a.ObjectUtils.isNotEmpty(x)){var e=(t=x[x.length-1],(n=s.Children.map(u.children,(function(e,t){if(F(e,t))return{tab:e,index:t}}))).find((function(e){var n=e.index;return!M(e.tab,"disabled")&&n>=t}))||n.reverse().find((function(e){var n=e.index;return!M(e.tab,"disabled")&&t>n})));e&&Y(null,e.tab,e.index)}var t,n}),[x]),r.useUpdateEffect((function(){z(u.activeIndex)}),[u.activeIndex]),s.useImperativeHandle(t,(function(){return{props:u,reset:ee,getElement:function(){return R.current}}}));var te,ne,re=function(e,t){var n=X(t),r=I.getCProps(e),o=r.headerClassName,i=r.style,f=r.className,p=r.disabled,d=r.leftIcon,m=r.rightIcon,v=r.header,y=r.headerTemplate,h=r.closable,g=r.closeIcon,O=N(N({},r.headerStyle||{}),i||{}),C=a.classNames("p-unselectable-text",{"p-tabview-selected p-highlight":n,"p-disabled":p},o,f),w=b+"_header_"+t,P=b+"_content_"+t,E=p?null:0,j=d&&s.createElement(s.Fragment,null,a.IconUtils.getJSXIcon(d,{props:u})),S=s.createElement("span",{className:"p-tabview-title"},v),T=m&&s.createElement(s.Fragment,null,a.IconUtils.getJSXIcon(m,{props:u})),x="p-tabview-close",D=h?a.IconUtils.getJSXIcon(g||s.createElement(c.TimesIcon,{className:x,onClick:function(e){return K(e,t)}}),{className:x},{props:u}):null,_=s.createElement("a",{role:"tab",className:"p-tabview-nav-link",onClick:function(n){return Y(n,e,t)},id:w,onKeyDown:function(n){return q(n,e,t)},"aria-controls":P,"aria-selected":n,tabIndex:E},j,S,T,D,s.createElement(l.Ripple,null));y&&(_=a.ObjectUtils.getJSXElement(y,{className:"p-tabview-nav-link",titleClassName:"p-tabview-title",onClick:function(n){return Y(n,e,t)},onKeyDown:function(n){return q(n,e,t)},leftIconElement:j,titleElement:S,rightIconElement:T,element:_,props:u,index:t,selected:n,ariaControls:P}));return s.createElement("li",{ref:function(e){return J.current["tab_".concat(t)]=e},className:C,style:O,role:"presentation"},_)},le=j.getOtherProps(u),ae=a.classNames("p-tabview p-component",{"p-tabview-scrollable":u.scrollable},u.className),oe=(te=s.Children.map(u.children,(function(e,t){if(F(e,t))return re(e,t)})),s.createElement("div",{ref:A,id:b,className:"p-tabview-nav-content",style:u.style,onScroll:$},s.createElement("ul",{ref:B,className:"p-tabview-nav",role:"tablist"},te,s.createElement("li",{ref:L,className:"p-tabview-ink-bar"})))),ie=function(){var e=a.classNames("p-tabview-panels",u.panelContainerClassName),t=s.Children.map(u.children,(function(e,t){if(F(e,t)&&(!u.renderActiveOnly||X(t))){var n=X(t),r=N(N({},M(e,"contentStyle")||{}),M(e,"style")||{}),l=a.classNames(M(e,"contentClassName"),M(e,"className"),"p-tabview-panel",{"p-hidden":!n}),o=b+"_content_"+t,i=b+"_header_"+t,c=I.getCOtherProps(e);return s.createElement("div",f({},c,{id:o,"aria-labelledby":i,"aria-hidden":!n,className:l,style:r,role:"tabpanel"}),u.renderActiveOnly?n&&M(e,"children"):M(e,"children"))}}));return s.createElement("div",{className:e,style:u.panelContainerStyle},t)}(),ce=(ne=a.IconUtils.getJSXIcon(u.prevButton||s.createElement(i.ChevronLeftIcon,null),void 0,{props:u}),u.scrollable&&!v?s.createElement("button",{ref:H,className:"p-tabview-nav-prev p-tabview-nav-btn p-link",onClick:Q,type:"button","aria-label":n.ariaLabel("previousPageLabel")},ne,s.createElement(l.Ripple,null)):null),ue=function(){var e=a.IconUtils.getJSXIcon(u.prevButton||s.createElement(o.ChevronRightIcon,null),{"aria-hidden":"true"},{props:u});if(u.scrollable&&!P)return s.createElement("button",{ref:W,className:"p-tabview-nav-next p-tabview-nav-btn p-link",onClick:Z,type:"button","aria-label":n.ariaLabel("nextPageLabel")},e,s.createElement(l.Ripple,null))}();return s.createElement("div",f({ref:R,className:ae},le),s.createElement("div",{className:"p-tabview-nav-container"},ce,oe,ue),ie)}));return T.displayName="TabPanel",x.displayName="TabView",e.TabPanel=T,e.TabView=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.ripple,primereact.utils,primereact.icons.chevronright,primereact.icons.chevronleft,primereact.icons.times);

package/tieredmenu/tieredmenu.cjs.js

@@ -10,6 +10,7 @@ var overlayservice = require('primereact/overlayservice');
 var portal = require('primereact/portal');
 var utils = require('primereact/utils');
 var ripple = require('primereact/ripple');
+var angleright = require('primereact/icons/angleright');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -120,6 +121,7 @@ var TieredMenuBase = {
     transitionOptions: null,
     onShow: null,
     onHide: null,
+    submenuIcon: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -292,7 +294,8 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
         onKeyDown: onChildItemKeyDown,
         parentActive: item === activeItemState,
         isMobileMode: props.isMobileMode,
-        onItemToggle: props.onItemToggle
+        onItemToggle: props.onItemToggle,
+        submenuIcon: props.submenuIcon
       });
     }
     return null;
@@ -320,7 +323,6 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
       'p-disabled': disabled
     });
     var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-    var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
     var icon = utils.IconUtils.getJSXIcon(_icon, {
       className: 'p-menuitem-icon'
     }, {
@@ -329,8 +331,13 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
       className: "p-menuitem-text"
     }, _label);
-    var submenuIcon = items && /*#__PURE__*/React__namespace.createElement("span", {
+    var submenuIconClassName = 'p-submenu-icon';
+    var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
       className: submenuIconClassName
+    }), {
+      className: submenuIconClassName
+    }, {
+      props: props.menuProps
     });
     var submenu = createSubmenu(item);
     var content = /*#__PURE__*/React__namespace.createElement("a", {
@@ -368,7 +375,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
-      id: item,
+      id: item.id,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {
@@ -547,7 +554,8 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       popup: props.popup,
       onHide: hide,
       isMobileMode: isMobileMode,
-      onItemToggle: onItemToggle
+      onItemToggle: onItemToggle,
+      submenuIcon: props.submenuIcon
     })));
   };
   var element = createElement();

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/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),l=require("primereact/utils"),a=require("primereact/ripple");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(e),p=u(n);function m(){return m=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},m.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,a=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return a}}function b(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 v(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):void 0}}function g(){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 h(e,n){return d(e)||f(e,n)||v(e,n)||g()}var y={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,onHide:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,y.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,y.defaultProps)}},E=s.memo((function(e){var n=h(s.useState(null),2),t=n[0],o=n[1],i=s.useRef(null),u=h(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],c=h(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],p=function(){if(i.current){var e=i.current.parentElement,n=l.DomHandler.getOffset(e),t=l.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(i.current),o=l.DomHandler.getOuterWidth(e.children[0]),a=parseInt(n.top,10)+i.current.offsetHeight-l.DomHandler.getWindowScrollTop();i.current.style.top=a>t.height?t.height-a+"px":"0px",parseInt(n.left,10)+o+r>t.width-l.DomHandler.calculateScrollbarWidth()&&l.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},m=function(n,r){r.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&o(r):o(r)},d=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),(e.root||e.isMobileMode)&&r.items&&o(t&&r===t?null:r),r.items||y(n))},f=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=v(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var l=g(r);l&&l.children[0].focus(),n.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},b=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},g=function e(n){var t=n.previousElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){u(),c()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var M=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(n){return n.items?s.createElement(E,{menuProps:e.menuProps,model:n.items,onLeafClick:y,popup:e.popup,onKeyDown:b,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle}):null},D=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,u=n.icon,c=n.label,p=n.items,b=n.target,v=n.url,g=n.template,h=c+"_"+r,y=t===n,E=l.classNames("p-menuitem",{"p-menuitem-active":y},n.className),M=l.classNames("p-menuitem-link",{"p-disabled":i}),D=l.classNames("p-menuitem-icon",u),H="p-submenu-icon pi pi-angle-right",O=l.IconUtils.getJSXIcon(u,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&s.createElement("span",{className:"p-menuitem-text"},c),I=p&&s.createElement("span",{className:H}),S=w(n),k=s.createElement("a",{href:v||"#",className:M,target:b,role:"menuitem","aria-haspopup":null!=p,onClick:function(e){return d(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":i},O,x,I,s.createElement(a.Ripple,null));g&&(k=l.ObjectUtils.getJSXElement(g,n,{onClick:function(e){return d(e,n)},onKeyDown:function(e){return f(e,n)},className:M,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:H,element:k,props:e,active:y,disabled:i}));return s.createElement("li",{key:h,id:n,className:E,style:o,onMouseEnter:function(e){return m(e,n)},role:"none"},k,S)},H=function(e,n){return e.separator?M(n):D(e,n)},O=l.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(H):null;return s.createElement("ul",{ref:i,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},x)}));E.displayName="TieredMenuSub";var M=s.memo(s.forwardRef((function(e,n){var a=y.getProps(e),u=h(s.useState(!a.popup),2),c=u[0],d=u[1],f=h(s.useState(null),2),b=f[0],v=f[1],g=s.useRef(null),M=s.useRef(null),w=s.useRef(null),D=r.useMatchMedia("screen and (max-width: ".concat(a.breakpoint,")"),!!a.breakpoint),H=h(r.useOverlayListener({target:M,overlay:g,listener:function(e,n){n.valid&&N(e)},when:c}),2),O=H[0],x=H[1],I=function(e){a.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:M.current})},S=function(e){a.popup&&(c?N(e):k(e))},k=function(e){M.current=e.currentTarget,d(!0),a.onShow&&a.onShow(e)},N=function(e){a.popup&&(M.current=e.currentTarget,d(!1),a.onHide&&a.onHide(e))},P=function(){a.popup&&D&&l.DomHandler.absolutePosition(g.current,M.current)},T=function(){if(!w.current){w.current=l.DomHandler.createInlineStyle(p.default.nonce);var e="".concat(b),n="\n@media screen and (max-width: ".concat(a.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(a.scrollHeight,";\n        overflow: ").concat(a.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 !important;\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(a.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");w.current.innerHTML=n}},j=function(){w.current=l.DomHandler.removeInlineStyle(w.current)},C=function(){a.autoZIndex&&l.ZIndexUtils.set("menu",g.current,p.default.autoZIndex,a.baseZIndex||p.default.zIndex.menu),l.DomHandler.absolutePosition(g.current,M.current),b&&a.breakpoint&&(g.current.setAttribute(b,""),T())},U=function(){O()},A=function(){M.current=null,x()},q=function(){l.ZIndexUtils.clear(g.current),j()};r.useMountEffect((function(){a.breakpoint&&!b&&v(l.UniqueComponentId())})),r.useUpdateEffect((function(){return b&&g.current&&(g.current.setAttribute(b,""),T()),function(){j()}}),[b,a.breakpoint]),r.useUnmountEffect((function(){l.ZIndexUtils.clear(g.current)})),s.useImperativeHandle(n,(function(){return{props:a,toggle:S,show:k,hide:N,getElement:function(){return g.current}}}));var R,Z,_=(R=y.getOtherProps(a),Z=l.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":a.popup,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple},a.className),s.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:a.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:U,onExit:A,onExited:q},s.createElement("div",m({ref:g,id:a.id,className:Z,style:a.style},R,{onClick:I}),s.createElement(E,{menuProps:a,model:a.model,root:!0,popup:a.popup,onHide:N,isMobileMode:D,onItemToggle:P}))));return a.popup?s.createElement(i.Portal,{element:_,appendTo:a.appendTo}):_})));M.displayName="TieredMenu",exports.TieredMenu=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),u=require("primereact/utils"),l=require("primereact/ripple"),a=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 p=s(e),m=c(n);function d(){return d=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},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function v(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 g(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function h(){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 y(e,n){return f(e)||b(e,n)||g(e,n)||h()}var E={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,onHide:null,submenuIcon:null,children:void 0},getProps:function(e){return u.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,E.defaultProps)}},I=p.memo((function(e){var n=y(p.useState(null),2),t=n[0],o=n[1],i=p.useRef(null),c=y(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],s=y(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],m=function(){if(i.current){var e=i.current.parentElement,n=u.DomHandler.getOffset(e),t=u.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(i.current),o=u.DomHandler.getOuterWidth(e.children[0]),l=parseInt(n.top,10)+i.current.offsetHeight-u.DomHandler.getWindowScrollTop();i.current.style.top=l>t.height?t.height-l+"px":"0px",parseInt(n.left,10)+o+r>t.width-u.DomHandler.calculateScrollbarWidth()&&u.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},d=function(n,r){r.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&o(r):o(r)},f=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),(e.root||e.isMobileMode)&&r.items&&o(t&&r===t?null:r),r.items||E(n))},b=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=g(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=h(r);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},v=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},g=function e(n){var t=n.nextElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function e(n){var t=n.previousElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){c(),s()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var M=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(n){return n.items?p.createElement(I,{menuProps:e.menuProps,model:n.items,onLeafClick:E,popup:e.popup,onKeyDown:v,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon}):null},D=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,c=n.icon,s=n.label,m=n.items,v=n.target,g=n.url,h=n.template,y=s+"_"+r,E=t===n,I=u.classNames("p-menuitem",{"p-menuitem-active":E},n.className),M=u.classNames("p-menuitem-link",{"p-disabled":i}),D=u.classNames("p-menuitem-icon",c),H=u.IconUtils.getJSXIcon(c,{className:"p-menuitem-icon"},{props:e.menuProps}),O=s&&p.createElement("span",{className:"p-menuitem-text"},s),x="p-submenu-icon",S=n.items&&u.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(a.AngleRightIcon,{className:x}),{className:x},{props:e.menuProps}),N=w(n),k=p.createElement("a",{href:g||"#",className:M,target:v,role:"menuitem","aria-haspopup":null!=m,onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},"aria-disabled":i},H,O,S,p.createElement(l.Ripple,null));h&&(k=u.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},className:M,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:x,element:k,props:e,active:E,disabled:i}));return p.createElement("li",{key:y,id:n.id,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},k,N)},H=function(e,n){return e.separator?M(n):D(e,n)},O=u.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(H):null;return p.createElement("ul",{ref:i,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},x)}));I.displayName="TieredMenuSub";var M=p.memo(p.forwardRef((function(e,n){var l=E.getProps(e),a=y(p.useState(!l.popup),2),c=a[0],s=a[1],f=y(p.useState(null),2),b=f[0],v=f[1],g=p.useRef(null),h=p.useRef(null),M=p.useRef(null),w=r.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),D=y(r.useOverlayListener({target:h,overlay:g,listener:function(e,n){n.valid&&k(e)},when:c}),2),H=D[0],O=D[1],x=function(e){l.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},S=function(e){l.popup&&(c?k(e):N(e))},N=function(e){h.current=e.currentTarget,s(!0),l.onShow&&l.onShow(e)},k=function(e){l.popup&&(h.current=e.currentTarget,s(!1),l.onHide&&l.onHide(e))},P=function(){l.popup&&w&&u.DomHandler.absolutePosition(g.current,h.current)},T=function(){if(!M.current){M.current=u.DomHandler.createInlineStyle(m.default.nonce);var e="".concat(b),n="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.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 !important;\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(l.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");M.current.innerHTML=n}},j=function(){M.current=u.DomHandler.removeInlineStyle(M.current)},C=function(){l.autoZIndex&&u.ZIndexUtils.set("menu",g.current,m.default.autoZIndex,l.baseZIndex||m.default.zIndex.menu),u.DomHandler.absolutePosition(g.current,h.current),b&&l.breakpoint&&(g.current.setAttribute(b,""),T())},U=function(){H()},A=function(){h.current=null,O()},q=function(){u.ZIndexUtils.clear(g.current),j()};r.useMountEffect((function(){l.breakpoint&&!b&&v(u.UniqueComponentId())})),r.useUpdateEffect((function(){return b&&g.current&&(g.current.setAttribute(b,""),T()),function(){j()}}),[b,l.breakpoint]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(g.current)})),p.useImperativeHandle(n,(function(){return{props:l,toggle:S,show:N,hide:k,getElement:function(){return g.current}}}));var R,Z,_=(R=E.getOtherProps(l),Z=u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":l.popup,"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple},l.className),p.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:U,onExit:A,onExited:q},p.createElement("div",d({ref:g,id:l.id,className:Z,style:l.style},R,{onClick:x}),p.createElement(I,{menuProps:l,model:l.model,root:!0,popup:l.popup,onHide:k,isMobileMode:w,onItemToggle:P,submenuIcon:l.submenuIcon}))));return l.popup?p.createElement(i.Portal,{element:_,appendTo:l.appendTo}):_})));M.displayName="TieredMenu",exports.TieredMenu=M;

package/tieredmenu/tieredmenu.d.ts

@@ -10,6 +10,7 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { MenuItem } from '../menuitem';
+import { IconType } from '../utils/utils';
 
 /**
  * Defines valid properties in TieredMenu component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -54,6 +55,10 @@ export interface TieredMenuProps extends Omit<React.DetailedHTMLProps<React.HTML
      * @type {CSSTransitionProps}
      */
     transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Icon of the submenu.
+     */
+    submenuIcon?: IconType<TieredMenuProps> | undefined;
     /**
      * Callback to invoke when a popup menu is shown.
      * @param {React.SyntheticEvent} event - Browser event.

package/tieredmenu/tieredmenu.esm.js

@@ -6,6 +6,7 @@ import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
 import { ObjectUtils, classNames, DomHandler, IconUtils, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
+import { AngleRightIcon } from 'primereact/icons/angleright';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -93,6 +94,7 @@ var TieredMenuBase = {
     transitionOptions: null,
     onShow: null,
     onHide: null,
+    submenuIcon: null,
     children: undefined
   },
   getProps: function getProps(props) {
@@ -265,7 +267,8 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
         onKeyDown: onChildItemKeyDown,
         parentActive: item === activeItemState,
         isMobileMode: props.isMobileMode,
-        onItemToggle: props.onItemToggle
+        onItemToggle: props.onItemToggle,
+        submenuIcon: props.submenuIcon
       });
     }
     return null;
@@ -293,7 +296,6 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
       'p-disabled': disabled
     });
     var iconClassName = classNames('p-menuitem-icon', _icon);
-    var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
     var icon = IconUtils.getJSXIcon(_icon, {
       className: 'p-menuitem-icon'
     }, {
@@ -302,8 +304,13 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
     var label = _label && /*#__PURE__*/React.createElement("span", {
       className: "p-menuitem-text"
     }, _label);
-    var submenuIcon = items && /*#__PURE__*/React.createElement("span", {
+    var submenuIconClassName = 'p-submenu-icon';
+    var submenuIcon = item.items && IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React.createElement(AngleRightIcon, {
       className: submenuIconClassName
+    }), {
+      className: submenuIconClassName
+    }, {
+      props: props.menuProps
     });
     var submenu = createSubmenu(item);
     var content = /*#__PURE__*/React.createElement("a", {
@@ -341,7 +348,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
     }
     return /*#__PURE__*/React.createElement("li", {
       key: key,
-      id: item,
+      id: item.id,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {
@@ -520,7 +527,8 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       popup: props.popup,
       onHide: hide,
       isMobileMode: isMobileMode,
-      onItemToggle: onItemToggle
+      onItemToggle: onItemToggle,
+      submenuIcon: props.submenuIcon
     })));
   };
   var element = createElement();

package/tieredmenu/tieredmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useResizeListener as o,useMountEffect as i,useUpdateEffect as l,useMatchMedia as u,useOverlayListener as a,useUnmountEffect as c}from"primereact/hooks";import{OverlayService as p}from"primereact/overlayservice";import{Portal as s}from"primereact/portal";import{ObjectUtils as m,classNames as f,DomHandler as d,IconUtils as b,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{Ripple as v}from"primereact/ripple";function y(){return y=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},y.apply(this,arguments)}function E(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,l,u=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(u.push(r.value),u.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return u}}function M(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 k(e,n){if(e){if("string"==typeof e)return M(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)?M(e,n):void 0}}function x(){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 S(e,n){return E(e)||w(e,n)||k(e,n)||x()}var I={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,onHide:null,children:void 0},getProps:function(e){return m.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,I.defaultProps)}},T=e.memo((function(n){var t=S(e.useState(null),2),u=t[0],a=t[1],c=e.useRef(null),p=S(r({type:"click",listener:function(e){n.isMobileMode||!c.current||c.current.contains(e.target)||a(null)}}),1)[0],s=S(o({listener:function(){!n.isMobileMode&&a(null)}}),1)[0],g=function(){if(c.current){var e=c.current.parentElement,n=d.getOffset(e),t=d.getViewport(),r=c.current.offsetParent?c.current.offsetWidth:d.getHiddenElementOuterWidth(c.current),o=d.getOuterWidth(e.children[0]),i=parseInt(n.top,10)+c.current.offsetHeight-d.getWindowScrollTop();c.current.style.top=i>t.height?t.height-i+"px":"0px",parseInt(n.left,10)+o+r>t.width-d.calculateScrollbarWidth()&&d.addClass(c.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.root?(u||n.popup)&&a(t):a(t)},y=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),(n.root||n.isMobileMode)&&t.items&&a(u&&t===u?null:t),t.items||x(e))},E=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=M(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var i=k(r);i&&i.children[0].focus(),e.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},w=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},M=function e(n){var t=n.nextElementSibling;return t?d.hasClass(t,"p-disabled")||!d.hasClass(t,"p-menuitem")?e(t):t:null},k=function e(n){var t=n.previousElementSibling;return t?d.hasClass(t,"p-disabled")||!d.hasClass(t,"p-menuitem")?e(t):t:null},x=function(e){n.isMobileMode&&!n.popup||(a(null),n.onLeafClick&&n.onLeafClick(e),n.onHide&&n.onHide(e))};i((function(){p(),s()})),l((function(){n.parentActive||a(null),n.root||!n.parentActive||n.isMobileMode||g()}),[n.parentActive]),l((function(){n.onItemToggle&&n.onItemToggle()}),[u]);var I=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},N=function(t){return t.items?e.createElement(T,{menuProps:n.menuProps,model:t.items,onLeafClick:x,popup:n.popup,onKeyDown:w,parentActive:t===u,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle}):null},P=function(t,r){if(!1===t.visible)return null;var o=t.style,i=t.disabled,l=t.icon,a=t.label,c=t.items,p=t.target,s=t.url,d=t.template,g=a+"_"+r,w=u===t,M=f("p-menuitem",{"p-menuitem-active":w},t.className),k=f("p-menuitem-link",{"p-disabled":i}),x=f("p-menuitem-icon",l),S="p-submenu-icon pi pi-angle-right",I=b.getJSXIcon(l,{className:"p-menuitem-icon"},{props:n.menuProps}),T=a&&e.createElement("span",{className:"p-menuitem-text"},a),P=c&&e.createElement("span",{className:S}),O=N(t),C=e.createElement("a",{href:s||"#",className:k,target:p,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return y(e,t)},onKeyDown:function(e){return E(e,t)},"aria-disabled":i},I,T,P,e.createElement(v,null));d&&(C=m.getJSXElement(d,t,{onClick:function(e){return y(e,t)},onKeyDown:function(e){return E(e,t)},className:k,labelClassName:"p-menuitem-text",iconClassName:x,submenuIconClassName:S,element:C,props:n,active:w,disabled:i}));return e.createElement("li",{key:g,id:t,className:M,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},C,O)},O=function(e,n){return e.separator?I(n):P(e,n)},C=f({"p-submenu-list":!n.root}),H=n.model?n.model.map(O):null;return e.createElement("ul",{ref:c,className:C,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},H)}));T.displayName="TieredMenuSub";var N=e.memo(e.forwardRef((function(r,o){var m=I.getProps(r),b=S(e.useState(!m.popup),2),v=b[0],E=b[1],w=S(e.useState(null),2),M=w[0],k=w[1],x=e.useRef(null),N=e.useRef(null),P=e.useRef(null),O=u("screen and (max-width: ".concat(m.breakpoint,")"),!!m.breakpoint),C=S(a({target:N,overlay:x,listener:function(e,n){n.valid&&K(e)},when:v}),2),H=C[0],A=C[1],D=function(e){m.popup&&p.emit("overlay-click",{originalEvent:e,target:N.current})},j=function(e){m.popup&&(v?K(e):R(e))},R=function(e){N.current=e.currentTarget,E(!0),m.onShow&&m.onShow(e)},K=function(e){m.popup&&(N.current=e.currentTarget,E(!1),m.onHide&&m.onHide(e))},W=function(){m.popup&&O&&d.absolutePosition(x.current,N.current)},Z=function(){if(!P.current){P.current=d.createInlineStyle(n.nonce);var e="".concat(M),t="\n@media screen and (max-width: ".concat(m.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(m.scrollHeight,";\n        overflow: ").concat(m.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 !important;\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(m.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");P.current.innerHTML=t}},L=function(){P.current=d.removeInlineStyle(P.current)},_=function(){m.autoZIndex&&h.set("menu",x.current,n.autoZIndex,m.baseZIndex||n.zIndex.menu),d.absolutePosition(x.current,N.current),M&&m.breakpoint&&(x.current.setAttribute(M,""),Z())},z=function(){H()},J=function(){N.current=null,A()},X=function(){h.clear(x.current),L()};i((function(){m.breakpoint&&!M&&k(g())})),l((function(){return M&&x.current&&(x.current.setAttribute(M,""),Z()),function(){L()}}),[M,m.breakpoint]),c((function(){h.clear(x.current)})),e.useImperativeHandle(o,(function(){return{props:m,toggle:j,show:R,hide:K,getElement:function(){return x.current}}}));var U,V,Y=(U=I.getOtherProps(m),V=f("p-tieredmenu p-component",{"p-tieredmenu-overlay":m.popup,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple},m.className),e.createElement(t,{nodeRef:x,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:_,onEntered:z,onExit:J,onExited:X},e.createElement("div",y({ref:x,id:m.id,className:V,style:m.style},U,{onClick:D}),e.createElement(T,{menuProps:m,model:m.model,root:!0,popup:m.popup,onHide:K,isMobileMode:O,onItemToggle:W}))));return m.popup?e.createElement(s,{element:Y,appendTo:m.appendTo}):Y})));N.displayName="TieredMenu";export{N as TieredMenu};
+import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useResizeListener as o,useMountEffect as i,useUpdateEffect as u,useMatchMedia as l,useOverlayListener as a,useUnmountEffect as c}from"primereact/hooks";import{OverlayService as s}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{ObjectUtils as m,classNames as f,DomHandler as d,IconUtils as b,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{Ripple as v}from"primereact/ripple";import{AngleRightIcon as y}from"primereact/icons/angleright";function E(){return E=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},E.apply(this,arguments)}function I(e){if(Array.isArray(e))return e}function w(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function M(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 S(e,n){if(e){if("string"==typeof e)return M(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)?M(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return I(e)||w(e,n)||S(e,n)||k()}var N={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,onHide:null,submenuIcon:null,children:void 0},getProps:function(e){return m.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,N.defaultProps)}},P=e.memo((function(n){var t=x(e.useState(null),2),l=t[0],a=t[1],c=e.useRef(null),s=x(r({type:"click",listener:function(e){n.isMobileMode||!c.current||c.current.contains(e.target)||a(null)}}),1)[0],p=x(o({listener:function(){!n.isMobileMode&&a(null)}}),1)[0],g=function(){if(c.current){var e=c.current.parentElement,n=d.getOffset(e),t=d.getViewport(),r=c.current.offsetParent?c.current.offsetWidth:d.getHiddenElementOuterWidth(c.current),o=d.getOuterWidth(e.children[0]),i=parseInt(n.top,10)+c.current.offsetHeight-d.getWindowScrollTop();c.current.style.top=i>t.height?t.height-i+"px":"0px",parseInt(n.left,10)+o+r>t.width-d.calculateScrollbarWidth()&&d.addClass(c.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.root?(l||n.popup)&&a(t):a(t)},E=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),(n.root||n.isMobileMode)&&t.items&&a(l&&t===l?null:t),t.items||k(e))},I=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=M(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var i=S(r);i&&i.children[0].focus(),e.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},w=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},M=function e(n){var t=n.nextElementSibling;return t?d.hasClass(t,"p-disabled")||!d.hasClass(t,"p-menuitem")?e(t):t:null},S=function e(n){var t=n.previousElementSibling;return t?d.hasClass(t,"p-disabled")||!d.hasClass(t,"p-menuitem")?e(t):t:null},k=function(e){n.isMobileMode&&!n.popup||(a(null),n.onLeafClick&&n.onLeafClick(e),n.onHide&&n.onHide(e))};i((function(){s(),p()})),u((function(){n.parentActive||a(null),n.root||!n.parentActive||n.isMobileMode||g()}),[n.parentActive]),u((function(){n.onItemToggle&&n.onItemToggle()}),[l]);var N=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},T=function(t){return t.items?e.createElement(P,{menuProps:n.menuProps,model:t.items,onLeafClick:k,popup:n.popup,onKeyDown:w,parentActive:t===l,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon}):null},O=function(t,r){if(!1===t.visible)return null;var o=t.style,i=t.disabled,u=t.icon,a=t.label,c=t.items,s=t.target,p=t.url,d=t.template,g=a+"_"+r,w=l===t,M=f("p-menuitem",{"p-menuitem-active":w},t.className),S=f("p-menuitem-link",{"p-disabled":i}),k=f("p-menuitem-icon",u),x=b.getJSXIcon(u,{className:"p-menuitem-icon"},{props:n.menuProps}),N=a&&e.createElement("span",{className:"p-menuitem-text"},a),P="p-submenu-icon",O=t.items&&b.getJSXIcon(n.submenuIcon||e.createElement(y,{className:P}),{className:P},{props:n.menuProps}),C=T(t),H=e.createElement("a",{href:p||"#",className:S,target:s,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return E(e,t)},onKeyDown:function(e){return I(e,t)},"aria-disabled":i},x,N,O,e.createElement(v,null));d&&(H=m.getJSXElement(d,t,{onClick:function(e){return E(e,t)},onKeyDown:function(e){return I(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:k,submenuIconClassName:P,element:H,props:n,active:w,disabled:i}));return e.createElement("li",{key:g,id:t.id,className:M,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},H,C)},C=function(e,n){return e.separator?N(n):O(e,n)},H=f({"p-submenu-list":!n.root}),A=n.model?n.model.map(C):null;return e.createElement("ul",{ref:c,className:H,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},A)}));P.displayName="TieredMenuSub";var T=e.memo(e.forwardRef((function(r,o){var m=N.getProps(r),b=x(e.useState(!m.popup),2),v=b[0],y=b[1],I=x(e.useState(null),2),w=I[0],M=I[1],S=e.useRef(null),k=e.useRef(null),T=e.useRef(null),O=l("screen and (max-width: ".concat(m.breakpoint,")"),!!m.breakpoint),C=x(a({target:k,overlay:S,listener:function(e,n){n.valid&&K(e)},when:v}),2),H=C[0],A=C[1],D=function(e){m.popup&&s.emit("overlay-click",{originalEvent:e,target:k.current})},j=function(e){m.popup&&(v?K(e):R(e))},R=function(e){k.current=e.currentTarget,y(!0),m.onShow&&m.onShow(e)},K=function(e){m.popup&&(k.current=e.currentTarget,y(!1),m.onHide&&m.onHide(e))},W=function(){m.popup&&O&&d.absolutePosition(S.current,k.current)},Z=function(){if(!T.current){T.current=d.createInlineStyle(n.nonce);var e="".concat(w),t="\n@media screen and (max-width: ".concat(m.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(m.scrollHeight,";\n        overflow: ").concat(m.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 !important;\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(m.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");T.current.innerHTML=t}},L=function(){T.current=d.removeInlineStyle(T.current)},_=function(){m.autoZIndex&&h.set("menu",S.current,n.autoZIndex,m.baseZIndex||n.zIndex.menu),d.absolutePosition(S.current,k.current),w&&m.breakpoint&&(S.current.setAttribute(w,""),Z())},J=function(){H()},X=function(){k.current=null,A()},z=function(){h.clear(S.current),L()};i((function(){m.breakpoint&&!w&&M(g())})),u((function(){return w&&S.current&&(S.current.setAttribute(w,""),Z()),function(){L()}}),[w,m.breakpoint]),c((function(){h.clear(S.current)})),e.useImperativeHandle(o,(function(){return{props:m,toggle:j,show:R,hide:K,getElement:function(){return S.current}}}));var U,V,Y=(U=N.getOtherProps(m),V=f("p-tieredmenu p-component",{"p-tieredmenu-overlay":m.popup,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple},m.className),e.createElement(t,{nodeRef:S,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:_,onEntered:J,onExit:X,onExited:z},e.createElement("div",E({ref:S,id:m.id,className:V,style:m.style},U,{onClick:D}),e.createElement(P,{menuProps:m,model:m.model,root:!0,popup:m.popup,onHide:K,isMobileMode:O,onItemToggle:W,submenuIcon:m.submenuIcon}))));return m.popup?e.createElement(p,{element:Y,appendTo:m.appendTo}):Y})));T.displayName="TieredMenu";export{T as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, utils, ripple) {
+this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransition, hooks, overlayservice, portal, utils, ripple, angleright) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -111,6 +111,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       transitionOptions: null,
       onShow: null,
       onHide: null,
+      submenuIcon: null,
       children: undefined
     },
     getProps: function getProps(props) {
@@ -283,7 +284,8 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
           onKeyDown: onChildItemKeyDown,
           parentActive: item === activeItemState,
           isMobileMode: props.isMobileMode,
-          onItemToggle: props.onItemToggle
+          onItemToggle: props.onItemToggle,
+          submenuIcon: props.submenuIcon
         });
       }
       return null;
@@ -311,7 +313,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         'p-disabled': disabled
       });
       var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-      var submenuIconClassName = 'p-submenu-icon pi pi-angle-right';
       var icon = utils.IconUtils.getJSXIcon(_icon, {
         className: 'p-menuitem-icon'
       }, {
@@ -320,8 +321,13 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       var label = _label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-menuitem-text"
       }, _label);
-      var submenuIcon = items && /*#__PURE__*/React__namespace.createElement("span", {
+      var submenuIconClassName = 'p-submenu-icon';
+      var submenuIcon = item.items && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, {
         className: submenuIconClassName
+      }), {
+        className: submenuIconClassName
+      }, {
+        props: props.menuProps
       });
       var submenu = createSubmenu(item);
       var content = /*#__PURE__*/React__namespace.createElement("a", {
@@ -359,7 +365,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       }
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
-        id: item,
+        id: item.id,
         className: className,
         style: style,
         onMouseEnter: function onMouseEnter(event) {
@@ -538,7 +544,8 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
         popup: props.popup,
         onHide: hide,
         isMobileMode: isMobileMode,
-        onItemToggle: onItemToggle
+        onItemToggle: onItemToggle,
+        submenuIcon: props.submenuIcon
       })));
     };
     var element = createElement();
@@ -555,4 +562,4 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils, primereact.ripple);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils, primereact.ripple, primereact.icons.angleright);