primereact 10.3.0 → 10.3.2

package/splitter/splitter.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useEventListener as u}from"primereact/hooks";import{ObjectUtils as i,classNames as o,DomHandler as l,mergeProps as c}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return a(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,o,l=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,u=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw u}}return l}}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 S(e,t){return v(e)||b(e,t)||d(e,t)||w()}var z=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return o("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n\n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n\n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n\n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n\n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n\n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return i.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return i.getComponentProp(e,t,O.defaultProps)}});function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(){},j=e.memo(e.forwardRef((function(r,a){var m=e.useContext(t),h=z.getProps(r,m),y=e.useRef(null),v=e.useRef(),b=e.useRef({}),w=e.useRef(null),E=e.useRef(null),x=e.useRef(null),j=e.useRef(null),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),N=e.useRef(null),D=e.useRef(null),k=e.useRef(null),T=e.useRef(null),H=e.useRef(null),I=S(e.useState([]),2),K=I[0],Y=I[1],L=S(e.useState(!1),2),W=L[0],M=L[1],U=null!=h.stateKey,X=h.children&&h.children.length||1,_=function(e,t){return t in e?e[t]:h.children&&[].concat(h.children)[t].props.size||100/X},B={props:h,state:{panelSizes:K,nested:!0===l.getAttribute(y.current&&y.current.parentElement,"data-p-splitter-panel-nested")}},F=z.setMetaData(P({},B)),J=F.ptm,$=F.cx,q=F.isUnstyled;n(z.css.styles,q,{name:"splitter"});var G=S(u({type:"mousemove",listener:function(e){return se(e)}}),2),Q=G[0],V=G[1],Z=S(u({type:"mouseup",listener:function(e){ae(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return O.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(h.children[T.current].props&&h.children[T.current].props.minSize&&h.children[T.current].props.minSize>e)&&!(h.children[T.current+1].props&&h.children[T.current+1].props.minSize&&h.children[T.current+1].props.minSize>t)))},ie=e.useCallback((function(){switch(h.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(h.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[h.stateStorage]),oe=function(e){i.isArray(e)&&ie().setItem(h.stateKey,JSON.stringify(e))},le=e.useCallback((function(){var e=ie().getItem(h.stateKey);e&&Y(JSON.parse(e))}),[ie,h.stateKey]),ce=function(e,t,r){v.current=b.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY,i="horizontal"===h.layout;w.current=i?l.getWidth(y.current):l.getHeight(y.current),E.current=!0,x.current=i?n:u,j.current=v.current.previousElementSibling,A.current=v.current.nextElementSibling,r?(R.current=i?l.getOuterWidth(j.current,!0):l.getOuterHeight(j.current,!0),D.current=i?l.getOuterWidth(A.current,!0):l.getOuterHeight(A.current,!0)):(R.current=100*(i?l.getOuterWidth(j.current,!0):l.getOuterHeight(j.current,!0))/w.current,D.current=100*(i?l.getOuterWidth(A.current,!0):l.getOuterHeight(A.current,!0))/w.current),N.current=R.current,k.current=D.current,T.current=t,!q()&&l.addClass(v.current,"p-splitter-gutter-resizing"),v.current.setAttribute("data-p-splitter-gutter-resizing",!0),!q()&&l.addClass(y.current,"p-splitter-resizing"),y.current.setAttribute("data-p-splitter-resizing",!0)},se=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i="horizontal"===h.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?i?(n=100*(R.current+u)/w.current,r=100*(D.current-u)/w.current):(n=100*(R.current-u)/w.current,r=100*(D.current+u)/w.current):(n=R.current+(t=i?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/w.current-100*x.current/w.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/w.current-100*x.current/w.current),r=D.current-t),ue(n,r)&&(N.current=n,k.current=r,j.current.style.flexBasis="calc("+n+"% - "+(h.children.length-1)*h.gutterSize+"px)",A.current.style.flexBasis="calc("+r+"% - "+(h.children.length-1)*h.gutterSize+"px)",C.current=parseFloat(n).toFixed(4))},ae=function(e){Y((function(t){for(var r=[],n=0;n<h.children.length;n++)r[n]=_(t,n);return r[T.current]=N.current,r[T.current+1]=k.current,h.onResizeEnd&&h.onResizeEnd({originalEvent:e,sizes:r}),U&&oe(r),r})),!q()&&l.removeClass(v.current,"p-splitter-gutter-resizing"),b.current&&Object.keys(b.current).forEach((function(e){return b.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!q()&&l.removeClass(y.current,"p-splitter-resizing"),y.current.setAttribute("data-p-splitter-resizing",!1),E.current=!1,w.current=null,x.current=null,j.current=null,A.current=null,R.current=null,N.current=null,D.current=null,k.current=null,T.current=null},pe=function(){me(),ae()},fe=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===h.layout&&ge(e,t,-1*h.step),e.preventDefault();break;case"ArrowRight":"horizontal"===h.layout&&ge(e,t,h.step),e.preventDefault();break;case"ArrowDown":"vertical"===h.layout&&ge(e,t,-1*h.step),e.preventDefault();break;case"ArrowUp":"vertical"===h.layout&&ge(e,t,h.step),e.preventDefault()}},de=function(e,t,r){ce(e,t,!0),se(e,r,!0)},ge=function(e,t,r){me(),H.current=setTimeout((function(){de(e,t,r)}),40)},me=function(){H.current&&clearTimeout(H.current)},he=function(e,t){ce(e,t,!1),Q(),ee()},ye=function(e,t){ce(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",be)},ve=function(e){se(e)},be=function e(t){ae(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};e.useImperativeHandle(a,(function(){return{props:h,getElement:function(){return y.current}}})),e.useEffect((function(){var e;(e=y.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===l.getAttribute(e,"data-pc-section")})).map((function(e,t){C.current=_(K,0),e.childNodes&&i.isNotEmpty(l.find(e,"[data-pc-name='splitter']")&&l.find(e,"[data-pc-section='root']"))&&(!q()&&l.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),M(!0))}))}),[]),e.useEffect((function(){U&&le()}),[le,U]);var we=function(t,r){var n=o(ne(t,"className"),$("panel.root")),u=c({ref:function(e){return b.current[r]=e},className:$("gutter"),style:"horizontal"===h.layout?{width:h.gutterSize+"px"}:{height:h.gutterSize+"px"},onMouseDown:function(e){return he(e,r)},onKeyDown:function(e){return fe(e,r)},onKeyUp:pe,onTouchStart:function(e){return ye(e,r)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return be(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),i=c({tabIndex:0,className:$("gutterHandler"),"aria-orientation":h.layout,"aria-valuenow":C.current},J("gutterHandler")),l=r!==h.children.length-1&&e.createElement("div",u,e.createElement("div",i)),s="calc("+_(K,r)+"% - "+(X-1)*h.gutterSize+"px)",a=c({key:r,id:ne(t,"id"),className:n,style:P(P({},ne(t,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:W}}));return e.createElement(e.Fragment,null,e.createElement("div",a,ne(t,"children")),l)},Se=c({id:h.id,style:h.style,className:o(h.className,$("root")),"data-p-splitter-resizing":!1},z.getOtherProps(h),J("root")),ze=e.Children.map(h.children,we);return e.createElement("div",s({ref:y},Se),ze)})));x.displayName="SplitterPanel",j.displayName="Splitter";export{j as Splitter,x as SplitterPanel};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as u,useEventListener as i}from"primereact/hooks";import{ObjectUtils as o,classNames as l,DomHandler as c}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){if(Array.isArray(e))return a(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function h(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=h(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,o,l=[],c=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);c=!0);}catch(e){s=!0,u=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(s)throw u}}return l}}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 S(e,t){return v(e)||b(e,t)||d(e,t)||w()}var z=r.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return l("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n\n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n\n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n\n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n\n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n\n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),O=r.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return o.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return o.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return o.getComponentProp(e,t,O.defaultProps)}});function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x=function(){},j=e.memo(e.forwardRef((function(r,a){var m=u(),h=e.useContext(t),y=z.getProps(r,h),v=e.useRef(null),b=e.useRef(),w=e.useRef({}),E=e.useRef(null),x=e.useRef(null),j=e.useRef(null),A=e.useRef(null),R=e.useRef(null),C=e.useRef(null),N=e.useRef(null),D=e.useRef(null),k=e.useRef(null),T=e.useRef(null),H=e.useRef(null),I=e.useRef(null),K=S(e.useState([]),2),Y=K[0],L=K[1],W=S(e.useState(!1),2),M=W[0],U=W[1],X=null!=y.stateKey,_=y.children&&y.children.length||1,B=function(e,t){return t in e?e[t]:y.children&&[].concat(y.children)[t].props.size||100/_},F={props:y,state:{panelSizes:Y,nested:!0===c.getAttribute(v.current&&v.current.parentElement,"data-p-splitter-panel-nested")}},J=z.setMetaData(P({},F)),$=J.ptm,q=J.cx,G=J.isUnstyled;n(z.css.styles,G,{name:"splitter"});var Q=S(i({type:"mousemove",listener:function(e){return ae(e)}}),2),V=Q[0],Z=Q[1],ee=S(i({type:"mouseup",listener:function(e){pe(e),ne()}}),2),te=ee[0],re=ee[1],ne=function(){Z(),re()},ue=function(e,t){return O.getCProp(e,t)},ie=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(y.children[H.current].props&&y.children[H.current].props.minSize&&y.children[H.current].props.minSize>e)&&!(y.children[H.current+1].props&&y.children[H.current+1].props.minSize&&y.children[H.current+1].props.minSize>t)))},oe=e.useCallback((function(){switch(y.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(y.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[y.stateStorage]),le=function(e){o.isArray(e)&&oe().setItem(y.stateKey,JSON.stringify(e))},ce=e.useCallback((function(){var e=oe().getItem(y.stateKey);e&&L(JSON.parse(e))}),[oe,y.stateKey]),se=function(e,t,r){b.current=w.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY,i="horizontal"===y.layout;E.current=i?c.getWidth(v.current):c.getHeight(v.current),x.current=!0,j.current=i?n:u,A.current=b.current.previousElementSibling,R.current=b.current.nextElementSibling,r?(C.current=i?c.getOuterWidth(A.current,!0):c.getOuterHeight(A.current,!0),k.current=i?c.getOuterWidth(R.current,!0):c.getOuterHeight(R.current,!0)):(C.current=100*(i?c.getOuterWidth(A.current,!0):c.getOuterHeight(A.current,!0))/E.current,k.current=100*(i?c.getOuterWidth(R.current,!0):c.getOuterHeight(R.current,!0))/E.current),D.current=C.current,T.current=k.current,H.current=t,!G()&&c.addClass(b.current,"p-splitter-gutter-resizing"),b.current.setAttribute("data-p-splitter-gutter-resizing",!0),!G()&&c.addClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!0)},ae=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i="horizontal"===y.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?i?(n=100*(C.current+u)/E.current,r=100*(k.current-u)/E.current):(n=100*(C.current-u)/E.current,r=100*(k.current+u)/E.current):(n=C.current+(t=i?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/E.current-100*j.current/E.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/E.current-100*j.current/E.current),r=k.current-t),ie(n,r)&&(D.current=n,T.current=r,A.current.style.flexBasis="calc("+n+"% - "+(y.children.length-1)*y.gutterSize+"px)",R.current.style.flexBasis="calc("+r+"% - "+(y.children.length-1)*y.gutterSize+"px)",N.current=parseFloat(n).toFixed(4))},pe=function(e){L((function(t){for(var r=[],n=0;n<y.children.length;n++)r[n]=B(t,n);return r[H.current]=D.current,r[H.current+1]=T.current,y.onResizeEnd&&y.onResizeEnd({originalEvent:e,sizes:r}),X&&le(r),r})),!G()&&c.removeClass(b.current,"p-splitter-gutter-resizing"),w.current&&Object.keys(w.current).forEach((function(e){return w.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!G()&&c.removeClass(v.current,"p-splitter-resizing"),v.current.setAttribute("data-p-splitter-resizing",!1),x.current=!1,E.current=null,j.current=null,A.current=null,R.current=null,C.current=null,D.current=null,k.current=null,T.current=null,H.current=null},fe=function(){he(),pe()},de=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===y.layout&&me(e,t,-1*y.step),e.preventDefault();break;case"ArrowRight":"horizontal"===y.layout&&me(e,t,y.step),e.preventDefault();break;case"ArrowDown":"vertical"===y.layout&&me(e,t,-1*y.step),e.preventDefault();break;case"ArrowUp":"vertical"===y.layout&&me(e,t,y.step),e.preventDefault()}},ge=function(e,t,r){se(e,t,!0),ae(e,r,!0)},me=function(e,t,r){he(),I.current=setTimeout((function(){ge(e,t,r)}),40)},he=function(){I.current&&clearTimeout(I.current)},ye=function(e,t){se(e,t,!1),V(),te()},ve=function(e,t){se(e,t,!1),window.addEventListener("touchmove",be,{passive:!1,cancelable:!1}),window.addEventListener("touchend",we)},be=function(e){ae(e)},we=function e(t){pe(t),window.removeEventListener("touchmove",be),window.removeEventListener("touchend",e)};e.useImperativeHandle(a,(function(){return{props:y,getElement:function(){return v.current}}})),e.useEffect((function(){var e;(e=v.current.children,p(e)||f(e)||d(e)||g()).filter((function(e){return"splitterpanel.root"===c.getAttribute(e,"data-pc-section")})).map((function(e,t){N.current=B(Y,0),e.childNodes&&o.isNotEmpty(c.find(e,"[data-pc-name='splitter']")&&c.find(e,"[data-pc-section='root']"))&&(!G()&&c.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),U(!0))}))}),[]),e.useEffect((function(){X&&ce()}),[ce,X]);var Se=function(t,r){var n=l(ue(t,"className"),q("panel.root")),u=m({ref:function(e){return w.current[r]=e},className:q("gutter"),style:"horizontal"===y.layout?{width:y.gutterSize+"px"}:{height:y.gutterSize+"px"},onMouseDown:function(e){return ye(e,r)},onKeyDown:function(e){return de(e,r)},onKeyUp:fe,onTouchStart:function(e){return ve(e,r)},onTouchMove:function(e){return be(e)},onTouchEnd:function(e){return we(e)},"data-p-splitter-gutter-resizing":!1},$("gutter")),i=m({tabIndex:0,className:q("gutterHandler"),"aria-orientation":y.layout,"aria-valuenow":N.current},$("gutterHandler")),o=r!==y.children.length-1&&e.createElement("div",u,e.createElement("div",i)),c="calc("+B(Y,r)+"% - "+(_-1)*y.gutterSize+"px)",s=m({key:r,id:ue(t,"id"),className:n,style:P(P({},ue(t,"style")),{},{flexBasis:c}),role:"presentation","data-p-splitter-panel-nested":!1},$("splitterpanel.root",{context:{nested:M}}));return e.createElement(e.Fragment,null,e.createElement("div",s,ue(t,"children")),o)},ze=m({id:y.id,style:y.style,className:l(y.className,q("root")),"data-p-splitter-resizing":!1},z.getOtherProps(y),$("root")),Oe=e.Children.map(y.children,Se);return e.createElement("div",s({ref:v},ze),Oe)})));x.displayName="SplitterPanel",j.displayName="Splitter";export{j as Splitter,x as SplitterPanel};

package/splitter/splitter.js

@@ -204,6 +204,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var SplitterPanel = function SplitterPanel() {};
   var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SplitterBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
@@ -505,7 +506,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
     }, [restoreState, isStateful]);
     var createPanel = function createPanel(panel, index) {
       var panelClassName = utils.classNames(getPanelProp(panel, 'className'), cx('panel.root'));
-      var gutterProps = utils.mergeProps({
+      var gutterProps = mergeProps({
         ref: function ref(el) {
           return gutterRefs.current[index] = el;
         },
@@ -533,7 +534,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
         },
         'data-p-splitter-gutter-resizing': false
       }, ptm('gutter'));
-      var gutterHandlerProps = utils.mergeProps({
+      var gutterHandlerProps = mergeProps({
         tabIndex: 0,
         className: cx('gutterHandler'),
         'aria-orientation': props.layout,
@@ -541,7 +542,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       }, ptm('gutterHandler'));
       var gutter = index !== props.children.length - 1 && /*#__PURE__*/React__namespace.createElement("div", gutterProps, /*#__PURE__*/React__namespace.createElement("div", gutterHandlerProps));
       var flexBasis = 'calc(' + panelSize(panelSizes, index) + '% - ' + (childrenLength - 1) * props.gutterSize + 'px)';
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         key: index,
         id: getPanelProp(panel, 'id'),
         className: panelClassName,
@@ -556,7 +557,7 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
     var createPanels = function createPanels() {
       return React__namespace.Children.map(props.children, createPanel);
     };
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       style: props.style,
       className: utils.classNames(props.className, cx('root')),

package/splitter/splitter.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,i,u){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){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){return g="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},g(e)}function m(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=m(e,"string");return"symbol"===g(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,u,l,o=[],a=!0,c=!1;try{if(u=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=u.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,i=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}function b(){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 w(e,t){return h(e)||v(e,t)||f(e,t)||b()}var O=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return u.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n\n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n\n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n\n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n\n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n\n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),S=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,S.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,S.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,S.defaultProps)}});function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,i,u;n=e,u=r[t],(i=y(i=t))in n?Object.defineProperty(n,i,{value:u,enumerable:!0,configurable:!0,writable:!0}):n[i]=u})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=function(){},D=o.memo(o.forwardRef((function(e,t){var l=o.useContext(r.PrimeReactContext),c=O.getProps(e,l),g=o.useRef(null),m=o.useRef(),y=o.useRef({}),h=o.useRef(null),v=o.useRef(null),b=o.useRef(null),z=o.useRef(null),j=o.useRef(null),D=o.useRef(null),E=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=o.useRef(null),N=w(o.useState([]),2),k=N[0],T=N[1],I=w(o.useState(!1),2),U=I[0],_=I[1],K=null!=c.stateKey,L=c.children&&c.children.length||1,M=function(e,t){return t in e?e[t]:c.children&&[].concat(c.children)[t].props.size||100/L},Y={props:c,state:{panelSizes:k,nested:!0===u.DomHandler.getAttribute(g.current&&g.current.parentElement,"data-p-splitter-panel-nested")}},B=O.setMetaData(P({},Y)),W=B.ptm,X=B.cx,F=B.isUnstyled;n.useHandleStyle(O.css.styles,F,{name:"splitter"});var J=w(i.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),$=J[0],q=J[1],G=w(i.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){q(),V()},ee=function(e,t){return S.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(c.children[A.current].props&&c.children[A.current].props.minSize&&c.children[A.current].props.minSize>e)&&!(c.children[A.current+1].props&&c.children[A.current+1].props.minSize&&c.children[A.current+1].props.minSize>t)))},re=o.useCallback((function(){switch(c.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(c.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[c.stateStorage]),ne=function(e){u.ObjectUtils.isArray(e)&&re().setItem(c.stateKey,JSON.stringify(e))},ie=o.useCallback((function(){var e=re().getItem(c.stateKey);e&&T(JSON.parse(e))}),[re,c.stateKey]),ue=function(e,t,r){m.current=y.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY,l="horizontal"===c.layout;h.current=l?u.DomHandler.getWidth(g.current):u.DomHandler.getHeight(g.current),v.current=!0,b.current=l?n:i,z.current=m.current.previousElementSibling,j.current=m.current.nextElementSibling,r?(D.current=l?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0),H.current=l?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(D.current=100*(l?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0))/h.current,H.current=100*(l?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/h.current),x.current=D.current,R.current=H.current,A.current=t,!F()&&u.DomHandler.addClass(m.current,"p-splitter-gutter-resizing"),m.current.setAttribute("data-p-splitter-gutter-resizing",!0),!F()&&u.DomHandler.addClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,u="horizontal"===c.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?u?(n=100*(D.current+i)/h.current,r=100*(H.current-i)/h.current):(n=100*(D.current-i)/h.current,r=100*(H.current+i)/h.current):(n=D.current+(t=u?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/h.current-100*b.current/h.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/h.current-100*b.current/h.current),r=H.current-t),te(n,r)&&(x.current=n,R.current=r,z.current.style.flexBasis="calc("+n+"% - "+(c.children.length-1)*c.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(c.children.length-1)*c.gutterSize+"px)",E.current=parseFloat(n).toFixed(4))},oe=function(e){T((function(t){for(var r=[],n=0;n<c.children.length;n++)r[n]=M(t,n);return r[A.current]=x.current,r[A.current+1]=R.current,c.onResizeEnd&&c.onResizeEnd({originalEvent:e,sizes:r}),K&&ne(r),r})),!F()&&u.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),y.current&&Object.keys(y.current).forEach((function(e){return y.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!F()&&u.DomHandler.removeClass(g.current,"p-splitter-resizing"),g.current.setAttribute("data-p-splitter-resizing",!1),v.current=!1,h.current=null,b.current=null,z.current=null,j.current=null,D.current=null,x.current=null,H.current=null,R.current=null,A.current=null},ae=function(){fe(),oe()},ce=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===c.layout&&pe(e,t,-1*c.step),e.preventDefault();break;case"ArrowRight":"horizontal"===c.layout&&pe(e,t,c.step),e.preventDefault();break;case"ArrowDown":"vertical"===c.layout&&pe(e,t,-1*c.step),e.preventDefault();break;case"ArrowUp":"vertical"===c.layout&&pe(e,t,c.step),e.preventDefault()}},se=function(e,t,r){ue(e,t,!0),le(e,r,!0)},pe=function(e,t,r){fe(),C.current=setTimeout((function(){se(e,t,r)}),40)},fe=function(){C.current&&clearTimeout(C.current)},de=function(e,t){ue(e,t,!1),$(),Q()},ge=function(e,t){ue(e,t,!1),window.addEventListener("touchmove",me,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},me=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",me),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return g.current}}})),o.useEffect((function(){var e;(e=g.current.children,s(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){E.current=M(k,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!F()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))}))}),[]),o.useEffect((function(){K&&ie()}),[ie,K]);var he=function(e,t){var r=u.classNames(ee(e,"className"),X("panel.root")),n=u.mergeProps({ref:function(e){return y.current[t]=e},className:X("gutter"),style:"horizontal"===c.layout?{width:c.gutterSize+"px"}:{height:c.gutterSize+"px"},onMouseDown:function(e){return de(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return me(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},W("gutter")),i=u.mergeProps({tabIndex:0,className:X("gutterHandler"),"aria-orientation":c.layout,"aria-valuenow":E.current},W("gutterHandler")),l=t!==c.children.length-1&&o.createElement("div",n,o.createElement("div",i)),a="calc("+M(k,t)+"% - "+(L-1)*c.gutterSize+"px)",s=u.mergeProps({key:t,id:ee(e,"id"),className:r,style:P(P({},ee(e,"style")),{},{flexBasis:a}),role:"presentation","data-p-splitter-panel-nested":!1},W("splitterpanel.root",{context:{nested:U}}));return o.createElement(o.Fragment,null,o.createElement("div",s,ee(e,"children")),l)},ve=u.mergeProps({id:c.id,style:c.style,className:u.classNames(c.className,X("root")),"data-p-splitter-resizing":!1},O.getOtherProps(c),W("root")),be=o.Children.map(c.children,he);return o.createElement("div",a({ref:g},ve),be)})));return j.displayName="SplitterPanel",D.displayName="Splitter",e.Splitter=D,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n,u,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=l(t);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function d(){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){return g="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},g(e)}function m(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=m(e,"string");return"symbol"===g(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,i,l,o=[],a=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(o.push(n.value),o.length!==t);a=!0);}catch(e){c=!0,u=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw u}}return o}}function b(){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 w(e,t){return h(e)||v(e,t)||f(e,t)||b()}var O=n.ComponentBase.extend({defaultProps:{__TYPE:"Splitter",className:null,gutterSize:4,id:null,step:5,layout:"horizontal",onResizeEnd:null,stateKey:null,stateStorage:"session",style:null,children:void 0},css:{classes:{root:function(e){return i.classNames("p-splitter p-component p-splitter-".concat(e.props.layout))},gutter:"p-splitter-gutter",gutterHandler:"p-splitter-gutter-handle",panel:{root:"p-splitter-panel"}},styles:"\n@layer primereact {\n    .p-splitter {\n        display: flex;\n        flex-wrap: nowrap;\n    }\n\n    .p-splitter-vertical {\n        flex-direction: column;\n    }\n\n    .p-splitter-panel {\n        flex-grow: 1;\n    }\n\n    .p-splitter-panel-nested {\n        display: flex;\n    }\n\n    .p-splitter-panel .p-splitter {\n        flex-grow: 1;\n        border: 0 none;\n    }\n\n    .p-splitter-gutter {\n        flex-grow: 0;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: col-resize;\n    }\n\n    .p-splitter-horizontal.p-splitter-resizing {\n        cursor: col-resize;\n        user-select: none;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n        height: 24px;\n        width: 100%;\n    }\n\n    .p-splitter-horizontal > .p-splitter-gutter {\n        cursor: col-resize;\n    }\n\n    .p-splitter-vertical.p-splitter-resizing {\n        cursor: row-resize;\n        user-select: none;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter {\n        cursor: row-resize;\n    }\n\n    .p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n        width: 24px;\n        height: 100%;\n    }\n}\n\n"}}),S=n.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return i.ObjectUtils.getComponentProps(e,S.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,S.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,S.defaultProps)}});function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=y(u=t))in n?Object.defineProperty(n,u,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[u]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=function(){},D=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),g=O.getProps(e,c),m=o.useRef(null),y=o.useRef(),h=o.useRef({}),v=o.useRef(null),b=o.useRef(null),z=o.useRef(null),P=o.useRef(null),D=o.useRef(null),E=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=o.useRef(null),N=o.useRef(null),k=w(o.useState([]),2),T=k[0],I=k[1],U=w(o.useState(!1),2),_=U[0],K=U[1],L=null!=g.stateKey,M=g.children&&g.children.length||1,Y=function(e,t){return t in e?e[t]:g.children&&[].concat(g.children)[t].props.size||100/M},B={props:g,state:{panelSizes:T,nested:!0===i.DomHandler.getAttribute(m.current&&m.current.parentElement,"data-p-splitter-panel-nested")}},W=O.setMetaData(j({},B)),X=W.ptm,F=W.cx,J=W.isUnstyled;n.useHandleStyle(O.css.styles,J,{name:"splitter"});var $=w(u.useEventListener({type:"mousemove",listener:function(e){return oe(e)}}),2),q=$[0],G=$[1],Q=w(u.useEventListener({type:"mouseup",listener:function(e){ae(e),ee()}}),2),V=Q[0],Z=Q[1],ee=function(){G(),Z()},te=function(e,t){return S.getCProp(e,t)},re=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(g.children[C.current].props&&g.children[C.current].props.minSize&&g.children[C.current].props.minSize>e)&&!(g.children[C.current+1].props&&g.children[C.current+1].props.minSize&&g.children[C.current+1].props.minSize>t)))},ne=o.useCallback((function(){switch(g.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(g.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[g.stateStorage]),ue=function(e){i.ObjectUtils.isArray(e)&&ne().setItem(g.stateKey,JSON.stringify(e))},ie=o.useCallback((function(){var e=ne().getItem(g.stateKey);e&&I(JSON.parse(e))}),[ne,g.stateKey]),le=function(e,t,r){y.current=h.current[t];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY,l="horizontal"===g.layout;v.current=l?i.DomHandler.getWidth(m.current):i.DomHandler.getHeight(m.current),b.current=!0,z.current=l?n:u,P.current=y.current.previousElementSibling,D.current=y.current.nextElementSibling,r?(E.current=l?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0),R.current=l?i.DomHandler.getOuterWidth(D.current,!0):i.DomHandler.getOuterHeight(D.current,!0)):(E.current=100*(l?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0))/v.current,R.current=100*(l?i.DomHandler.getOuterWidth(D.current,!0):i.DomHandler.getOuterHeight(D.current,!0))/v.current),H.current=E.current,A.current=R.current,C.current=t,!J()&&i.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!J()&&i.DomHandler.addClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!0)},oe=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,i="horizontal"===g.layout;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?i?(n=100*(E.current+u)/v.current,r=100*(R.current-u)/v.current):(n=100*(E.current-u)/v.current,r=100*(R.current+u)/v.current):(n=E.current+(t=i?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/v.current-100*z.current/v.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/v.current-100*z.current/v.current),r=R.current-t),re(n,r)&&(H.current=n,A.current=r,P.current.style.flexBasis="calc("+n+"% - "+(g.children.length-1)*g.gutterSize+"px)",D.current.style.flexBasis="calc("+r+"% - "+(g.children.length-1)*g.gutterSize+"px)",x.current=parseFloat(n).toFixed(4))},ae=function(e){I((function(t){for(var r=[],n=0;n<g.children.length;n++)r[n]=Y(t,n);return r[C.current]=H.current,r[C.current+1]=A.current,g.onResizeEnd&&g.onResizeEnd({originalEvent:e,sizes:r}),L&&ue(r),r})),!J()&&i.DomHandler.removeClass(y.current,"p-splitter-gutter-resizing"),h.current&&Object.keys(h.current).forEach((function(e){return h.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!J()&&i.DomHandler.removeClass(m.current,"p-splitter-resizing"),m.current.setAttribute("data-p-splitter-resizing",!1),b.current=!1,v.current=null,z.current=null,P.current=null,D.current=null,E.current=null,H.current=null,R.current=null,A.current=null,C.current=null},ce=function(){de(),ae()},se=function(e,t){switch(e.code){case"ArrowLeft":"horizontal"===g.layout&&fe(e,t,-1*g.step),e.preventDefault();break;case"ArrowRight":"horizontal"===g.layout&&fe(e,t,g.step),e.preventDefault();break;case"ArrowDown":"vertical"===g.layout&&fe(e,t,-1*g.step),e.preventDefault();break;case"ArrowUp":"vertical"===g.layout&&fe(e,t,g.step),e.preventDefault()}},pe=function(e,t,r){le(e,t,!0),oe(e,r,!0)},fe=function(e,t,r){de(),N.current=setTimeout((function(){pe(e,t,r)}),40)},de=function(){N.current&&clearTimeout(N.current)},ge=function(e,t){le(e,t,!1),q(),V()},me=function(e,t){le(e,t,!1),window.addEventListener("touchmove",ye,{passive:!1,cancelable:!1}),window.addEventListener("touchend",he)},ye=function(e){oe(e)},he=function e(t){ae(t),window.removeEventListener("touchmove",ye),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:g,getElement:function(){return m.current}}})),o.useEffect((function(){var e;(e=m.current.children,s(e)||p(e)||f(e)||d()).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){x.current=Y(T,0),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!J()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),o.useEffect((function(){L&&ie()}),[ie,L]);var ve=function(e,t){var r=i.classNames(te(e,"className"),F("panel.root")),n=l({ref:function(e){return h.current[t]=e},className:F("gutter"),style:"horizontal"===g.layout?{width:g.gutterSize+"px"}:{height:g.gutterSize+"px"},onMouseDown:function(e){return ge(e,t)},onKeyDown:function(e){return se(e,t)},onKeyUp:ce,onTouchStart:function(e){return me(e,t)},onTouchMove:function(e){return ye(e)},onTouchEnd:function(e){return he(e)},"data-p-splitter-gutter-resizing":!1},X("gutter")),u=l({tabIndex:0,className:F("gutterHandler"),"aria-orientation":g.layout,"aria-valuenow":x.current},X("gutterHandler")),a=t!==g.children.length-1&&o.createElement("div",n,o.createElement("div",u)),c="calc("+Y(T,t)+"% - "+(M-1)*g.gutterSize+"px)",s=l({key:t,id:te(e,"id"),className:r,style:j(j({},te(e,"style")),{},{flexBasis:c}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:_}}));return o.createElement(o.Fragment,null,o.createElement("div",s,te(e,"children")),a)},be=l({id:g.id,style:g.style,className:i.classNames(g.className,F("root")),"data-p-splitter-resizing":!1},O.getOtherProps(g),X("root")),we=o.Children.map(g.children,ve);return o.createElement("div",a({ref:m},be),we)})));return P.displayName="SplitterPanel",D.displayName="Splitter",e.Splitter=D,e.SplitterPanel=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/steps/steps.cjs.js

@@ -171,6 +171,7 @@ var StepsBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = StepsBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -297,7 +298,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     var active = index === props.activeIndex;
     var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
     var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon', {
         item: item
       })
@@ -305,14 +306,14 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
       props: props
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, ptm('label'));
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
-    var stepProps = utils.mergeProps({
+    var stepProps = mergeProps({
       className: cx('step')
     }, ptm('step'));
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: item.url || '#',
       className: cx('action'),
       tabIndex: '-1',
@@ -345,7 +346,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    var menuItemProps = utils.mergeProps({
+    var menuItemProps = mergeProps({
       key: key,
       id: key,
       className: cx('menuitem', {
@@ -358,7 +359,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, content);
   };
   var createItems = function createItems() {
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       ref: listRef,
       tabIndex: props.readOnly ? null : '0',
       onFocus: function onFocus() {
@@ -389,7 +390,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }
     };
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     className: cx('root'),

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),i=require("primereact/utils");function a(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=a(e);function l(e){return l="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},l(e)}function s(e,t){if("object"!==l(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=s(e,"string");return"symbol"===l(t)?t:String(t)}function u(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,l=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw i}}return l}}function m(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 f(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return i.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function y(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=c(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=o.memo(o.forwardRef((function(e,a){var l,s,c=o.useContext(t.PrimeReactContext),m=b.getProps(e,c),y=o.useState(m.id),g=(s=2,u(l=y)||p(l,s)||f(l,s)||d()),O=g[0],h=g[1],S=o.useRef(null),j=o.useRef(null),P=b.setMetaData({props:m,state:{id:O}}),x=P.ptm,E=P.cx;n.useHandleStyle(b.css.styles,P.isUnstyled,{name:"steps"});var w=function(e,t,n){m.readOnly||t.disabled?e.preventDefault():(m.onSelect&&m.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},N=function(e,t,n){if(!m.readOnly)switch(e.code){case"ArrowRight":k(e.target),e.preventDefault();break;case"ArrowLeft":D(e.target),e.preventDefault();break;case"Home":I(e.target),e.preventDefault();break;case"End":C(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":w(e,t,n),e.preventDefault()}},k=function(e){var t=A(e);t&&M(e,t)},D=function(e){var t=_(e);t&&M(e,t)},I=function(e){var t=q();t&&M(e,t)},C=function(e){var t=H();t&&M(e,t)},A=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},_=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},q=function(){var e=i.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=i.DomHandler.find(j.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},M=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},R=function(){var e=q();e.tabIndex="0",e.focus()},T=function(e,t){if(!1===e.visible)return null;var n=e.id||O+"_"+t,r=t===m.activeIndex,a=e.disabled||t!==m.activeIndex&&m.readOnly,l=i.classNames("p-menuitem-icon",e.icon),s=i.mergeProps({className:E("icon",{item:e})},x("icon")),c=i.IconUtils.getJSXIcon(e.icon,v({},s),{props:m}),u=i.mergeProps({className:E("label")},x("label")),p=e.label&&o.createElement("span",u,e.label),f=i.mergeProps({className:E("step")},x("step")),d=i.mergeProps({href:e.url||"#",className:E("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return N(n,e,t)},onClick:function(n){return w(n,e,t)}},x("action")),b=o.createElement("a",d,o.createElement("span",f,t+1),c,p);e.template&&(b=i.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return w(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:l,"aria-current":r,element:b,props:m,active:r,disabled:a}));var y=i.mergeProps({key:n,id:n,className:E("menuitem",{active:r,disabled:a,item:e}),style:e.style},x("menuitem"));return o.createElement("li",y,b)};r.useMountEffect((function(){O||h(i.UniqueComponentId())})),o.useImperativeHandle(a,(function(){return{props:m,getElement:function(){return S.current}}}));var U=i.mergeProps({id:m.id,ref:S,className:E("root"),style:m.style},b.getOtherProps(m),x("root")),B=function(){var e=i.mergeProps({ref:j,tabIndex:m.readOnly?null:"0",onFocus:function(){m.readOnly||R()},onBlur:function(){return R}},x("menu"));if(m.model){var t=m.model.map(T);return o.createElement("ol",e,t)}return null}();return o.createElement("nav",U,B)})));g.displayName="Steps",exports.Steps=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),i=require("primereact/utils");function a(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 l=a(e);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function s(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function c(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function u(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,l,o=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}function m(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 f(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=n.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return i.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function y(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=c(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=l.memo(l.forwardRef((function(e,a){var o,s,c=r.useMergeProps(),m=l.useContext(t.PrimeReactContext),y=b.getProps(e,m),g=l.useState(y.id),O=(s=2,u(o=g)||p(o,s)||f(o,s)||d()),h=O[0],S=O[1],j=l.useRef(null),x=l.useRef(null),E=b.setMetaData({props:y,state:{id:h}}),w=E.ptm,P=E.cx;n.useHandleStyle(b.css.styles,E.isUnstyled,{name:"steps"});var N=function(e,t,n){y.readOnly||t.disabled?e.preventDefault():(y.onSelect&&y.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},k=function(e,t,n){if(!y.readOnly)switch(e.code){case"ArrowRight":D(e.target),e.preventDefault();break;case"ArrowLeft":I(e.target),e.preventDefault();break;case"Home":C(e.target),e.preventDefault();break;case"End":A(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":N(e,t,n),e.preventDefault()}},D=function(e){var t=_(e);t&&R(e,t)},I=function(e){var t=q(e);t&&R(e,t)},C=function(e){var t=M();t&&R(e,t)},A=function(e){var t=H();t&&R(e,t)},_=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},q=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},M=function(){var e=i.DomHandler.findSingle(x.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=i.DomHandler.find(x.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},R=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},T=function(){var e=M();e.tabIndex="0",e.focus()},U=function(e,t){if(!1===e.visible)return null;var n=e.id||h+"_"+t,r=t===y.activeIndex,a=e.disabled||t!==y.activeIndex&&y.readOnly,o=i.classNames("p-menuitem-icon",e.icon),s=c({className:P("icon",{item:e})},w("icon")),u=i.IconUtils.getJSXIcon(e.icon,v({},s),{props:y}),p=c({className:P("label")},w("label")),m=e.label&&l.createElement("span",p,e.label),f=c({className:P("step")},w("step")),d=c({href:e.url||"#",className:P("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return k(n,e,t)},onClick:function(n){return N(n,e,t)}},w("action")),b=l.createElement("a",d,l.createElement("span",f,t+1),u,m);e.template&&(b=i.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:o,"aria-current":r,element:b,props:y,active:r,disabled:a}));var g=c({key:n,id:n,className:P("menuitem",{active:r,disabled:a,item:e}),style:e.style},w("menuitem"));return l.createElement("li",g,b)};r.useMountEffect((function(){h||S(i.UniqueComponentId())})),l.useImperativeHandle(a,(function(){return{props:y,getElement:function(){return j.current}}}));var B=c({id:y.id,ref:j,className:P("root"),style:y.style},b.getOtherProps(y),w("root")),F=function(){var e=c({ref:x,tabIndex:y.readOnly?null:"0",onFocus:function(){y.readOnly||T()},onBlur:function(){return T}},w("menu"));if(y.model){var t=y.model.map(U);return l.createElement("ol",e,t)}return null}();return l.createElement("nav",B,F)})));g.displayName="Steps",exports.Steps=g;

package/steps/steps.esm.js

@@ -2,8 +2,8 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
-import { useMountEffect } from 'primereact/hooks';
-import { classNames, UniqueComponentId, mergeProps, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
+import { useMergeProps, useMountEffect } from 'primereact/hooks';
+import { classNames, UniqueComponentId, IconUtils, ObjectUtils, DomHandler } from 'primereact/utils';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -147,6 +147,7 @@ var StepsBase = ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = StepsBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMountEffect as i}from"primereact/hooks";import{classNames as a,UniqueComponentId as o,mergeProps as l,IconUtils as c,ObjectUtils as s,DomHandler as u}from"primereact/utils";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 m(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 f(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,l=[],c=!0,s=!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)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}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 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 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.")}var h=n.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return a("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return a("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return a("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function O(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?O(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=f(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=e.memo(e.forwardRef((function(n,p){var m,f,b=e.useContext(t),O=h.getProps(n,b),x=e.useState(O.id),j=(f=2,d(m=x)||y(m,f)||v(m,f)||g()),w=j[0],E=j[1],P=e.useRef(null),k=e.useRef(null),N=h.setMetaData({props:O,state:{id:w}}),D=N.ptm,I=N.cx;r(h.css.styles,N.isUnstyled,{name:"steps"});var A=function(e,t,n){O.readOnly||t.disabled?e.preventDefault():(O.onSelect&&O.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},C=function(e,t,n){if(!O.readOnly)switch(e.code){case"ArrowRight":T(e.target),e.preventDefault();break;case"ArrowLeft":R(e.target),e.preventDefault();break;case"Home":_(e.target),e.preventDefault();break;case"End":F(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":A(e,t,n),e.preventDefault()}},T=function(e){var t=H(e);t&&X(e,t)},R=function(e){var t=J(e);t&&X(e,t)},_=function(e){var t=M();t&&X(e,t)},F=function(e){var t=U();t&&X(e,t)},H=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},J=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},M=function(){var e=u.findSingle(k.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},U=function(){var e=u.find(k.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},X=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},B=function(){var e=M();e.tabIndex="0",e.focus()},K=function(t,n){if(!1===t.visible)return null;var r=t.id||w+"_"+n,i=n===O.activeIndex,o=t.disabled||n!==O.activeIndex&&O.readOnly,u=a("p-menuitem-icon",t.icon),p=l({className:I("icon",{item:t})},D("icon")),m=c.getJSXIcon(t.icon,S({},p),{props:O}),f=l({className:I("label")},D("label")),d=t.label&&e.createElement("span",f,t.label),y=l({className:I("step")},D("step")),b=l({href:t.url||"#",className:I("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:t.target,onKeyDown:function(e){return C(e,t,n)},onClick:function(e){return A(e,t,n)}},D("action")),v=e.createElement("a",b,e.createElement("span",y,n+1),m,d);t.template&&(v=s.getJSXElement(t.template,t,{onClick:function(e){return A(e,t,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:u,"aria-current":i,element:v,props:O,active:i,disabled:o}));var g=l({key:r,id:r,className:I("menuitem",{active:i,disabled:o,item:t}),style:t.style},D("menuitem"));return e.createElement("li",g,v)};i((function(){w||E(o())})),e.useImperativeHandle(p,(function(){return{props:O,getElement:function(){return P.current}}}));var L=l({id:O.id,ref:P,className:I("root"),style:O.style},h.getOtherProps(O),D("root")),Y=function(){var t=l({ref:k,tabIndex:O.readOnly?null:"0",onFocus:function(){O.readOnly||B()},onBlur:function(){return B}},D("menu"));if(O.model){var n=O.model.map(K);return e.createElement("ol",t,n)}return null}();return e.createElement("nav",L,Y)})));x.displayName="Steps";export{x as Steps};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as i,useMountEffect as a}from"primereact/hooks";import{classNames as o,UniqueComponentId as l,IconUtils as c,ObjectUtils as s,DomHandler as u}from"primereact/utils";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 m(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 f(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,l=[],c=!0,s=!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)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw i}}return l}}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 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 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.")}var h=n.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return o("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return o("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return o("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function O(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?O(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=f(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=e.memo(e.forwardRef((function(n,p){var m,f,b=i(),O=e.useContext(t),x=h.getProps(n,O),j=e.useState(x.id),w=(f=2,d(m=j)||y(m,f)||v(m,f)||g()),E=w[0],P=w[1],k=e.useRef(null),N=e.useRef(null),D=h.setMetaData({props:x,state:{id:E}}),I=D.ptm,A=D.cx;r(h.css.styles,D.isUnstyled,{name:"steps"});var C=function(e,t,n){x.readOnly||t.disabled?e.preventDefault():(x.onSelect&&x.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},T=function(e,t,n){if(!x.readOnly)switch(e.code){case"ArrowRight":R(e.target),e.preventDefault();break;case"ArrowLeft":_(e.target),e.preventDefault();break;case"Home":F(e.target),e.preventDefault();break;case"End":H(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":C(e,t,n),e.preventDefault()}},R=function(e){var t=J(e);t&&B(e,t)},_=function(e){var t=M(e);t&&B(e,t)},F=function(e){var t=U();t&&B(e,t)},H=function(e){var t=X();t&&B(e,t)},J=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},M=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},U=function(){var e=u.findSingle(N.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},X=function(){var e=u.find(N.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},B=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},K=function(){var e=U();e.tabIndex="0",e.focus()},L=function(t,n){if(!1===t.visible)return null;var r=t.id||E+"_"+n,i=n===x.activeIndex,a=t.disabled||n!==x.activeIndex&&x.readOnly,l=o("p-menuitem-icon",t.icon),u=b({className:A("icon",{item:t})},I("icon")),p=c.getJSXIcon(t.icon,S({},u),{props:x}),m=b({className:A("label")},I("label")),f=t.label&&e.createElement("span",m,t.label),d=b({className:A("step")},I("step")),y=b({href:t.url||"#",className:A("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:t.target,onKeyDown:function(e){return T(e,t,n)},onClick:function(e){return C(e,t,n)}},I("action")),v=e.createElement("a",y,e.createElement("span",d,n+1),p,f);t.template&&(v=s.getJSXElement(t.template,t,{onClick:function(e){return C(e,t,n)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:l,"aria-current":i,element:v,props:x,active:i,disabled:a}));var g=b({key:r,id:r,className:A("menuitem",{active:i,disabled:a,item:t}),style:t.style},I("menuitem"));return e.createElement("li",g,v)};a((function(){E||P(l())})),e.useImperativeHandle(p,(function(){return{props:x,getElement:function(){return k.current}}}));var Y=b({id:x.id,ref:k,className:A("root"),style:x.style},h.getOtherProps(x),I("root")),$=function(){var t=b({ref:N,tabIndex:x.readOnly?null:"0",onFocus:function(){x.readOnly||K()},onBlur:function(){return K}},I("menu"));if(x.model){var n=x.model.map(L);return e.createElement("ol",t,n)}return null}();return e.createElement("nav",Y,$)})));x.displayName="Steps";export{x as Steps};

package/steps/steps.js

@@ -164,6 +164,7 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = StepsBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -290,7 +291,7 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
       var active = index === props.activeIndex;
       var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
       var iconClassName = utils.classNames('p-menuitem-icon', item.icon);
-      var iconProps = utils.mergeProps({
+      var iconProps = mergeProps({
         className: cx('icon', {
           item: item
         })
@@ -298,14 +299,14 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
       var icon = utils.IconUtils.getJSXIcon(item.icon, _objectSpread({}, iconProps), {
         props: props
       });
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, ptm('label'));
       var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
-      var stepProps = utils.mergeProps({
+      var stepProps = mergeProps({
         className: cx('step')
       }, ptm('step'));
-      var actionProps = utils.mergeProps({
+      var actionProps = mergeProps({
         href: item.url || '#',
         className: cx('action'),
         tabIndex: '-1',
@@ -338,7 +339,7 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
         };
         content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
       }
-      var menuItemProps = utils.mergeProps({
+      var menuItemProps = mergeProps({
         key: key,
         id: key,
         className: cx('menuitem', {
@@ -351,7 +352,7 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
       return /*#__PURE__*/React__namespace.createElement("li", menuItemProps, content);
     };
     var createItems = function createItems() {
-      var menuProps = utils.mergeProps({
+      var menuProps = mergeProps({
         ref: listRef,
         tabIndex: props.readOnly ? null : '0',
         onFocus: function onFocus() {
@@ -382,7 +383,7 @@ this.primereact.steps = (function (exports, React, api, componentbase, hooks, ut
         }
       };
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: cx('root'),

package/steps/steps.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n,r,i,a){"use strict";function o(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 l=o(t);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 c(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 u(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,o,l=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(l.push(r.value),l.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw i}}return l}}function f(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,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return a.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return a.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function v(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=u(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=l.memo(l.forwardRef((function(e,t){var o,s,c=l.useContext(n.PrimeReactContext),u=y.getProps(e,c),f=l.useState(u.id),v=(s=2,p(o=f)||m(o,s)||d(o,s)||b()),O=v[0],h=v[1],S=l.useRef(null),j=l.useRef(null),P=y.setMetaData({props:u,state:{id:O}}),x=P.ptm,E=P.cx;r.useHandleStyle(y.css.styles,P.isUnstyled,{name:"steps"});var w=function(e,t,n){u.readOnly||t.disabled?e.preventDefault():(u.onSelect&&u.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},N=function(e,t,n){if(!u.readOnly)switch(e.code){case"ArrowRight":k(e.target),e.preventDefault();break;case"ArrowLeft":D(e.target),e.preventDefault();break;case"Home":I(e.target),e.preventDefault();break;case"End":C(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":w(e,t,n),e.preventDefault()}},k=function(e){var t=A(e);t&&M(e,t)},D=function(e){var t=_(e);t&&M(e,t)},I=function(e){var t=R();t&&M(e,t)},C=function(e){var t=H();t&&M(e,t)},A=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},_=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},R=function(){var e=a.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=a.DomHandler.find(j.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},M=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},T=function(){var e=R();e.tabIndex="0",e.focus()},U=function(e,t){if(!1===e.visible)return null;var n=e.id||O+"_"+t,r=t===u.activeIndex,i=e.disabled||t!==u.activeIndex&&u.readOnly,o=a.classNames("p-menuitem-icon",e.icon),s=a.mergeProps({className:E("icon",{item:e})},x("icon")),c=a.IconUtils.getJSXIcon(e.icon,g({},s),{props:u}),p=a.mergeProps({className:E("label")},x("label")),m=e.label&&l.createElement("span",p,e.label),f=a.mergeProps({className:E("step")},x("step")),d=a.mergeProps({href:e.url||"#",className:E("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return N(n,e,t)},onClick:function(n){return w(n,e,t)}},x("action")),b=l.createElement("a",d,l.createElement("span",f,t+1),c,m);e.template&&(b=a.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return w(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:o,"aria-current":r,element:b,props:u,active:r,disabled:i}));var y=a.mergeProps({key:n,id:n,className:E("menuitem",{active:r,disabled:i,item:e}),style:e.style},x("menuitem"));return l.createElement("li",y,b)};i.useMountEffect((function(){O||h(a.UniqueComponentId())})),l.useImperativeHandle(t,(function(){return{props:u,getElement:function(){return S.current}}}));var B=a.mergeProps({id:u.id,ref:S,className:E("root"),style:u.style},y.getOtherProps(u),x("root")),F=function(){var e=a.mergeProps({ref:j,tabIndex:u.readOnly?null:"0",onFocus:function(){u.readOnly||T()},onBlur:function(){return T}},x("menu"));if(u.model){var t=u.model.map(U);return l.createElement("ol",e,t)}return null}();return l.createElement("nav",B,F)})));return O.displayName="Steps",e.Steps=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.steps=function(e,t,n,r,i,a){"use strict";function l(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=l(t);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 c(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 u(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}function p(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,a,l,o=[],s=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(r=a.call(n)).done)&&(o.push(r.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw i}}return o}}function f(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,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var y=r.ComponentBase.extend({defaultProps:{__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null,children:void 0},css:{classes:{icon:function(e){return a.classNames("p-menuitem-icon",e.item.icon)},label:"p-steps-title",step:"p-steps-number",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-steps-item",e.item.className,{"p-highlight p-steps-current":e.active,"p-disabled":e.disabled})},root:function(e){var t=e.props;return a.classNames("p-steps p-component",{"p-readonly":t.readOnly},t.className)}},styles:"\n@layer primereact {\n    .p-steps {\n        position: relative;\n    }\n\n    .p-steps ol {\n        padding: 0;\n        margin: 0;\n        list-style-type: none;\n        display: flex;\n    }\n\n    .p-steps-item {\n        position: relative;\n        display: flex;\n        justify-content: center;\n        flex: 1 1 auto;\n    }\n\n    .p-steps-item .p-menuitem-link {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n    }\n\n    .p-steps.p-readonly .p-steps-item {\n        cursor: auto;\n    }\n\n    .p-steps-item.p-steps-current .p-menuitem-link {\n        cursor: default;\n    }\n\n    .p-steps-title {\n        white-space: nowrap;\n    }\n\n    .p-steps-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-steps-title {\n        display: block;\n    }\n}\n"}});function v(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 g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){var r,i,a;r=e,a=n[t],(i=u(i=t))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=o.memo(o.forwardRef((function(e,t){var l,s,c=i.useMergeProps(),u=o.useContext(n.PrimeReactContext),f=y.getProps(e,u),v=o.useState(f.id),O=(s=2,p(l=v)||m(l,s)||d(l,s)||b()),h=O[0],S=O[1],j=o.useRef(null),x=o.useRef(null),E=y.setMetaData({props:f,state:{id:h}}),w=E.ptm,P=E.cx;r.useHandleStyle(y.css.styles,E.isUnstyled,{name:"steps"});var N=function(e,t,n){f.readOnly||t.disabled?e.preventDefault():(f.onSelect&&f.onSelect({originalEvent:e,item:t,index:n}),t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t,index:n}))},k=function(e,t,n){if(!f.readOnly)switch(e.code){case"ArrowRight":D(e.target),e.preventDefault();break;case"ArrowLeft":I(e.target),e.preventDefault();break;case"Home":C(e.target),e.preventDefault();break;case"End":A(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":N(e,t,n),e.preventDefault()}},D=function(e){var t=_(e);t&&T(e,t)},I=function(e){var t=M(e);t&&T(e,t)},C=function(e){var t=R();t&&T(e,t)},A=function(e){var t=H();t&&T(e,t)},_=function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},M=function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},R=function(){var e=a.DomHandler.findSingle(x.current,'[data-pc-section="menuitem"]');return e?e.children[0]:null},H=function(){var e=a.DomHandler.find(x.current,'[data-pc-section="menuitem"]');return e?e[e.length-1].children[0]:null},T=function(e,t){e.tabIndex="-1",t.tabIndex="0",setTimeout((function(){return t.focus()}),0)},U=function(){var e=R();e.tabIndex="0",e.focus()},B=function(e,t){if(!1===e.visible)return null;var n=e.id||h+"_"+t,r=t===f.activeIndex,i=e.disabled||t!==f.activeIndex&&f.readOnly,l=a.classNames("p-menuitem-icon",e.icon),s=c({className:P("icon",{item:e})},w("icon")),u=a.IconUtils.getJSXIcon(e.icon,g({},s),{props:f}),p=c({className:P("label")},w("label")),m=e.label&&o.createElement("span",p,e.label),d=c({className:P("step")},w("step")),b=c({href:e.url||"#",className:P("action"),tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},target:e.target,onKeyDown:function(n){return k(n,e,t)},onClick:function(n){return N(n,e,t)}},w("action")),y=o.createElement("a",b,o.createElement("span",d,t+1),u,m);e.template&&(y=a.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:l,"aria-current":r,element:y,props:f,active:r,disabled:i}));var v=c({key:n,id:n,className:P("menuitem",{active:r,disabled:i,item:e}),style:e.style},w("menuitem"));return o.createElement("li",v,y)};i.useMountEffect((function(){h||S(a.UniqueComponentId())})),o.useImperativeHandle(t,(function(){return{props:f,getElement:function(){return j.current}}}));var F=c({id:f.id,ref:j,className:P("root"),style:f.style},y.getOtherProps(f),w("root")),J=function(){var e=c({ref:x,tabIndex:f.readOnly?null:"0",onFocus:function(){f.readOnly||U()},onBlur:function(){return U}},w("menu"));if(f.model){var t=f.model.map(B);return o.createElement("ol",e,t)}return null}();return o.createElement("nav",F,J)})));return O.displayName="Steps",e.Steps=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/tabmenu/tabmenu.cjs.js

@@ -172,6 +172,7 @@ var TabMenuBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = TabMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -187,18 +188,20 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var navRef = React__namespace.useRef(null);
   var tabsRef = React__namespace.useRef({});
   var activeIndex = props.onTabChange ? props.activeIndex : activeIndexState;
-  var _TabMenuBase$setMetaD = TabMenuBase.setMetaData({
-      props: props,
-      state: {
-        id: idState,
-        activeIndex: activeIndexState
-      }
-    }),
+  var metaData = {
+    props: props,
+    state: {
+      id: idState,
+      activeIndex: activeIndexState
+    }
+  };
+  var _TabMenuBase$setMetaD = TabMenuBase.setMetaData(_objectSpread({}, metaData)),
     ptm = _TabMenuBase$setMetaD.ptm,
     cx = _TabMenuBase$setMetaD.cx,
     isUnstyled = _TabMenuBase$setMetaD.isUnstyled;
   var getPTOptions = function getPTOptions(key, item, index) {
     return ptm(key, {
+      parent: metaData,
       context: {
         item: item,
         index: index
@@ -357,7 +360,7 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     var key = item.id || idState + '_' + index;
     var active = isSelected(index);
     var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon', {
         _icon: _icon
       })
@@ -365,11 +368,11 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread({}, iconProps), {
       props: props
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, getPTOptions('label', item, index));
     var label = _label && /*#__PURE__*/React__namespace.createElement("span", labelProps, _label);
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: url || '#',
       role: 'menuitem',
       'aria-label': _label,
@@ -397,7 +400,7 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
       };
       content = utils.ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
-    var menuItemProps = utils.mergeProps({
+    var menuItemProps = mergeProps({
       ref: tabsRef.current["tab_".concat(index)],
       id: key,
       key: key,
@@ -422,19 +425,19 @@ var TabMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   if (props.model) {
     var items = createItems();
-    var inkbarProps = utils.mergeProps({
+    var inkbarProps = mergeProps({
       ref: inkbarRef,
       role: 'none',
       className: cx('inkbar')
     }, ptm('inkbar'));
-    var menuProps = utils.mergeProps({
+    var menuProps = mergeProps({
       ref: navRef,
       'aria-label': props.ariaLabel,
       'aria-labelledby': props.ariaLabelledBy,
       className: cx('menu'),
       role: 'menubar'
     }, ptm('menu'));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: cx('root'),

package/tabmenu/tabmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/ripple"),i=require("primereact/utils");function l(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=l(e);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 c(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 s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}function f(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,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function b(){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 v(e,t){return m(e)||p(e,t)||d(e,t)||b()}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return i.classNames("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function g(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=s(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=o.memo(o.forwardRef((function(e,l){var u=o.useContext(t.PrimeReactContext),c=y.getProps(e,u),s=v(o.useState(c.id),2),m=s[0],p=s[1],f=v(o.useState(c.activeIndex),2),d=f[0],b=f[1],g=o.useRef(null),x=o.useRef(null),O=o.useRef(null),j=o.useRef({}),w=c.onTabChange?c.activeIndex:d,P=y.setMetaData({props:c,state:{id:m,activeIndex:d}}),S=P.ptm,E=P.cx,D=function(e,t,n){return S(e,{context:{item:t,index:n}})};n.useHandleStyle(y.css.styles,P.isUnstyled,{name:"tabmenu"});var N=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),c.onTabChange?c.onTabChange({originalEvent:e,value:t,index:n}):b(n))},k=function(e){return e===(w||0)},I=function(){if(c.model){for(var e=O.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];i.DomHandler.getAttribute(r,"data-p-highlight")&&(x.current.style.width=i.DomHandler.getWidth(r)+"px",x.current.style.left=i.DomHandler.getOffset(r).left-i.DomHandler.getOffset(O.current).left+"px",t=!0)}t||(x.current.style.width="0px",x.current.style.left="0px")}};r.useMountEffect((function(){m||p(i.UniqueComponentId())})),o.useImperativeHandle(l,(function(){return{props:c,getElement:function(){return g.current}}})),o.useEffect((function(){I()}));var C=function(e,t,n){switch(e.code){case"ArrowRight":H(e.target),e.preventDefault();break;case"ArrowLeft":_(e.target),e.preventDefault();break;case"Home":A(e.target),e.preventDefault();break;case"End":T(e.target),e.preventDefault();break;case"Space":case"Enter":N(e,t,n),e.preventDefault();break;case"Tab":z()}},H=function(e){var t=M(e);t&&U(e,t)},_=function(e){var t=R(e);t&&U(e,t)},A=function(e){var t=q();t&&U(e,t)},T=function(e){var t=L();t&&U(e,t)},M=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},R=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},q=function(){var e=i.DomHandler.findSingle(O.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},L=function(){var e=i.DomHandler.find(O.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},U=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},z=function(){var e=i.DomHandler.findSingle(O.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=i.DomHandler.findSingle(O.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},B=function(e,t){if(!1===e.visible)return null;var n=e.className,r=e.style,l=e.disabled,u=e.icon,s=e.label,p=e.template,f=e.url,d=e.target,b=e.id||m+"_"+t,v=k(t),y=i.classNames("p-menuitem-icon",u),g=i.mergeProps({className:E("icon",{_icon:u})},D("icon",e,t)),x=i.IconUtils.getJSXIcon(u,h({},g),{props:c}),O=i.mergeProps({className:E("label")},D("label",e,t)),w=s&&o.createElement("span",O,s),P=i.mergeProps({href:f||"#",role:"menuitem","aria-label":s,tabIndex:v?"0":"-1",className:E("action"),target:d,onClick:function(n){return N(n,e,t)}},D("action",e,t)),S=o.createElement("a",P,x,w,o.createElement(a.Ripple,null));p&&(S=i.ObjectUtils.getJSXElement(p,e,{onClick:function(n){return N(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:y,element:S,props:c,active:v,index:t,disabled:l}));var I=i.mergeProps({ref:j.current["tab_".concat(t)],id:b,key:b,onKeyDown:function(n){return C(n,e,t)},className:E("menuitem",{_className:n,active:v,disabled:l}),style:r,role:"presentation","data-p-highlight":v,"data-p-disabled":l||!1,"aria-disabled":l},D("menuitem",e,t));return o.createElement("li",I,S)};if(c.model){var J=c.model.map(B),X=i.mergeProps({ref:x,role:"none",className:E("inkbar")},S("inkbar")),K=i.mergeProps({ref:O,"aria-label":c.ariaLabel,"aria-labelledby":c.ariaLabelledBy,className:E("menu"),role:"menubar"},S("menu")),W=i.mergeProps({id:c.id,ref:g,className:E("root"),style:c.style},y.getOtherProps(c),S("root"));return o.createElement("div",W,o.createElement("ul",K,J,o.createElement("li",X)))}return null})));x.displayName="TabMenu",exports.TabMenu=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/hooks"),a=require("primereact/ripple"),i=require("primereact/utils");function l(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=l(e);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 c(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 s(e){var t=c(e,"string");return"symbol"===u(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,i,l,o=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(c)throw a}}return o}}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 p(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 b(){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 v(e,t){return m(e)||f(e,t)||p(e,t)||b()}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"TabMenu",id:null,model:null,activeIndex:0,ariaLabel:null,ariaLabelledBy:null,style:null,className:null,onTabChange:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",action:"p-menuitem-link",menuitem:function(e){return i.classNames("p-tabmenuitem",{"p-highlight":e.active,"p-disabled":e.disabled},e._className)},inkbar:"p-tabmenu-ink-bar",menu:"p-tabmenu-nav p-reset",root:function(e){return i.classNames("p-tabmenu p-component",e.props.className)}},styles:"\n@layer primereact {\n    .p-tabmenu {\n        overflow-x: auto;\n    }\n\n    .p-tabmenu-nav {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        flex-wrap: nowrap;\n    }\n\n    .p-tabmenu-nav a {\n        cursor: pointer;\n        user-select: none;\n        display: flex;\n        align-items: center;\n        position: relative;\n        text-decoration: none;\n        text-decoration: none;\n        overflow: hidden;\n    }\n\n    .p-tabmenu-nav a:focus {\n        z-index: 1;\n    }\n\n    .p-tabmenu-nav .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tabmenu-ink-bar {\n        display: none;\n        z-index: 1;\n    }\n\n    .p-tabmenu::-webkit-scrollbar {\n        display: none;\n    }\n}\n"}});function g(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 h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){var r,a,i;r=e,i=n[t],(a=s(a=t))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=o.memo(o.forwardRef((function(e,l){var u=r.useMergeProps(),c=o.useContext(t.PrimeReactContext),s=y.getProps(e,c),m=v(o.useState(s.id),2),f=m[0],d=m[1],p=v(o.useState(s.activeIndex),2),b=p[0],g=p[1],x=o.useRef(null),O=o.useRef(null),j=o.useRef(null),w=o.useRef({}),S=s.onTabChange?s.activeIndex:b,E={props:s,state:{id:f,activeIndex:b}},D=y.setMetaData(h({},E)),N=D.ptm,P=D.cx,k=function(e,t,n){return N(e,{parent:E,context:{item:t,index:n}})};n.useHandleStyle(y.css.styles,D.isUnstyled,{name:"tabmenu"});var I=function(e,t,n){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),s.onTabChange?s.onTabChange({originalEvent:e,value:t,index:n}):g(n))},C=function(e){return e===(S||0)},H=function(){if(s.model){for(var e=j.current.children,t=!1,n=0;n<e.length;n++){var r=e[n];i.DomHandler.getAttribute(r,"data-p-highlight")&&(O.current.style.width=i.DomHandler.getWidth(r)+"px",O.current.style.left=i.DomHandler.getOffset(r).left-i.DomHandler.getOffset(j.current).left+"px",t=!0)}t||(O.current.style.width="0px",O.current.style.left="0px")}};r.useMountEffect((function(){f||d(i.UniqueComponentId())})),o.useImperativeHandle(l,(function(){return{props:s,getElement:function(){return x.current}}})),o.useEffect((function(){H()}));var _=function(e,t,n){switch(e.code){case"ArrowRight":A(e.target),e.preventDefault();break;case"ArrowLeft":T(e.target),e.preventDefault();break;case"Home":M(e.target),e.preventDefault();break;case"End":R(e.target),e.preventDefault();break;case"Space":case"Enter":I(e,t,n),e.preventDefault();break;case"Tab":J()}},A=function(e){var t=q(e);t&&B(e,t)},T=function(e){var t=L(e);t&&B(e,t)},M=function(e){var t=U();t&&B(e,t)},R=function(e){var t=z();t&&B(e,t)},q=function e(t){var n=t.parentElement.nextElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},L=function e(t){var n=t.parentElement.previousElementSibling;return n?!0===i.DomHandler.getAttribute(n,"data-p-disabled")?e(n.children[0]):n.children[0]:null},U=function(){var e=i.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e.children[0]:null},z=function(){var e=i.DomHandler.find(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"]');return e?e[e.length-1].children[0]:null},B=function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},J=function(){var e=i.DomHandler.findSingle(j.current,'[data-pc-section="menuitem"][data-p-disabled="false"][data-p-highlight="true"]'),t=i.DomHandler.findSingle(j.current,'[data-pc-section="action"][tabindex="0"]');t!==e.children[0]&&(e&&(e.children[0].tabIndex="0"),t.tabIndex="-1")},X=function(e,t){if(!1===e.visible)return null;var n=e.className,r=e.style,l=e.disabled,c=e.icon,m=e.label,d=e.template,p=e.url,b=e.target,v=e.id||f+"_"+t,y=C(t),g=i.classNames("p-menuitem-icon",c),x=u({className:P("icon",{_icon:c})},k("icon",e,t)),O=i.IconUtils.getJSXIcon(c,h({},x),{props:s}),j=u({className:P("label")},k("label",e,t)),S=m&&o.createElement("span",j,m),E=u({href:p||"#",role:"menuitem","aria-label":m,tabIndex:y?"0":"-1",className:P("action"),target:b,onClick:function(n){return I(n,e,t)}},k("action",e,t)),D=o.createElement("a",E,O,S,o.createElement(a.Ripple,null));d&&(D=i.ObjectUtils.getJSXElement(d,e,{onClick:function(n){return I(n,e,t)},className:"p-menuitem-link",labelClassName:"p-menuitem-text",iconClassName:g,element:D,props:s,active:y,index:t,disabled:l}));var N=u({ref:w.current["tab_".concat(t)],id:v,key:v,onKeyDown:function(n){return _(n,e,t)},className:P("menuitem",{_className:n,active:y,disabled:l}),style:r,role:"presentation","data-p-highlight":y,"data-p-disabled":l||!1,"aria-disabled":l},k("menuitem",e,t));return o.createElement("li",N,D)};if(s.model){var K=s.model.map(X),W=u({ref:O,role:"none",className:P("inkbar")},N("inkbar")),Y=u({ref:j,"aria-label":s.ariaLabel,"aria-labelledby":s.ariaLabelledBy,className:P("menu"),role:"menubar"},N("menu")),$=u({id:s.id,ref:x,className:P("root"),style:s.style},y.getOtherProps(s),N("root"));return o.createElement("div",$,o.createElement("ul",Y,K,o.createElement("li",W)))}return null})));x.displayName="TabMenu",exports.TabMenu=x;