primereact 10.6.3 → 10.6.4

package/ripple/ripple.d.ts

@@ -8,6 +8,28 @@
  *
  */
 import * as React from 'react';
+import { PassThroughOptions } from '../passthrough';
+import { PassThroughType } from '../utils';
+
+export declare type RipplePassThroughType<T> = PassThroughType<T, RipplePassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface RipplePassThroughMethodOptions {
+    props: RippleProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link RippleProps.pt}
+ */
+export interface RipplePassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: RipplePassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Defines valid properties in Ripple component.
@@ -24,6 +46,16 @@ export interface RippleProps {
      * @defaultValue false
      */
     unstyled?: boolean;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {RipplePassThroughOptions}
+     */
+    pt?: RipplePassThroughOptions;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
 }
 
 /**

package/splitter/splitter.cjs.js

@@ -395,7 +395,9 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
   };
   var onResizeEnd = function onResizeEnd(event) {
-    var sizes = [prevPanelSizeNew.current, nextPanelSizeNew.current];
+    var sizes = _toConsumableArray(panelSizes);
+    sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
+    sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
     if (props.onResizeEnd) {
       props.onResizeEnd({
         originalEvent: event,
@@ -546,14 +548,17 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return utils.DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
     });
+    var _panelSizes = [];
     panelElements.map(function (panelElement, i) {
       prevSize.current = panelSize(panelSizes, 0);
+      _panelSizes[i] = panelSize(panelSizes, i);
       if (panelElement.childNodes && utils.ObjectUtils.isNotEmpty(utils.DomHandler.find(panelElement, "[data-pc-name='splitter']") && utils.DomHandler.find(panelElement, "[data-pc-section='root']"))) {
         !isUnstyled() && utils.DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
         panelElement.setAttribute('data-p-splitter-panel-nested', true);
         setNested(true);
       }
     });
+    setPanelSizes(_panelSizes);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   React__namespace.useEffect(function () {

package/splitter/splitter.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(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 l=i(e);function o(){return o=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},o.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 c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(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 f(){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 d(e){return d="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},d(e)}function m(e,t){if("object"!==d(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==d(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=m(e,"string");return"symbol"===d(t)?t:String(t)}function h(e){if(Array.isArray(e))return e}function y(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 v(e,t){return h(e)||y(e,t)||p(e,t)||b()}var S=r.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"}}),w=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,w.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,w.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,w.defaultProps)}});function O(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 z(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){var n,u,i;n=e,i=r[t],(u=g(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)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=function(){},D=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),d=l.useContext(t.PrimeReactContext),m=S.getProps(e,d),g=l.useRef(""),h=l.useRef(null),y=l.useRef(),b=l.useRef({}),O=l.useRef(null),E=l.useRef(null),D=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=l.useRef(null),N=l.useRef(null),k=l.useRef(null),I=v(l.useState([]),2),U=I[0],_=I[1],M=v(l.useState(!1),2),T=M[0],K=M[1],L=null!=m.stateKey,q=m.children&&m.children.length||1,W=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/q},Y="horizontal"===m.layout,B={props:m,state:{panelSizes:U,nested:!0===u.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},F=S.setMetaData(z({},B)),X=F.ptm,J=F.cx,$=F.isUnstyled;r.useHandleStyle(S.css.styles,$,{name:"splitter"});var G=v(n.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=v(n.useEventListener({type:"mouseup",listener:function(e){se(e),re()}}),2),ee=Z[0],te=Z[1],re=function(){V(),te()},ne=function(e,t){return w.getCProp(e,t)},ue=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(m.children[N.current].props&&m.children[N.current].props.minSize&&m.children[N.current].props.minSize>e)&&!(m.children[N.current+1].props&&m.children[N.current+1].props.minSize&&m.children[N.current+1].props.minSize>t)))},ie=l.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),le=function(e){u.ObjectUtils.isArray(e)&&ie().setItem(m.stateKey,JSON.stringify(e))},oe=l.useCallback((function(){var e=ie().getItem(m.stateKey);e&&_(JSON.parse(e))}),[ie,m.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),E.current=!0,D.current=Y?n:i,x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,r?(P.current=Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0),A.current=Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0)):(P.current=100*(Y?u.DomHandler.getOuterWidth(x.current,!0):u.DomHandler.getOuterHeight(x.current,!0))/O.current,A.current=100*(Y?u.DomHandler.getOuterWidth(j.current,!0):u.DomHandler.getOuterHeight(j.current,!0))/O.current),R.current=P.current,C.current=A.current,N.current=t,!$()&&u.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&u.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?Y?(n=100*(P.current+u)/O.current,r=100*(A.current-u)/O.current):(n=100*(P.current-u)/O.current,r=100*(A.current+u)/O.current):(n=P.current+(t=Y?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/O.current-100*D.current/O.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/O.current-100*D.current/O.current),r=A.current-t),de(N.current,n,r)},se=function(e){var t=[R.current,C.current];m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),L&&le(t),_(t),!$()&&u.DomHandler.removeClass(y.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)})),!$()&&u.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),E.current=!1,O.current=null,D.current=null,x.current=null,j.current=null,P.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":Y&&ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":Y&&ge(e,t,m.step),e.preventDefault();break;case"ArrowDown":Y||ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":Y||ge(e,t,m.step),e.preventDefault();break;case"Home":de(t,100-r,r),e.preventDefault();break;case"End":de(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":H.current>=100-(r||5)?de(t,r,100-r):de(t,100-r,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],O.current=Y?u.DomHandler.getWidth(h.current):u.DomHandler.getHeight(h.current),x.current=y.current.previousElementSibling,j.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,x.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",j.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},me=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},ge=function(e,t,r){k.current||(k.current=setInterval((function(){me(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:m,getElement:function(){return h.current}}})),n.useMountEffect((function(){h.current&&(g.current=u.UniqueComponentId())})),l.useEffect((function(){var e;(e=h.current.children,c(e)||s(e)||p(e)||f()).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})).map((function(e,t){H.current=W(U,0),e.childNodes&&u.ObjectUtils.isNotEmpty(u.DomHandler.find(e,"[data-pc-name='splitter']")&&u.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&u.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),l.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(g.current,"_").concat(t),n=u.classNames(ne(e,"className"),J("panel.root")),i=a({ref:function(e){return b.current[t]=e},className:J("gutter"),style:Y?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1},X("gutter")),o=a({tabIndex:ne(e,"tabIndex")||0,className:J("gutterHandler"),role:"separator","aria-orientation":Y?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},X("gutterHandler")),c=t!==m.children.length-1&&l.createElement("div",i,l.createElement("div",o)),s="calc("+W(U,t)+"% - "+(q-1)*m.gutterSize+"px)",p=a({key:t,id:r,className:n,style:z(z({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},X("splitterpanel.root",{context:{nested:T}}));return l.createElement(l.Fragment,null,l.createElement("div",p,ne(e,"children")),c)},Oe=a({id:m.id,style:m.style,className:u.classNames(m.className,J("root")),"data-p-splitter-resizing":!1},S.getOtherProps(m),X("root")),ze=l.Children.map(m.children,we);return l.createElement("div",o({ref:h},Oe),ze)})));E.displayName="SplitterPanel",D.displayName="Splitter",exports.Splitter=D,exports.SplitterPanel=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),u=require("primereact/utils");function i(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 l=i(e);function o(){return o=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},o.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 c(e){if(Array.isArray(e))return a(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(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 f(){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 d(e){return c(e)||s(e)||p(e)||f()}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 g(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 h(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function y(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,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 v(){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 y(e)||b(e,t)||p(e,t)||v()}var w=r.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"}}),O=r.ComponentBase.extend({defaultProps:{__TYPE:"SplitterPanel",className:null,minSize:null,size:null,style:null,children:void 0},getCProps:function(e){return u.ObjectUtils.getComponentProps(e,O.defaultProps)},getCOtherProps:function(e){return u.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return u.ObjectUtils.getComponentProp(e,t,O.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 E(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=h(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 D=function(){},x=l.memo(l.forwardRef((function(e,i){var a=n.useMergeProps(),c=l.useContext(t.PrimeReactContext),s=w.getProps(e,c),p=l.useRef(""),f=l.useRef(null),m=l.useRef(),g=l.useRef({}),h=l.useRef(null),y=l.useRef(null),b=l.useRef(null),v=l.useRef(null),z=l.useRef(null),D=l.useRef(null),x=l.useRef(null),j=l.useRef(null),P=l.useRef(null),H=l.useRef(null),R=l.useRef(null),A=l.useRef(null),C=S(l.useState([]),2),N=C[0],k=C[1],I=S(l.useState(!1),2),U=I[0],_=I[1],M=null!=s.stateKey,T=s.children&&s.children.length||1,K=function(e,t){return t in e?e[t]:s.children&&[].concat(s.children)[t].props.size||100/T},L="horizontal"===s.layout,q={props:s,state:{panelSizes:N,nested:!0===u.DomHandler.getAttribute(f.current&&f.current.parentElement,"data-p-splitter-panel-nested")}},W=w.setMetaData(E({},q)),Y=W.ptm,B=W.cx,F=W.isUnstyled;r.useHandleStyle(w.css.styles,F,{name:"splitter"});var X=S(n.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),J=X[0],$=X[1],G=S(n.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return O.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(s.children[R.current].props&&s.children[R.current].props.minSize&&s.children[R.current].props.minSize>e)&&!(s.children[R.current+1].props&&s.children[R.current+1].props.minSize&&s.children[R.current+1].props.minSize>t)))},re=l.useCallback((function(){switch(s.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(s.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[s.stateStorage]),ne=function(e){u.ObjectUtils.isArray(e)&&re().setItem(s.stateKey,JSON.stringify(e))},ue=l.useCallback((function(){var e=re().getItem(s.stateKey);e&&k(JSON.parse(e))}),[re,s.stateKey]),ie=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,i="touchstart"===e.type?e.touches[0].pageY:e.pageY;m.current=g.current[t],h.current=L?u.DomHandler.getWidth(f.current):u.DomHandler.getHeight(f.current),y.current=!0,b.current=L?n:i,v.current=m.current.previousElementSibling,z.current=m.current.nextElementSibling,r?(D.current=L?u.DomHandler.getOuterWidth(v.current,!0):u.DomHandler.getOuterHeight(v.current,!0),P.current=L?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0)):(D.current=100*(L?u.DomHandler.getOuterWidth(v.current,!0):u.DomHandler.getOuterHeight(v.current,!0))/h.current,P.current=100*(L?u.DomHandler.getOuterWidth(z.current,!0):u.DomHandler.getOuterHeight(z.current,!0))/h.current),j.current=D.current,H.current=P.current,R.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(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?L?(n=100*(D.current+u)/h.current,r=100*(P.current-u)/h.current):(n=100*(D.current-u)/h.current,r=100*(P.current+u)/h.current):(n=D.current+(t=L?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=P.current-t),se(R.current,n,r)},oe=function(e){var t=d(N);t[R.current]=j.current,t[R.current+1]=H.current,s.onResizeEnd&&s.onResizeEnd({originalEvent:e,sizes:t}),M&&ne(t),k(t),!F()&&u.DomHandler.removeClass(m.current,"p-splitter-gutter-resizing"),g.current&&Object.keys(g.current).forEach((function(e){return g.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!F()&&u.DomHandler.removeClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!1),y.current=!1,h.current=null,b.current=null,v.current=null,z.current=null,D.current=null,j.current=null,P.current=null,H.current=null,R.current=null},ae=function(){de(),oe()},ce=function(e,t){var r=s.children[t].props&&s.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":L&&fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowRight":L&&fe(e,t,s.step),e.preventDefault();break;case"ArrowDown":L||fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowUp":L||fe(e,t,s.step),e.preventDefault();break;case"Home":se(t,100-r,r),e.preventDefault();break;case"End":se(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":x.current>=100-(r||5)?se(t,r,100-r):se(t,100-r,r),e.preventDefault()}},se=function(e,t,r){R.current=e,m.current=g.current[e],h.current=L?u.DomHandler.getWidth(f.current):u.DomHandler.getHeight(f.current),v.current=m.current.previousElementSibling,z.current=m.current.nextElementSibling,te(t,r)&&(j.current=t,H.current=r,v.current.style.flexBasis="calc("+t+"% - "+(s.children.length-1)*s.gutterSize+"px)",z.current.style.flexBasis="calc("+r+"% - "+(s.children.length-1)*s.gutterSize+"px)",x.current=parseFloat(t).toFixed(4))},pe=function(e,t,r){ie(e,t,!0),le(e,r,!0)},fe=function(e,t,r){A.current||(A.current=setInterval((function(){pe(e,t,r)}),40))},de=function(){A.current&&(clearInterval(A.current),A.current=null)},me=function(e,t){ie(e,t,!1),J(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",he,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},he=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",he),window.removeEventListener("touchend",e)};l.useImperativeHandle(i,(function(){return{props:s,getElement:function(){return f.current}}})),n.useMountEffect((function(){f.current&&(p.current=u.UniqueComponentId())})),l.useEffect((function(){var e=d(f.current.children).filter((function(e){return"splitterpanel.root"===u.DomHandler.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){x.current=K(N,0),t[r]=K(N,r),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))})),k(t)}),[]),l.useEffect((function(){M&&ue()}),[ue,M]);var be=function(e,t){var r=ee(e,"id")||"".concat(p.current,"_").concat(t),n=u.classNames(ee(e,"className"),B("panel.root")),i=a({ref:function(e){return g.current[t]=e},className:B("gutter"),style:L?{width:s.gutterSize+"px"}:{height:s.gutterSize+"px"},onMouseDown:function(e){return me(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return he(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},Y("gutter")),o=a({tabIndex:ee(e,"tabIndex")||0,className:B("gutterHandler"),role:"separator","aria-orientation":L?"vertical":"horizontal","aria-controls":r,"aria-label":ee(e,"aria-label"),"aria-labelledby":ee(e,"aria-labelledby"),"aria-valuenow":x.current,"aria-valuetext":parseFloat(x.current).toFixed(0)+"%","aria-valuemin":ee(e,"minSize")||"0","aria-valuemax":"100"},Y("gutterHandler")),c=t!==s.children.length-1&&l.createElement("div",i,l.createElement("div",o)),f="calc("+K(N,t)+"% - "+(T-1)*s.gutterSize+"px)",d=a({key:t,id:r,className:n,style:E(E({},ee(e,"style")),{},{flexBasis:f}),role:"presentation","data-p-splitter-panel-nested":!1},Y("splitterpanel.root",{context:{nested:U}}));return l.createElement(l.Fragment,null,l.createElement("div",d,ee(e,"children")),c)},ve=a({id:s.id,style:s.style,className:u.classNames(s.className,B("root")),"data-p-splitter-resizing":!1},w.getOtherProps(s),Y("root")),Se=l.Children.map(s.children,be);return l.createElement("div",o({ref:f},ve),Se)})));D.displayName="SplitterPanel",x.displayName="Splitter",exports.Splitter=x,exports.SplitterPanel=D;

package/splitter/splitter.esm.js

@@ -371,7 +371,9 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
   };
   var onResizeEnd = function onResizeEnd(event) {
-    var sizes = [prevPanelSizeNew.current, nextPanelSizeNew.current];
+    var sizes = _toConsumableArray(panelSizes);
+    sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
+    sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
     if (props.onResizeEnd) {
       props.onResizeEnd({
         originalEvent: event,
@@ -522,14 +524,17 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
     });
+    var _panelSizes = [];
     panelElements.map(function (panelElement, i) {
       prevSize.current = panelSize(panelSizes, 0);
+      _panelSizes[i] = panelSize(panelSizes, i);
       if (panelElement.childNodes && ObjectUtils.isNotEmpty(DomHandler.find(panelElement, "[data-pc-name='splitter']") && DomHandler.find(panelElement, "[data-pc-section='root']"))) {
         !isUnstyled() && DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
         panelElement.setAttribute('data-p-splitter-panel-nested', true);
         setNested(true);
       }
     });
+    setPanelSizes(_panelSizes);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   React.useEffect(function () {

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

package/splitter/splitter.js

@@ -388,7 +388,9 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       resizePanel(prevPanelIndex.current, newPrevPanelSize, newNextPanelSize);
     };
     var onResizeEnd = function onResizeEnd(event) {
-      var sizes = [prevPanelSizeNew.current, nextPanelSizeNew.current];
+      var sizes = _toConsumableArray(panelSizes);
+      sizes[prevPanelIndex.current] = prevPanelSizeNew.current;
+      sizes[prevPanelIndex.current + 1] = nextPanelSizeNew.current;
       if (props.onResizeEnd) {
         props.onResizeEnd({
           originalEvent: event,
@@ -539,14 +541,17 @@ this.primereact.splitter = (function (exports, React, api, componentbase, hooks,
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return utils.DomHandler.getAttribute(child, 'data-pc-section') === 'splitterpanel.root';
       });
+      var _panelSizes = [];
       panelElements.map(function (panelElement, i) {
         prevSize.current = panelSize(panelSizes, 0);
+        _panelSizes[i] = panelSize(panelSizes, i);
         if (panelElement.childNodes && utils.ObjectUtils.isNotEmpty(utils.DomHandler.find(panelElement, "[data-pc-name='splitter']") && utils.DomHandler.find(panelElement, "[data-pc-section='root']"))) {
           !isUnstyled() && utils.DomHandler.addClass(panelElement, 'p-splitter-panel-nested');
           panelElement.setAttribute('data-p-splitter-panel-nested', true);
           setNested(true);
         }
       });
+      setPanelSizes(_panelSizes);
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     React__namespace.useEffect(function () {

package/splitter/splitter.min.js

@@ -1 +1 @@
-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 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 g(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 h(e){var t=g(e,"string");return"symbol"===m(t)?t:String(t)}function y(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,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 v(){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 y(e)||b(e,t)||f(e,t)||v()}var w=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"}}),O=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,O.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,O.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,O.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 E(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=h(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 D=function(){},j=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),m=w.getProps(e,c),g=o.useRef(""),h=o.useRef(null),y=o.useRef(),b=o.useRef({}),v=o.useRef(null),z=o.useRef(null),D=o.useRef(null),j=o.useRef(null),P=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=o.useRef(null),I=S(o.useState([]),2),U=I[0],_=I[1],M=S(o.useState(!1),2),T=M[0],K=M[1],L=null!=m.stateKey,W=m.children&&m.children.length||1,Y=function(e,t){return t in e?e[t]:m.children&&[].concat(m.children)[t].props.size||100/W},B="horizontal"===m.layout,F={props:m,state:{panelSizes:U,nested:!0===i.DomHandler.getAttribute(h.current&&h.current.parentElement,"data-p-splitter-panel-nested")}},X=w.setMetaData(E({},F)),J=X.ptm,q=X.cx,$=X.isUnstyled;n.useHandleStyle(w.css.styles,$,{name:"splitter"});var G=S(u.useEventListener({type:"mousemove",listener:function(e){return ce(e)}}),2),Q=G[0],V=G[1],Z=S(u.useEventListener({type:"mouseup",listener:function(e){se(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)&&(!(m.children[N.current].props&&m.children[N.current].props.minSize&&m.children[N.current].props.minSize>e)&&!(m.children[N.current+1].props&&m.children[N.current+1].props.minSize&&m.children[N.current+1].props.minSize>t)))},ie=o.useCallback((function(){switch(m.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(m.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[m.stateStorage]),le=function(e){i.ObjectUtils.isArray(e)&&ie().setItem(m.stateKey,JSON.stringify(e))},oe=o.useCallback((function(){var e=ie().getItem(m.stateKey);e&&_(JSON.parse(e))}),[ie,m.stateKey]),ae=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;y.current=b.current[t],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),z.current=!0,D.current=B?n:u,j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,r?(x.current=B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0),A.current=B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0)):(x.current=100*(B?i.DomHandler.getOuterWidth(j.current,!0):i.DomHandler.getOuterHeight(j.current,!0))/v.current,A.current=100*(B?i.DomHandler.getOuterWidth(P.current,!0):i.DomHandler.getOuterHeight(P.current,!0))/v.current),R.current=x.current,C.current=A.current,N.current=t,!$()&&i.DomHandler.addClass(y.current,"p-splitter-gutter-resizing"),y.current.setAttribute("data-p-splitter-gutter-resizing",!0),!$()&&i.DomHandler.addClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!0)},ce=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?B?(n=100*(x.current+u)/v.current,r=100*(A.current-u)/v.current):(n=100*(x.current-u)/v.current,r=100*(A.current+u)/v.current):(n=x.current+(t=B?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/v.current-100*D.current/v.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/v.current-100*D.current/v.current),r=A.current-t),de(N.current,n,r)},se=function(e){var t=[R.current,C.current];m.onResizeEnd&&m.onResizeEnd({originalEvent:e,sizes:t}),L&&le(t),_(t),!$()&&i.DomHandler.removeClass(y.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)})),!$()&&i.DomHandler.removeClass(h.current,"p-splitter-resizing"),h.current.setAttribute("data-p-splitter-resizing",!1),z.current=!1,v.current=null,D.current=null,j.current=null,P.current=null,x.current=null,R.current=null,A.current=null,C.current=null,N.current=null},pe=function(){he(),se()},fe=function(e,t){var r=m.children[t].props&&m.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":B&&ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowRight":B&&ge(e,t,m.step),e.preventDefault();break;case"ArrowDown":B||ge(e,t,-1*m.step),e.preventDefault();break;case"ArrowUp":B||ge(e,t,m.step),e.preventDefault();break;case"Home":de(t,100-r,r),e.preventDefault();break;case"End":de(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":H.current>=100-(r||5)?de(t,r,100-r):de(t,100-r,r),e.preventDefault()}},de=function(e,t,r){N.current=e,y.current=b.current[e],v.current=B?i.DomHandler.getWidth(h.current):i.DomHandler.getHeight(h.current),j.current=y.current.previousElementSibling,P.current=y.current.nextElementSibling,ue(t,r)&&(R.current=t,C.current=r,j.current.style.flexBasis="calc("+t+"% - "+(m.children.length-1)*m.gutterSize+"px)",P.current.style.flexBasis="calc("+r+"% - "+(m.children.length-1)*m.gutterSize+"px)",H.current=parseFloat(t).toFixed(4))},me=function(e,t,r){ae(e,t,!0),ce(e,r,!0)},ge=function(e,t,r){k.current||(k.current=setInterval((function(){me(e,t,r)}),40))},he=function(){k.current&&(clearInterval(k.current),k.current=null)},ye=function(e,t){ae(e,t,!1),Q(),ee()},be=function(e,t){ae(e,t,!1),window.addEventListener("touchmove",ve,{passive:!1,cancelable:!1}),window.addEventListener("touchend",Se)},ve=function(e){ce(e)},Se=function e(t){se(t),window.removeEventListener("touchmove",ve),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:m,getElement:function(){return h.current}}})),u.useMountEffect((function(){h.current&&(g.current=i.UniqueComponentId())})),o.useEffect((function(){var e;(e=h.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){H.current=Y(U,0),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!$()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),K(!0))}))}),[]),o.useEffect((function(){L&&oe()}),[oe,L]);var we=function(e,t){var r=ne(e,"id")||"".concat(g.current,"_").concat(t),n=i.classNames(ne(e,"className"),q("panel.root")),u=l({ref:function(e){return b.current[t]=e},className:q("gutter"),style:B?{width:m.gutterSize+"px"}:{height:m.gutterSize+"px"},onMouseDown:function(e){return ye(e,t)},onKeyDown:function(e){return fe(e,t)},onKeyUp:pe,onTouchStart:function(e){return be(e,t)},onTouchMove:function(e){return ve(e)},onTouchEnd:function(e){return Se(e)},"data-p-splitter-gutter-resizing":!1},J("gutter")),a=l({tabIndex:ne(e,"tabIndex")||0,className:q("gutterHandler"),role:"separator","aria-orientation":B?"vertical":"horizontal","aria-controls":r,"aria-label":ne(e,"aria-label"),"aria-labelledby":ne(e,"aria-labelledby"),"aria-valuenow":H.current,"aria-valuetext":parseFloat(H.current).toFixed(0)+"%","aria-valuemin":ne(e,"minSize")||"0","aria-valuemax":"100"},J("gutterHandler")),c=t!==m.children.length-1&&o.createElement("div",u,o.createElement("div",a)),s="calc("+Y(U,t)+"% - "+(W-1)*m.gutterSize+"px)",p=l({key:t,id:r,className:n,style:E(E({},ne(e,"style")),{},{flexBasis:s}),role:"presentation","data-p-splitter-panel-nested":!1},J("splitterpanel.root",{context:{nested:T}}));return o.createElement(o.Fragment,null,o.createElement("div",p,ne(e,"children")),c)},Oe=l({id:m.id,style:m.style,className:i.classNames(m.className,q("root")),"data-p-splitter-resizing":!1},w.getOtherProps(m),J("root")),ze=o.Children.map(m.children,we);return o.createElement("div",a({ref:h},Oe),ze)})));return D.displayName="SplitterPanel",j.displayName="Splitter",e.Splitter=j,e.SplitterPanel=D,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 m(e){return s(e)||p(e)||f(e)||d()}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 h(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=h(e,"string");return"symbol"===g(t)?t:String(t)}function b(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 S(){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 b(e)||v(e,t)||f(e,t)||S()}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"}}),z=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,z.defaultProps)},getCOtherProps:function(e){return i.ObjectUtils.getComponentDiffProps(e,z.defaultProps)},getCProp:function(e,t){return i.ObjectUtils.getComponentProp(e,t,z.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 D(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 j=function(){},P=o.memo(o.forwardRef((function(e,t){var l=u.useMergeProps(),c=o.useContext(r.PrimeReactContext),s=O.getProps(e,c),p=o.useRef(""),f=o.useRef(null),d=o.useRef(),g=o.useRef({}),h=o.useRef(null),y=o.useRef(null),b=o.useRef(null),v=o.useRef(null),S=o.useRef(null),E=o.useRef(null),j=o.useRef(null),P=o.useRef(null),x=o.useRef(null),H=o.useRef(null),R=o.useRef(null),A=o.useRef(null),C=w(o.useState([]),2),N=C[0],k=C[1],I=w(o.useState(!1),2),U=I[0],_=I[1],M=null!=s.stateKey,T=s.children&&s.children.length||1,K=function(e,t){return t in e?e[t]:s.children&&[].concat(s.children)[t].props.size||100/T},L="horizontal"===s.layout,W={props:s,state:{panelSizes:N,nested:!0===i.DomHandler.getAttribute(f.current&&f.current.parentElement,"data-p-splitter-panel-nested")}},Y=O.setMetaData(D({},W)),B=Y.ptm,F=Y.cx,X=Y.isUnstyled;n.useHandleStyle(O.css.styles,X,{name:"splitter"});var J=w(u.useEventListener({type:"mousemove",listener:function(e){return le(e)}}),2),q=J[0],$=J[1],G=w(u.useEventListener({type:"mouseup",listener:function(e){oe(e),Z()}}),2),Q=G[0],V=G[1],Z=function(){$(),V()},ee=function(e,t){return z.getCProp(e,t)},te=function(e,t){return!(e>100||e<0)&&(!(t>100||t<0)&&(!(s.children[R.current].props&&s.children[R.current].props.minSize&&s.children[R.current].props.minSize>e)&&!(s.children[R.current+1].props&&s.children[R.current+1].props.minSize&&s.children[R.current+1].props.minSize>t)))},re=o.useCallback((function(){switch(s.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(s.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}}),[s.stateStorage]),ne=function(e){i.ObjectUtils.isArray(e)&&re().setItem(s.stateKey,JSON.stringify(e))},ue=o.useCallback((function(){var e=re().getItem(s.stateKey);e&&k(JSON.parse(e))}),[re,s.stateKey]),ie=function(e,t,r){var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;d.current=g.current[t],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),y.current=!0,b.current=L?n:u,v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,r?(E.current=L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0),x.current=L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0)):(E.current=100*(L?i.DomHandler.getOuterWidth(v.current,!0):i.DomHandler.getOuterHeight(v.current,!0))/h.current,x.current=100*(L?i.DomHandler.getOuterWidth(S.current,!0):i.DomHandler.getOuterHeight(S.current,!0))/h.current),P.current=E.current,H.current=x.current,R.current=t,!X()&&i.DomHandler.addClass(d.current,"p-splitter-gutter-resizing"),d.current.setAttribute("data-p-splitter-gutter-resizing",!0),!X()&&i.DomHandler.addClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!0)},le=function(e){var t,r,n,u=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;arguments.length>2&&void 0!==arguments[2]&&arguments[2]?L?(n=100*(E.current+u)/h.current,r=100*(x.current-u)/h.current):(n=100*(E.current-u)/h.current,r=100*(x.current+u)/h.current):(n=E.current+(t=L?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=x.current-t),se(R.current,n,r)},oe=function(e){var t=m(N);t[R.current]=P.current,t[R.current+1]=H.current,s.onResizeEnd&&s.onResizeEnd({originalEvent:e,sizes:t}),M&&ne(t),k(t),!X()&&i.DomHandler.removeClass(d.current,"p-splitter-gutter-resizing"),g.current&&Object.keys(g.current).forEach((function(e){return g.current[e].setAttribute("data-p-splitter-gutter-resizing",!1)})),!X()&&i.DomHandler.removeClass(f.current,"p-splitter-resizing"),f.current.setAttribute("data-p-splitter-resizing",!1),y.current=!1,h.current=null,b.current=null,v.current=null,S.current=null,E.current=null,P.current=null,x.current=null,H.current=null,R.current=null},ae=function(){de(),oe()},ce=function(e,t){var r=s.children[t].props&&s.children[t].props.minSize||0;switch(e.code){case"ArrowLeft":L&&fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowRight":L&&fe(e,t,s.step),e.preventDefault();break;case"ArrowDown":L||fe(e,t,-1*s.step),e.preventDefault();break;case"ArrowUp":L||fe(e,t,s.step),e.preventDefault();break;case"Home":se(t,100-r,r),e.preventDefault();break;case"End":se(t,r,100-r),e.preventDefault();break;case"NumpadEnter":case"Enter":j.current>=100-(r||5)?se(t,r,100-r):se(t,100-r,r),e.preventDefault()}},se=function(e,t,r){R.current=e,d.current=g.current[e],h.current=L?i.DomHandler.getWidth(f.current):i.DomHandler.getHeight(f.current),v.current=d.current.previousElementSibling,S.current=d.current.nextElementSibling,te(t,r)&&(P.current=t,H.current=r,v.current.style.flexBasis="calc("+t+"% - "+(s.children.length-1)*s.gutterSize+"px)",S.current.style.flexBasis="calc("+r+"% - "+(s.children.length-1)*s.gutterSize+"px)",j.current=parseFloat(t).toFixed(4))},pe=function(e,t,r){ie(e,t,!0),le(e,r,!0)},fe=function(e,t,r){A.current||(A.current=setInterval((function(){pe(e,t,r)}),40))},de=function(){A.current&&(clearInterval(A.current),A.current=null)},me=function(e,t){ie(e,t,!1),q(),Q()},ge=function(e,t){ie(e,t,!1),window.addEventListener("touchmove",he,{passive:!1,cancelable:!1}),window.addEventListener("touchend",ye)},he=function(e){le(e)},ye=function e(t){oe(t),window.removeEventListener("touchmove",he),window.removeEventListener("touchend",e)};o.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return f.current}}})),u.useMountEffect((function(){f.current&&(p.current=i.UniqueComponentId())})),o.useEffect((function(){var e=m(f.current.children).filter((function(e){return"splitterpanel.root"===i.DomHandler.getAttribute(e,"data-pc-section")})),t=[];e.map((function(e,r){j.current=K(N,0),t[r]=K(N,r),e.childNodes&&i.ObjectUtils.isNotEmpty(i.DomHandler.find(e,"[data-pc-name='splitter']")&&i.DomHandler.find(e,"[data-pc-section='root']"))&&(!X()&&i.DomHandler.addClass(e,"p-splitter-panel-nested"),e.setAttribute("data-p-splitter-panel-nested",!0),_(!0))})),k(t)}),[]),o.useEffect((function(){M&&ue()}),[ue,M]);var be=function(e,t){var r=ee(e,"id")||"".concat(p.current,"_").concat(t),n=i.classNames(ee(e,"className"),F("panel.root")),u=l({ref:function(e){return g.current[t]=e},className:F("gutter"),style:L?{width:s.gutterSize+"px"}:{height:s.gutterSize+"px"},onMouseDown:function(e){return me(e,t)},onKeyDown:function(e){return ce(e,t)},onKeyUp:ae,onTouchStart:function(e){return ge(e,t)},onTouchMove:function(e){return he(e)},onTouchEnd:function(e){return ye(e)},"data-p-splitter-gutter-resizing":!1},B("gutter")),a=l({tabIndex:ee(e,"tabIndex")||0,className:F("gutterHandler"),role:"separator","aria-orientation":L?"vertical":"horizontal","aria-controls":r,"aria-label":ee(e,"aria-label"),"aria-labelledby":ee(e,"aria-labelledby"),"aria-valuenow":j.current,"aria-valuetext":parseFloat(j.current).toFixed(0)+"%","aria-valuemin":ee(e,"minSize")||"0","aria-valuemax":"100"},B("gutterHandler")),c=t!==s.children.length-1&&o.createElement("div",u,o.createElement("div",a)),f="calc("+K(N,t)+"% - "+(T-1)*s.gutterSize+"px)",d=l({key:t,id:r,className:n,style:D(D({},ee(e,"style")),{},{flexBasis:f}),role:"presentation","data-p-splitter-panel-nested":!1},B("splitterpanel.root",{context:{nested:U}}));return o.createElement(o.Fragment,null,o.createElement("div",d,ee(e,"children")),c)},ve=l({id:s.id,style:s.style,className:i.classNames(s.className,F("root")),"data-p-splitter-resizing":!1},O.getOtherProps(s),B("root")),Se=o.Children.map(s.children,be);return o.createElement("div",a({ref:f},ve),Se)})));return j.displayName="SplitterPanel",P.displayName="Splitter",e.Splitter=P,e.SplitterPanel=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/stepper/stepper.cjs.js

@@ -164,7 +164,7 @@ var classes = {
         'p-disabled': isItemDisabled(index)
       });
     },
-    action: 'p-stepper-action',
+    action: 'p-stepper-action p-component',
     number: 'p-stepper-number',
     title: 'p-stepper-title',
     separator: 'p-stepper-separator',
@@ -202,11 +202,12 @@ var StepperBase = componentbase.ComponentBase.extend({
 
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
+var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = hooks.useMergeProps();
   var cx = props.cx,
     ptm = props.ptm;
   var rootProps = mergeProps(_objectSpread$2(_objectSpread$2(_objectSpread$2({
+    ref: ref,
     id: props.id,
     className: cx('stepper.content', {
       stepperpanel: props.stepperpanel,
@@ -238,13 +239,15 @@ var StepperContent = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__nam
 }));
 StepperContent.displayName = 'StepperContent';
 
-var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
+var StepperHeader = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = hooks.useMergeProps();
   var cx = props.cx;
   var buttonProps = mergeProps({
+    ref: ref,
     id: props.id,
     className: cx('stepper.action'),
     role: 'tab',
+    type: 'button',
     tabIndex: props.disabled ? -1 : undefined,
     'aria-controls': props.ariaControls,
     onClick: function onClick(e) {
@@ -261,9 +264,10 @@ StepperHeader.displayName = 'StepperHeader';
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StepperSeparator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props) {
+var StepperSeparator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mergeProps = hooks.useMergeProps();
   var separatorProps = mergeProps(_objectSpread$1({
+    ref: ref,
     'aria-hidden': true,
     className: props.separatorClass
   }, props.getStepPT(props.stepperpanel, 'separator', props.index)));
@@ -431,6 +435,12 @@ var Stepper = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React__d
       getElement: function getElement() {
         return navRef.current;
       },
+      getActiveStep: function getActiveStep() {
+        return activeStepState;
+      },
+      setActiveStep: function setActiveStep(step) {
+        return setActiveStepState(step);
+      },
       nextCallback: function nextCallback(e) {
         return _nextCallback(e, activeStepState);
       },

package/stepper/stepper.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(e),c=p(e);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 u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=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},m.apply(this,arguments)}function b(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,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(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.")}function O(e,t){return b(e)||v(e,t)||h(e,t)||g()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return i.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n    \n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n    \n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n    \n        &:last-of-type {\n            flex: initial;\n        }\n    }\n    \n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n    \n        &:focus-visible {\n            @include focused();\n        }\n    }\n    \n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n    \n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n    \n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n    \n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n"}});function j(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?j(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var S=o.memo(o.forwardRef((function(e){var t=a.useMergeProps(),r=e.ptm,n=t(P(P(P({id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),r("stepperpanel"));return o.createElement("div",n,e.template?o.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));S.displayName="StepperContent";var C=o.memo(o.forwardRef((function(e){var t=a.useMergeProps(),r=e.cx,n=t({id:e.id,className:r("stepper.action"),role:"tab",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():o.createElement("button",n,o.createElement("span",{className:r("stepper.number")},e.index+1),o.createElement("span",{className:r("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function w(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 E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var k=o.memo(o.forwardRef((function(e){var t=a.useMergeProps()(E({"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():o.createElement("span",t)})));function N(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 D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=c.default.memo(c.default.forwardRef((function(e,p){var l=a.useMergeProps(),o=c.default.useContext(t.PrimeReactContext),s=x.getProps(e,o),u=x.setMetaData({props:s}),d=u.ptm,f=u.cx,b=u.isUnstyled,v=u.ptmo,y=O(c.default.useState(s.id),2),h=y[0],g=y[1],j=O(c.default.useState(s.activeStep),2),P=j[0],w=j[1],E=c.default.useRef();r.useHandleStyle(x.css.styles,b,{name:"stepper"}),a.useMountEffect((function(){h||g(i.UniqueComponentId())}));var N=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},A=function(e,t){return N(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return P===e},_=function(e){return s.linear&&!I(e)},M=function(e,t){w(t),s.onChangeStep&&s.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(h,"_").concat(e,"_header_action")},q=function(e){return"".concat(h,"_").concat(e,"content")},z=function(){return c.default.Children.toArray(s.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},H=function(e,t){0!==t&&M(e,t-1)},L=function(e,t){t!==z().length-1&&M(e,t+1)},U=function(e,t,r){var n=z().length,a={props:e.props,parent:{props:s},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<P,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(N(e,"pt"),t,a))},B=function(e,t){s.linear?e.preventDefault():t!==P&&M(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return E.current},nextCallback:function(e){return L(e,P)},prevCallback:function(e){return H(e,P)}}}));var F,Y,$,G=l({className:i.classNames(f("root")),role:"tablist"},x.getOtherProps(s),d("root"));return c.default.createElement("div",G,s.start&&s.start(),"horizontal"===s.orientation&&(F=z().map((function(e,t){var r,n,a=l({className:i.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return c.default.createElement("li",m({key:A(e,t)},a),c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f}),t!==z().length-1&&c.default.createElement(k,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:U}))})),Y=l({className:i.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",Y,F),c.default.createElement("div",$,z().map((function(e,t){var r;return I(t)?c.default.createElement(S,{key:q(t),id:q(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===s.orientation&&z().map((function(e,t){var r,a,i,p=c.default.createRef(null),o=l(D(D(D({ref:E,className:f("panel",{props:s,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},U(e,"root",t)),U(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(D({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},U(e,"header",t))),b=l(D(D({classNames:f("stepper.content")},U(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(D({ref:p,className:f("stepper.toggleableContent")},U(e,"toggleableContent",t)));return c.default.createElement("div",m({key:A(e,t)},o),c.default.createElement("div",u,c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<P,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f})),c.default.createElement(n.CSSTransition,m({nodeRef:p},b),c.default.createElement("div",v,t!==z().length-1&&c.default.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<P,getStepPT:U}),c.default.createElement(S,{key:q(t),id:q(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<P,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}))))})),s.end&&s.end())})));x.displayName="StepperBase",exports.Stepper=A;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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(e),c=p(e);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 u(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=u(e,"string");return"symbol"===s(t)?t:String(t)}function f(e,t,r){return(t=d(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function m(){return m=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},m.apply(this,arguments)}function b(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,a,i,p,l=[],o=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;o=!1}else for(;!(o=(n=i.call(r)).done)&&(l.push(n.value),l.length!==t);o=!0);}catch(e){c=!0,a=e}finally{try{if(!o&&null!=r.return&&(p=r.return(),Object(p)!==p))return}finally{if(c)throw a}}return l}}function y(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 g(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return b(e)||v(e,t)||g(e,t)||h()}var x=r.ComponentBase.extend({defaultProps:{__TYPE:"Stepper",activeStep:0,orientation:"horizontal",linear:!1},css:{classes:{root:function(e){var t=e.props;return i.classNames("p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear})},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.isItemDisabled,r=e.index;return i.classNames("p-stepper-header",{"p-highlight":(0,e.isStepActive)(r),"p-disabled":t(r)})},action:"p-stepper-action p-component",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return i.classNames("p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation})}},panelContainer:"p-stepper-panels",panel:function(e){return i.classNames("p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&(0,e.isStepActive)(e.index)})}},styles:"\n@layer primereact {\n    .p-stepper .p-stepper-nav {\n        position: relative;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow-x: auto;\n    }\n    \n    .p-stepper-vertical .p-stepper-nav {\n        flex-direction: column;\n    }\n    \n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        align-items: center;\n    \n        &:last-of-type {\n            flex: initial;\n        }\n    }\n    \n    .p-stepper-header .p-stepper-action {\n        border: 0 none;\n        display: inline-flex;\n        align-items: center;\n        text-decoration: none;\n        cursor: pointer;\n    \n        &:focus-visible {\n            @include focused();\n        }\n    }\n    \n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n    \n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n    \n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n    \n    .p-stepper-number {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-stepper-separator {\n        flex: 1 1 0;\n    }\n}\n"}});function S(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?S(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.ptm,i=r(j(j(j({ref:t,id:e.id,className:(0,e.cx)("stepper.content",{stepperpanel:e.stepperpanel,index:e.index}),role:"tabpanel","aria-labelledby":e.ariaLabelledby},e.getStepPT(e.stepperpanel,"root",e.index)),e.getStepPT(e.stepperpanel,"content",e.index)),{},{"data-p-active":e.active}),n("stepperpanel"));return o.createElement("div",i,e.template?o.createElement(e.template,{index:e.index,active:e.active,highlighted:e.highlighted,clickCallback:function(t){return e.onItemClick(t,e.index)},prevCallback:function(t){return e.prevCallback(t,e.index)},nextCallback:function(t){return e.nextCallback(t,e.index)}}):e.stepperpanel)})));P.displayName="StepperContent";var C=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps(),n=e.cx,i=r({ref:t,id:e.id,className:n("stepper.action"),role:"tab",type:"button",tabIndex:e.disabled?-1:void 0,"aria-controls":e.ariaControls,onClick:function(t){return e.clickCallback(t,e.index)}});return e.template?e.template():o.createElement("button",i,o.createElement("span",{className:n("stepper.number")},e.index+1),o.createElement("span",{className:n("stepper.title")},e.getStepProp(e.stepperpanel,"header")))})));function w(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 E(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="StepperHeader";var k=o.memo(o.forwardRef((function(e,t){var r=a.useMergeProps()(E({ref:t,"aria-hidden":!0,className:e.separatorClass},e.getStepPT(e.stepperpanel,"separator",e.index)));return e.template?e.template():o.createElement("span",r)})));function N(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 D(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}k.displayName="StepperSeparator";var A=c.default.memo(c.default.forwardRef((function(e,p){var l=a.useMergeProps(),o=c.default.useContext(t.PrimeReactContext),s=x.getProps(e,o),u=x.setMetaData({props:s}),d=u.ptm,f=u.cx,b=u.isUnstyled,v=u.ptmo,y=O(c.default.useState(s.id),2),g=y[0],h=y[1],S=O(c.default.useState(s.activeStep),2),j=S[0],w=S[1],E=c.default.useRef();r.useHandleStyle(x.css.styles,b,{name:"stepper"}),a.useMountEffect((function(){g||h(i.UniqueComponentId())}));var N=function(e,t){var r;return null==e||null===(r=e.props)||void 0===r?void 0:r[t]},A=function(e,t){return N(e,"header")||t},T=function(e){return"StepperPanel"===e.type.displayName},I=function(e){return j===e},_=function(e){return s.linear&&!I(e)},M=function(e,t){w(t),s.onChangeStep&&s.onChangeStep({originalEvent:e,index:t})},R=function(e){return"".concat(g,"_").concat(e,"_header_action")},q=function(e){return"".concat(g,"_").concat(e,"content")},z=function(){return c.default.Children.toArray(s.children).reduce((function(e,t){return T(t)?e.push(t):t&&Array.isArray(t)&&c.default.Children.toArray(t.props.children).forEach((function(t){T(t)&&e.push(t)})),e}),[])},H=function(e,t){0!==t&&M(e,t-1)},L=function(e,t){t!==z().length-1&&M(e,t+1)},U=function(e,t,r){var n=z().length,a={props:e.props,parent:{props:s},context:{index:r,count:n,first:0===r,last:r===n-1,active:I(r),highlighted:r<j,disabled:_(r)}};return l(d("stepperpanel.".concat(t),{stepperpanel:a}),d("stepperpanel.".concat(t),a),v(N(e,"pt"),t,a))},B=function(e,t){s.linear?e.preventDefault():t!==j&&M(e,t)};c.default.useImperativeHandle(p,(function(){return{getElement:function(){return E.current},getActiveStep:function(){return j},setActiveStep:function(e){return w(e)},nextCallback:function(e){return L(e,j)},prevCallback:function(e){return H(e,j)}}}));var F,Y,$,G=l({className:i.classNames(f("root")),role:"tablist"},x.getOtherProps(s),d("root"));return c.default.createElement("div",G,s.start&&s.start(),"horizontal"===s.orientation&&(F=z().map((function(e,t){var r,n,a=l({className:i.classNames(f("stepper.header",{isStepActive:I,isItemDisabled:_,step:e,index:t})),"aria-current":I(t)&&"step",role:"presentation","data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)},d("stepperpanel"));return c.default.createElement("li",m({key:A(e,t)},a),c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f}),t!==z().length-1&&c.default.createElement(k,{template:null===(n=e.children)||void 0===n?void 0:n.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:U}))})),Y=l({className:i.classNames(f("nav")),ref:E},d("nav")),$=l({className:f("panelContainer")},d("panelContainer")),c.default.createElement(c.default.Fragment,null,c.default.createElement("ul",Y,F),c.default.createElement("div",$,z().map((function(e,t){var r;return I(t)?c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(r=e.children)||void 0===r?void 0:r.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}):null}))))),"vertical"===s.orientation&&z().map((function(e,t){var r,a,i,p=c.default.createRef(null),o=l(D(D(D({ref:E,className:f("panel",{props:s,index:t,isStepActive:I}),"aria-current":I(t)&&"step"},U(e,"root",t)),U(e,"panel",t)),{},{"data-p-highlight":I(t),"data-p-disabled":_(t),"data-p-active":I(t)}),d("nav")),u=l(D({className:f("stepper.header",{step:e,isStepActive:I,isItemDisabled:_,index:t})},U(e,"header",t))),b=l(D(D({classNames:f("stepper.content")},U(e,"transition",t)),{},{timeout:{enter:1e3,exit:450},in:I(t),unmountOnExit:!0})),v=l(D({ref:p,className:f("stepper.toggleableContent")},U(e,"toggleableContent",t)));return c.default.createElement("div",m({key:A(e,t)},o),c.default.createElement("div",u,c.default.createElement(C,{id:R(t),template:null===(r=e.children)||void 0===r?void 0:r.header,stepperpanel:e,index:t,disabled:_(t),active:I(t),highlighted:t<j,ariaControls:q(t),clickCallback:B,getStepPT:U,getStepProp:N,cx:f})),c.default.createElement(n.CSSTransition,m({nodeRef:p},b),c.default.createElement("div",v,t!==z().length-1&&c.default.createElement(k,{template:null===(a=e.children)||void 0===a?void 0:a.separator,separatorClass:f("stepper.separator"),stepperpanel:e,index:t,active:I(t),highlighted:t<j,getStepPT:U}),c.default.createElement(P,{key:q(t),id:q(t),tempate:null==e||null===(i=e.children)||void 0===i?void 0:i.content,stepperpanel:e,index:t,active:I(t),highlighted:t<j,clickCallback:B,prevCallback:H,nextCallback:L,getStepPT:U,ariaLabelledby:R(t),ptm:d,cx:f}))))})),s.end&&s.end())})));x.displayName="StepperBase",exports.Stepper=A;

package/stepper/stepper.d.ts

@@ -82,6 +82,18 @@ export interface StepperChangeEvent {
     index: number;
 }
 
+/**
+ * Defines custom RefAttributes methods
+ * @group Methods
+ */
+export interface StepperRefAttributes {
+    getElement: () => HTMLDivElement;
+    getActiveStep: () => number | undefined;
+    setActiveStep: (step: number) => void;
+    nextCallback: (e?: React.SyntheticEvent) => void;
+    prevCallback: (e?: React.SyntheticEvent) => void;
+}
+
 /**
  * Defines valid properties in Stepper component.
  * @group Properties
@@ -134,4 +146,4 @@ export interface StepperProps {
  *
  * @group Component
  */
-export declare const Stepper: React.Component<StepperProps, any>;
+export declare const Stepper: React.ForwardRefExoticComponent<React.PropsWithChildren<StepperProps> & React.RefAttributes<StepperRefAttributes>>;

package/stepper/stepper.esm.js

@@ -138,7 +138,7 @@ var classes = {
         'p-disabled': isItemDisabled(index)
       });
     },
-    action: 'p-stepper-action',
+    action: 'p-stepper-action p-component',
     number: 'p-stepper-number',
     title: 'p-stepper-title',
     separator: 'p-stepper-separator',
@@ -176,11 +176,12 @@ var StepperBase = ComponentBase.extend({
 
 function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StepperContent = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props) {
+var StepperContent = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var cx = props.cx,
     ptm = props.ptm;
   var rootProps = mergeProps(_objectSpread$2(_objectSpread$2(_objectSpread$2({
+    ref: ref,
     id: props.id,
     className: cx('stepper.content', {
       stepperpanel: props.stepperpanel,
@@ -212,13 +213,15 @@ var StepperContent = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(func
 }));
 StepperContent.displayName = 'StepperContent';
 
-var StepperHeader = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props) {
+var StepperHeader = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var cx = props.cx;
   var buttonProps = mergeProps({
+    ref: ref,
     id: props.id,
     className: cx('stepper.action'),
     role: 'tab',
+    type: 'button',
     tabIndex: props.disabled ? -1 : undefined,
     'aria-controls': props.ariaControls,
     onClick: function onClick(e) {
@@ -235,9 +238,10 @@ StepperHeader.displayName = 'StepperHeader';
 
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StepperSeparator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props) {
+var StepperSeparator = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var mergeProps = useMergeProps();
   var separatorProps = mergeProps(_objectSpread$1({
+    ref: ref,
     'aria-hidden': true,
     className: props.separatorClass
   }, props.getStepPT(props.stepperpanel, 'separator', props.index)));
@@ -405,6 +409,12 @@ var Stepper = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forw
       getElement: function getElement() {
         return navRef.current;
       },
+      getActiveStep: function getActiveStep() {
+        return activeStepState;
+      },
+      setActiveStep: function setActiveStep(step) {
+        return setActiveStepState(step);
+      },
       nextCallback: function nextCallback(e) {
         return _nextCallback(e, activeStepState);
       },