primereact 8.1.0 → 8.3.0

package/splitter/splitter.cjs.js

@@ -44,6 +44,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -121,6 +136,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SplitterPanel = function SplitterPanel() {};
 var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
@@ -135,6 +153,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var nextPanelSize = React__namespace.useRef(null);
   var prevPanelIndex = React__namespace.useRef(null);
   var panelSizes = React__namespace.useRef(null);
+  var mounted = React__namespace.useRef(false);
   var isStateful = props.stateKey != null;
 
   var _useEventListener = hooks.useEventListener({
@@ -205,7 +224,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var saveState = function saveState() {
-    getStorage().setItem(props.stateKey, JSON.stringify(panelSizes));
+    getStorage().setItem(props.stateKey, JSON.stringify(panelSizes.current));
   };
 
   var restoreState = function restoreState() {
@@ -220,7 +239,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       });
 
       children.forEach(function (child, i) {
-        child.style.flexBasis = 'calc(' + panelSizes[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+        child.style.flexBasis = 'calc(' + panelSizes.current[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
       });
       return true;
     }
@@ -268,7 +287,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (props.onResizeEnd) {
       props.onResizeEnd({
         originalEvent: event,
-        sizes: panelSizes
+        sizes: panelSizes.current
       });
     }
 
@@ -301,7 +320,14 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
 
-  hooks.useMountEffect(function () {
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
+  React__namespace.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return utils.DomHandler.hasClass(child, 'p-splitter-panel');
     });
@@ -315,7 +341,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (props.children && props.children.length) {
       var initialized = false;
 
-      if (isStateful) {
+      if (isStateful && !mounted.current) {
         initialized = restoreState();
       }
 
@@ -329,8 +355,11 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           return _panelSizes;
         });
         panelSizes.current = _panelSizes;
+        mounted.current && saveState();
       }
     }
+
+    mounted.current = true;
   });
 
   var createPanel = function createPanel(panel, index) {

package/splitter/splitter.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/hooks");function n(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=n(e);function u(){return u=Object.assign||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},u.apply(this,arguments)}function i(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 o(e){if(Array.isArray(e))return i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function c(){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 p(e){return o(e)||a(e)||s(e)||c()}function f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}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 m(e,t){return f(e)||d(e,t)||s(e,t)||h()}var y=function(){},g=l.memo(l.forwardRef((function(e,n){var i=l.useRef(null),o=l.useRef(),a=l.useRef({}),s=l.useRef(null),c=l.useRef(null),f=l.useRef(null),d=l.useRef(null),h=l.useRef(null),v=l.useRef(null),S=l.useRef(null),b=l.useRef(null),z=l.useRef(null),E=null!=e.stateKey,w=m(r.useEventListener({type:"mousemove",listener:function(e){return C(e)}}),2),O=w[0],D=w[1],H=m(r.useEventListener({type:"mouseup",listener:function(e){_(e),j()}}),2),N=H[0],R=H[1],j=function(){D(),R()},x=function(t,r){return!(e.children[b.current].props&&e.children[b.current].props.minSize&&e.children[b.current].props.minSize>t)&&!(e.children[b.current+1].props&&e.children[b.current+1].props.minSize&&e.children[b.current+1].props.minSize>r)},P=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},A=function(r,n){o.current=a.current[n];var l="touchstart"===r.type?r.touches[0].pageX:r.pageX,u="touchstart"===r.type?r.touches[0].pageY:r.pageY;s.current="horizontal"===e.layout?t.DomHandler.getWidth(i.current):t.DomHandler.getHeight(i.current),c.current=!0,f.current="horizontal"===e.layout?l:u,d.current=o.current.previousElementSibling,h.current=o.current.nextElementSibling,v.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(d.current,!0):t.DomHandler.getOuterHeight(d.current,!0))/s.current,S.current=100*("horizontal"===e.layout?t.DomHandler.getOuterWidth(h.current,!0):t.DomHandler.getOuterHeight(h.current,!0))/s.current,b.current=n,t.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.addClass(i.current,"p-splitter-resizing")},C=function(t){var r,n=v.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/s.current-100*f.current/s.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/s.current-100*f.current/s.current),l=S.current-r;x(n,l)&&(d.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",h.current.style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",z.current[b.current]=n,z.current[b.current+1]=l)},_=function(r){E&&P().setItem(e.stateKey,JSON.stringify(z)),e.onResizeEnd&&e.onResizeEnd({originalEvent:r,sizes:z}),t.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),t.DomHandler.removeClass(i.current,"p-splitter-resizing"),c.current=!1,s.current=null,f.current=null,d.current=null,h.current=null,v.current=null,S.current=null,b.current=null},I=function(e,t){A(e,t),O(),N()},T=function(e,t){A(e,t),window.addEventListener("touchmove",K,{passive:!1,cancelable:!1}),window.addEventListener("touchend",L)},K=function(e){C(e)},L=function e(t){_(t),window.removeEventListener("touchmove",K),window.removeEventListener("touchend",e)};r.useMountEffect((function(){var r,n=p(i.current.children).filter((function(e){return t.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&t.ObjectUtils.isNotEmpty(t.DomHandler.find(e,".p-splitter"))&&t.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var l=!1;if(E&&(l=!!(r=P().getItem(e.stateKey))&&(z.current=JSON.parse(r),p(i.current.children).filter((function(e){return t.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(t,r){t.style.flexBasis="calc("+z[r]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!l){var u=[];e.children.map((function(t,r){var l=(t.props&&t.props.size?t.props.size:null)||100/e.children.length;return u[r]=l,n[r].style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",u})),z.current=u}}}));var M=function(r,n){var i=t.ObjectUtils.findDiffKeys(r.props,y.defaultProps),o=t.classNames("p-splitter-panel",r.props.className),s=n!==e.children.length-1&&l.createElement("div",{ref:function(e){return a.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return I(e,n)},onTouchStart:function(e){return T(e,n)},onTouchMove:function(e){return K(e)},onTouchEnd:function(e){return L(e)}},l.createElement("div",{className:"p-splitter-gutter-handle"}));return l.createElement(l.Fragment,null,l.createElement("div",u({key:n,className:o,style:r.props.style},i),r.props.children),s)},Y=t.ObjectUtils.findDiffKeys(e,g.defaultProps),B=t.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),U=l.Children.map(e.children,M);return l.createElement("div",u({ref:i,id:e.id,className:B,style:e.style},Y),U)})));y.displayName="SplitterPanel",y.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},g.displayName="Splitter",g.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},exports.Splitter=g,exports.SplitterPanel=y;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/hooks");function n(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=n(e);function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},l.apply(this,arguments)}function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function c(e){if(Array.isArray(e))return i(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,r){if(e){if("string"==typeof e)return i(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,r):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return c(e)||a(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,u,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);o=!0);}catch(e){i=!0,u=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw u}}return l}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,r){return d(e)||h(e,r)||s(e,r)||m()}function g(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function v(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var b=function(){},O=u.memo(u.forwardRef((function(e,n){var o=u.useRef(null),i=u.useRef(),c=u.useRef({}),a=u.useRef(null),s=u.useRef(null),p=u.useRef(null),d=u.useRef(null),h=u.useRef(null),m=u.useRef(null),g=u.useRef(null),S=u.useRef(null),w=u.useRef(null),z=u.useRef(!1),E=null!=e.stateKey,j=y(t.useEventListener({type:"mousemove",listener:function(e){return T(e)}}),2),D=j[0],P=j[1],H=y(t.useEventListener({type:"mouseup",listener:function(e){K(e),x()}}),2),R=H[0],N=H[1],x=function(){P(),N()},A=function(r,t){return!(e.children[S.current].props&&e.children[S.current].props.minSize&&e.children[S.current].props.minSize>r)&&!(e.children[S.current+1].props&&e.children[S.current+1].props.minSize&&e.children[S.current+1].props.minSize>t)},C=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},I=function(){C().setItem(e.stateKey,JSON.stringify(w.current))},_=function(t,n){i.current=c.current[n];var u="touchstart"===t.type?t.touches[0].pageX:t.pageX,l="touchstart"===t.type?t.touches[0].pageY:t.pageY;a.current="horizontal"===e.layout?r.DomHandler.getWidth(o.current):r.DomHandler.getHeight(o.current),s.current=!0,p.current="horizontal"===e.layout?u:l,d.current=i.current.previousElementSibling,h.current=i.current.nextElementSibling,m.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(d.current,!0):r.DomHandler.getOuterHeight(d.current,!0))/a.current,g.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(h.current,!0):r.DomHandler.getOuterHeight(h.current,!0))/a.current,S.current=n,r.DomHandler.addClass(i.current,"p-splitter-gutter-resizing"),r.DomHandler.addClass(o.current,"p-splitter-resizing")},T=function(r){var t,n=m.current+(t="horizontal"===e.layout?100*("touchmove"===r.type?r.touches[0].pageX:r.pageX)/a.current-100*p.current/a.current:100*("touchmove"===r.type?r.touches[0].pageY:r.pageY)/a.current-100*p.current/a.current),u=g.current-t;A(n,u)&&(d.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",h.current.style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)",w.current[S.current]=n,w.current[S.current+1]=u)},K=function(t){E&&I(),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:w.current}),r.DomHandler.removeClass(i.current,"p-splitter-gutter-resizing"),r.DomHandler.removeClass(o.current,"p-splitter-resizing"),s.current=!1,a.current=null,p.current=null,d.current=null,h.current=null,m.current=null,g.current=null,S.current=null},L=function(e,r){_(e,r),D(),R()},Y=function(e,r){_(e,r),window.addEventListener("touchmove",M,{passive:!1,cancelable:!1}),window.addEventListener("touchend",k)},M=function(e){T(e)},k=function e(r){K(r),window.removeEventListener("touchmove",M),window.removeEventListener("touchend",e)};u.useImperativeHandle(n,(function(){return v({getElement:function(){return o.current}},e)})),u.useEffect((function(){var t,n=f(o.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.ObjectUtils.isNotEmpty(r.DomHandler.find(e,".p-splitter"))&&r.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var u=!1;if(E&&!z.current&&(u=!!(t=C().getItem(e.stateKey))&&(w.current=JSON.parse(t),f(o.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(r,t){r.style.flexBasis="calc("+w.current[t]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!u){var l=[];e.children.map((function(r,t){var u=(r.props&&r.props.size?r.props.size:null)||100/e.children.length;return l[t]=u,n[t].style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)",l})),w.current=l,z.current&&I()}}z.current=!0}));var B=function(t,n){var o=r.ObjectUtils.findDiffKeys(t.props,b.defaultProps),i=r.classNames("p-splitter-panel",t.props.className),a=n!==e.children.length-1&&u.createElement("div",{ref:function(e){return c.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return L(e,n)},onTouchStart:function(e){return Y(e,n)},onTouchMove:function(e){return M(e)},onTouchEnd:function(e){return k(e)}},u.createElement("div",{className:"p-splitter-gutter-handle"}));return u.createElement(u.Fragment,null,u.createElement("div",l({key:n,className:i,style:t.props.style},o),t.props.children),a)},U=r.ObjectUtils.findDiffKeys(e,O.defaultProps),X=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),q=u.Children.map(e.children,B);return u.createElement("div",l({ref:o,id:e.id,className:X,style:e.style},U),q)})));b.displayName="SplitterPanel",b.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},O.displayName="Splitter",O.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},exports.Splitter=O,exports.SplitterPanel=b;

package/splitter/splitter.d.ts

@@ -19,10 +19,7 @@ interface SplitterPanelProps {
 
 export declare class SplitterPanel extends React.Component<SplitterPanelProps, any> { }
 
-export interface SplitterProps {
-    id?: string;
-    className?: string;
-    style?: object;
+export interface SplitterProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     layout?: SplitterLayoutType;
     gutterSize?: number;
     stateKey?: string;
@@ -31,4 +28,6 @@ export interface SplitterProps {
     children?: React.ReactNode;
 }
 
-export declare class Splitter extends React.Component<SplitterProps, any> { }
+export declare class Splitter extends React.Component<SplitterProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/splitter/splitter.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { DomHandler, ObjectUtils, classNames } from 'primereact/utils';
-import { useEventListener, useMountEffect } from 'primereact/hooks';
+import { useEventListener } from 'primereact/hooks';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -20,6 +20,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -97,6 +112,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SplitterPanel = function SplitterPanel() {};
 var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
@@ -111,6 +129,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var nextPanelSize = React.useRef(null);
   var prevPanelIndex = React.useRef(null);
   var panelSizes = React.useRef(null);
+  var mounted = React.useRef(false);
   var isStateful = props.stateKey != null;
 
   var _useEventListener = useEventListener({
@@ -181,7 +200,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var saveState = function saveState() {
-    getStorage().setItem(props.stateKey, JSON.stringify(panelSizes));
+    getStorage().setItem(props.stateKey, JSON.stringify(panelSizes.current));
   };
 
   var restoreState = function restoreState() {
@@ -196,7 +215,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       });
 
       children.forEach(function (child, i) {
-        child.style.flexBasis = 'calc(' + panelSizes[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+        child.style.flexBasis = 'calc(' + panelSizes.current[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
       });
       return true;
     }
@@ -244,7 +263,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (props.onResizeEnd) {
       props.onResizeEnd({
         originalEvent: event,
-        sizes: panelSizes
+        sizes: panelSizes.current
       });
     }
 
@@ -277,7 +296,14 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
 
-  useMountEffect(function () {
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
+  React.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.hasClass(child, 'p-splitter-panel');
     });
@@ -291,7 +317,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (props.children && props.children.length) {
       var initialized = false;
 
-      if (isStateful) {
+      if (isStateful && !mounted.current) {
         initialized = restoreState();
       }
 
@@ -305,8 +331,11 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           return _panelSizes;
         });
         panelSizes.current = _panelSizes;
+        mounted.current && saveState();
       }
     }
+
+    mounted.current = true;
   });
 
   var createPanel = function createPanel(panel, index) {

package/splitter/splitter.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{DomHandler as t,ObjectUtils as r,classNames as n}from"primereact/utils";import{useEventListener as l,useMountEffect as u}from"primereact/hooks";function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(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 a(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return a(e)||c(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return d(e)||h(e,t)||s(e,t)||m()}var g=function(){},v=e.memo(e.forwardRef((function(o,a){var c=e.useRef(null),s=e.useRef(),p=e.useRef({}),d=e.useRef(null),h=e.useRef(null),m=e.useRef(null),S=e.useRef(null),z=e.useRef(null),w=e.useRef(null),E=e.useRef(null),b=e.useRef(null),R=e.useRef(null),N=null!=o.stateKey,x=y(l({type:"mousemove",listener:function(e){return B(e)}}),2),O=x[0],A=x[1],C=y(l({type:"mouseup",listener:function(e){L(e),T()}}),2),P=C[0],I=C[1],T=function(){A(),I()},j=function(e,t){return!(o.children[b.current].props&&o.children[b.current].props.minSize&&o.children[b.current].props.minSize>e)&&!(o.children[b.current+1].props&&o.children[b.current+1].props.minSize&&o.children[b.current+1].props.minSize>t)},K=function(){switch(o.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(o.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},Y=function(e,r){s.current=p.current[r];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,l="touchstart"===e.type?e.touches[0].pageY:e.pageY;d.current="horizontal"===o.layout?t.getWidth(c.current):t.getHeight(c.current),h.current=!0,m.current="horizontal"===o.layout?n:l,S.current=s.current.previousElementSibling,z.current=s.current.nextElementSibling,w.current=100*("horizontal"===o.layout?t.getOuterWidth(S.current,!0):t.getOuterHeight(S.current,!0))/d.current,E.current=100*("horizontal"===o.layout?t.getOuterWidth(z.current,!0):t.getOuterHeight(z.current,!0))/d.current,b.current=r,t.addClass(s.current,"p-splitter-gutter-resizing"),t.addClass(c.current,"p-splitter-resizing")},B=function(e){var t,r=w.current+(t="horizontal"===o.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/d.current-100*m.current/d.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/d.current-100*m.current/d.current),n=E.current-t;j(r,n)&&(S.current.style.flexBasis="calc("+r+"% - "+(o.children.length-1)*o.gutterSize+"px)",z.current.style.flexBasis="calc("+n+"% - "+(o.children.length-1)*o.gutterSize+"px)",R.current[b.current]=r,R.current[b.current+1]=n)},L=function(e){N&&K().setItem(o.stateKey,JSON.stringify(R)),o.onResizeEnd&&o.onResizeEnd({originalEvent:e,sizes:R}),t.removeClass(s.current,"p-splitter-gutter-resizing"),t.removeClass(c.current,"p-splitter-resizing"),h.current=!1,d.current=null,m.current=null,S.current=null,z.current=null,w.current=null,E.current=null,b.current=null},X=function(e,t){Y(e,t),O(),P()},_=function(e,t){Y(e,t),window.addEventListener("touchmove",D,{passive:!1,cancelable:!1}),window.addEventListener("touchend",H)},D=function(e){B(e)},H=function e(t){L(t),window.removeEventListener("touchmove",D),window.removeEventListener("touchend",e)};u((function(){var e,n=f(c.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.isNotEmpty(t.find(e,".p-splitter"))&&t.addClass(e,"p-splitter-panel-nested")})),o.children&&o.children.length){var l=!1;if(N&&(l=!!(e=K().getItem(o.stateKey))&&(R.current=JSON.parse(e),f(c.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")})).forEach((function(e,t){e.style.flexBasis="calc("+R[t]+"% - "+(o.children.length-1)*o.gutterSize+"px)"})),!0)),!l){var u=[];o.children.map((function(e,t){var r=(e.props&&e.props.size?e.props.size:null)||100/o.children.length;return u[t]=r,n[t].style.flexBasis="calc("+r+"% - "+(o.children.length-1)*o.gutterSize+"px)",u})),R.current=u}}}));var M=function(t,l){var u=r.findDiffKeys(t.props,g.defaultProps),a=n("p-splitter-panel",t.props.className),c=l!==o.children.length-1&&e.createElement("div",{ref:function(e){return p.current[l]=e},className:"p-splitter-gutter",style:"horizontal"===o.layout?{width:o.gutterSize+"px"}:{height:o.gutterSize+"px"},onMouseDown:function(e){return X(e,l)},onTouchStart:function(e){return _(e,l)},onTouchMove:function(e){return D(e)},onTouchEnd:function(e){return H(e)}},e.createElement("div",{className:"p-splitter-gutter-handle"}));return e.createElement(e.Fragment,null,e.createElement("div",i({key:l,className:a,style:t.props.style},u),t.props.children),c)},W=r.findDiffKeys(o,v.defaultProps),k=n("p-splitter p-component p-splitter-".concat(o.layout),o.className),J=e.Children.map(o.children,M);return e.createElement("div",i({ref:c,id:o.id,className:k,style:o.style},W),J)})));g.displayName="SplitterPanel",g.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},v.displayName="Splitter",v.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null};export{v as Splitter,g as SplitterPanel};
+import*as e from"react";import{DomHandler as t,ObjectUtils as r,classNames as n}from"primereact/utils";import{useEventListener as u}from"primereact/hooks";function l(){return l=Object.assign||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},l.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(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 o(e)}function a(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return c(e)||a(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){o=!0,u=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw u}}return l}}function y(){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 m(e,t){return d(e)||h(e,t)||s(e,t)||y()}function g(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 v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=function(){},S=e.memo(e.forwardRef((function(i,o){var c=e.useRef(null),a=e.useRef(),s=e.useRef({}),p=e.useRef(null),d=e.useRef(null),h=e.useRef(null),y=e.useRef(null),g=e.useRef(null),w=e.useRef(null),z=e.useRef(null),O=e.useRef(null),E=e.useRef(null),j=e.useRef(!1),P=null!=i.stateKey,R=m(u({type:"mousemove",listener:function(e){return H(e)}}),2),N=R[0],x=R[1],A=m(u({type:"mouseup",listener:function(e){L(e),D()}}),2),C=A[0],I=A[1],D=function(){x(),I()},T=function(e,t){return!(i.children[O.current].props&&i.children[O.current].props.minSize&&i.children[O.current].props.minSize>e)&&!(i.children[O.current+1].props&&i.children[O.current+1].props.minSize&&i.children[O.current+1].props.minSize>t)},K=function(){switch(i.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(i.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},Y=function(){K().setItem(i.stateKey,JSON.stringify(E.current))},B=function(e,r){a.current=s.current[r];var n="touchstart"===e.type?e.touches[0].pageX:e.pageX,u="touchstart"===e.type?e.touches[0].pageY:e.pageY;p.current="horizontal"===i.layout?t.getWidth(c.current):t.getHeight(c.current),d.current=!0,h.current="horizontal"===i.layout?n:u,y.current=a.current.previousElementSibling,g.current=a.current.nextElementSibling,w.current=100*("horizontal"===i.layout?t.getOuterWidth(y.current,!0):t.getOuterHeight(y.current,!0))/p.current,z.current=100*("horizontal"===i.layout?t.getOuterWidth(g.current,!0):t.getOuterHeight(g.current,!0))/p.current,O.current=r,t.addClass(a.current,"p-splitter-gutter-resizing"),t.addClass(c.current,"p-splitter-resizing")},H=function(e){var t,r=w.current+(t="horizontal"===i.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/p.current-100*h.current/p.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/p.current-100*h.current/p.current),n=z.current-t;T(r,n)&&(y.current.style.flexBasis="calc("+r+"% - "+(i.children.length-1)*i.gutterSize+"px)",g.current.style.flexBasis="calc("+n+"% - "+(i.children.length-1)*i.gutterSize+"px)",E.current[O.current]=r,E.current[O.current+1]=n)},L=function(e){P&&Y(),i.onResizeEnd&&i.onResizeEnd({originalEvent:e,sizes:E.current}),t.removeClass(a.current,"p-splitter-gutter-resizing"),t.removeClass(c.current,"p-splitter-resizing"),d.current=!1,p.current=null,h.current=null,y.current=null,g.current=null,w.current=null,z.current=null,O.current=null},X=function(e,t){B(e,t),N(),C()},_=function(e,t){B(e,t),window.addEventListener("touchmove",k,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},k=function(e){H(e)},M=function e(t){L(t),window.removeEventListener("touchmove",k),window.removeEventListener("touchend",e)};e.useImperativeHandle(o,(function(){return v({getElement:function(){return c.current}},i)})),e.useEffect((function(){var e,n=f(c.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.isNotEmpty(t.find(e,".p-splitter"))&&t.addClass(e,"p-splitter-panel-nested")})),i.children&&i.children.length){var u=!1;if(P&&!j.current&&(u=!!(e=K().getItem(i.stateKey))&&(E.current=JSON.parse(e),f(c.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")})).forEach((function(e,t){e.style.flexBasis="calc("+E.current[t]+"% - "+(i.children.length-1)*i.gutterSize+"px)"})),!0)),!u){var l=[];i.children.map((function(e,t){var r=(e.props&&e.props.size?e.props.size:null)||100/i.children.length;return l[t]=r,n[t].style.flexBasis="calc("+r+"% - "+(i.children.length-1)*i.gutterSize+"px)",l})),E.current=l,j.current&&Y()}}j.current=!0}));var W=function(t,u){var o=r.findDiffKeys(t.props,b.defaultProps),c=n("p-splitter-panel",t.props.className),a=u!==i.children.length-1&&e.createElement("div",{ref:function(e){return s.current[u]=e},className:"p-splitter-gutter",style:"horizontal"===i.layout?{width:i.gutterSize+"px"}:{height:i.gutterSize+"px"},onMouseDown:function(e){return X(e,u)},onTouchStart:function(e){return _(e,u)},onTouchMove:function(e){return k(e)},onTouchEnd:function(e){return M(e)}},e.createElement("div",{className:"p-splitter-gutter-handle"}));return e.createElement(e.Fragment,null,e.createElement("div",l({key:u,className:c,style:t.props.style},o),t.props.children),a)},J=r.findDiffKeys(i,S.defaultProps),F=n("p-splitter p-component p-splitter-".concat(i.layout),i.className),U=e.Children.map(i.children,W);return e.createElement("div",l({ref:c,id:i.id,className:F,style:i.style},J),U)})));b.displayName="SplitterPanel",b.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},S.displayName="Splitter",S.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null};export{S as Splitter,b as SplitterPanel};

package/splitter/splitter.js

@@ -40,6 +40,21 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -117,6 +132,9 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var SplitterPanel = function SplitterPanel() {};
   var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
@@ -131,6 +149,7 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     var nextPanelSize = React__namespace.useRef(null);
     var prevPanelIndex = React__namespace.useRef(null);
     var panelSizes = React__namespace.useRef(null);
+    var mounted = React__namespace.useRef(false);
     var isStateful = props.stateKey != null;
 
     var _useEventListener = hooks.useEventListener({
@@ -201,7 +220,7 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
     };
 
     var saveState = function saveState() {
-      getStorage().setItem(props.stateKey, JSON.stringify(panelSizes));
+      getStorage().setItem(props.stateKey, JSON.stringify(panelSizes.current));
     };
 
     var restoreState = function restoreState() {
@@ -216,7 +235,7 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
         });
 
         children.forEach(function (child, i) {
-          child.style.flexBasis = 'calc(' + panelSizes[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
+          child.style.flexBasis = 'calc(' + panelSizes.current[i] + '% - ' + (props.children.length - 1) * props.gutterSize + 'px)';
         });
         return true;
       }
@@ -264,7 +283,7 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       if (props.onResizeEnd) {
         props.onResizeEnd({
           originalEvent: event,
-          sizes: panelSizes
+          sizes: panelSizes.current
         });
       }
 
@@ -297,7 +316,14 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       window.removeEventListener('touchend', onGutterTouchEnd);
     };
 
-    hooks.useMountEffect(function () {
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
+    React__namespace.useEffect(function () {
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return utils.DomHandler.hasClass(child, 'p-splitter-panel');
       });
@@ -311,7 +337,7 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       if (props.children && props.children.length) {
         var initialized = false;
 
-        if (isStateful) {
+        if (isStateful && !mounted.current) {
           initialized = restoreState();
         }
 
@@ -325,8 +351,11 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
             return _panelSizes;
           });
           panelSizes.current = _panelSizes;
+          mounted.current && saveState();
         }
       }
+
+      mounted.current = true;
     });
 
     var createPanel = function createPanel(panel, index) {

package/splitter/splitter.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n){"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 u=l(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(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 a(e){if(Array.isArray(e))return o(e)}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return o(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)?o(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return a(e)||c(e)||s(e)||p()}function d(e){if(Array.isArray(e))return e}function h(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,l,u=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(u.push(n.value),!t||u.length!==t);i=!0);}catch(e){o=!0,l=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw l}}return u}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return d(e)||h(e,t)||s(e,t)||m()}var g=function(){},v=u.memo(u.forwardRef((function(e,t){var l=u.useRef(null),o=u.useRef(),a=u.useRef({}),c=u.useRef(null),s=u.useRef(null),p=u.useRef(null),d=u.useRef(null),h=u.useRef(null),m=u.useRef(null),S=u.useRef(null),b=u.useRef(null),z=u.useRef(null),E=null!=e.stateKey,w=y(n.useEventListener({type:"mousemove",listener:function(e){return C(e)}}),2),O=w[0],D=w[1],H=y(n.useEventListener({type:"mouseup",listener:function(e){_(e),j()}}),2),R=H[0],N=H[1],j=function(){D(),N()},P=function(t,r){return!(e.children[b.current].props&&e.children[b.current].props.minSize&&e.children[b.current].props.minSize>t)&&!(e.children[b.current+1].props&&e.children[b.current+1].props.minSize&&e.children[b.current+1].props.minSize>r)},x=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},A=function(t,n){o.current=a.current[n];var u="touchstart"===t.type?t.touches[0].pageX:t.pageX,i="touchstart"===t.type?t.touches[0].pageY:t.pageY;c.current="horizontal"===e.layout?r.DomHandler.getWidth(l.current):r.DomHandler.getHeight(l.current),s.current=!0,p.current="horizontal"===e.layout?u:i,d.current=o.current.previousElementSibling,h.current=o.current.nextElementSibling,m.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(d.current,!0):r.DomHandler.getOuterHeight(d.current,!0))/c.current,S.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(h.current,!0):r.DomHandler.getOuterHeight(h.current,!0))/c.current,b.current=n,r.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.addClass(l.current,"p-splitter-resizing")},C=function(t){var r,n=m.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/c.current-100*p.current/c.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/c.current-100*p.current/c.current),l=S.current-r;P(n,l)&&(d.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",h.current.style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",z.current[b.current]=n,z.current[b.current+1]=l)},_=function(t){E&&x().setItem(e.stateKey,JSON.stringify(z)),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:z}),r.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.removeClass(l.current,"p-splitter-resizing"),s.current=!1,c.current=null,p.current=null,d.current=null,h.current=null,m.current=null,S.current=null,b.current=null},I=function(e,t){A(e,t),O(),R()},T=function(e,t){A(e,t),window.addEventListener("touchmove",K,{passive:!1,cancelable:!1}),window.addEventListener("touchend",L)},K=function(e){C(e)},L=function e(t){_(t),window.removeEventListener("touchmove",K),window.removeEventListener("touchend",e)};n.useMountEffect((function(){var t,n=f(l.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.ObjectUtils.isNotEmpty(r.DomHandler.find(e,".p-splitter"))&&r.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var u=!1;if(E&&(u=!!(t=x().getItem(e.stateKey))&&(z.current=JSON.parse(t),f(l.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(t,r){t.style.flexBasis="calc("+z[r]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!u){var i=[];e.children.map((function(t,r){var l=(t.props&&t.props.size?t.props.size:null)||100/e.children.length;return i[r]=l,n[r].style.flexBasis="calc("+l+"% - "+(e.children.length-1)*e.gutterSize+"px)",i})),z.current=i}}}));var M=function(t,n){var l=r.ObjectUtils.findDiffKeys(t.props,g.defaultProps),o=r.classNames("p-splitter-panel",t.props.className),c=n!==e.children.length-1&&u.createElement("div",{ref:function(e){return a.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return I(e,n)},onTouchStart:function(e){return T(e,n)},onTouchMove:function(e){return K(e)},onTouchEnd:function(e){return L(e)}},u.createElement("div",{className:"p-splitter-gutter-handle"}));return u.createElement(u.Fragment,null,u.createElement("div",i({key:n,className:o,style:t.props.style},l),t.props.children),c)},Y=r.ObjectUtils.findDiffKeys(e,v.defaultProps),B=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),U=u.Children.map(e.children,M);return u.createElement("div",i({ref:l,id:e.id,className:B,style:e.style},Y),U)})));return g.displayName="SplitterPanel",g.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},v.displayName="Splitter",v.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},e.Splitter=v,e.SplitterPanel=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.hooks);
+this.primereact=this.primereact||{},this.primereact.splitter=function(e,t,r,n){"use strict";function u(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=u(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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 a(e){if(Array.isArray(e))return c(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 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 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 a(e)||s(e)||p(e)||f()}function h(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,u,l=[],i=!0,o=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){o=!0,u=e}finally{try{i||null==r.return||r.return()}finally{if(o)throw u}}return l}}function y(){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 g(e,t){return h(e)||m(e,t)||p(e,t)||y()}function v(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 b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var O=function(){},S=l.memo(l.forwardRef((function(e,t){var u=l.useRef(null),o=l.useRef(),c=l.useRef({}),a=l.useRef(null),s=l.useRef(null),p=l.useRef(null),f=l.useRef(null),h=l.useRef(null),m=l.useRef(null),y=l.useRef(null),v=l.useRef(null),w=l.useRef(null),z=l.useRef(!1),E=null!=e.stateKey,j=g(n.useEventListener({type:"mousemove",listener:function(e){return T(e)}}),2),D=j[0],P=j[1],H=g(n.useEventListener({type:"mouseup",listener:function(e){K(e),x()}}),2),R=H[0],N=H[1],x=function(){P(),N()},A=function(t,r){return!(e.children[v.current].props&&e.children[v.current].props.minSize&&e.children[v.current].props.minSize>t)&&!(e.children[v.current+1].props&&e.children[v.current+1].props.minSize&&e.children[v.current+1].props.minSize>r)},C=function(){switch(e.stateStorage){case"local":return window.localStorage;case"session":return window.sessionStorage;default:throw new Error(e.stateStorage+' is not a valid value for the state storage, supported values are "local" and "session".')}},I=function(){C().setItem(e.stateKey,JSON.stringify(w.current))},_=function(t,n){o.current=c.current[n];var l="touchstart"===t.type?t.touches[0].pageX:t.pageX,i="touchstart"===t.type?t.touches[0].pageY:t.pageY;a.current="horizontal"===e.layout?r.DomHandler.getWidth(u.current):r.DomHandler.getHeight(u.current),s.current=!0,p.current="horizontal"===e.layout?l:i,f.current=o.current.previousElementSibling,h.current=o.current.nextElementSibling,m.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(f.current,!0):r.DomHandler.getOuterHeight(f.current,!0))/a.current,y.current=100*("horizontal"===e.layout?r.DomHandler.getOuterWidth(h.current,!0):r.DomHandler.getOuterHeight(h.current,!0))/a.current,v.current=n,r.DomHandler.addClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.addClass(u.current,"p-splitter-resizing")},T=function(t){var r,n=m.current+(r="horizontal"===e.layout?100*("touchmove"===t.type?t.touches[0].pageX:t.pageX)/a.current-100*p.current/a.current:100*("touchmove"===t.type?t.touches[0].pageY:t.pageY)/a.current-100*p.current/a.current),u=y.current-r;A(n,u)&&(f.current.style.flexBasis="calc("+n+"% - "+(e.children.length-1)*e.gutterSize+"px)",h.current.style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)",w.current[v.current]=n,w.current[v.current+1]=u)},K=function(t){E&&I(),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:w.current}),r.DomHandler.removeClass(o.current,"p-splitter-gutter-resizing"),r.DomHandler.removeClass(u.current,"p-splitter-resizing"),s.current=!1,a.current=null,p.current=null,f.current=null,h.current=null,m.current=null,y.current=null,v.current=null},L=function(e,t){_(e,t),D(),R()},Y=function(e,t){_(e,t),window.addEventListener("touchmove",M,{passive:!1,cancelable:!1}),window.addEventListener("touchend",k)},M=function(e){T(e)},k=function e(t){K(t),window.removeEventListener("touchmove",M),window.removeEventListener("touchend",e)};l.useImperativeHandle(t,(function(){return b({getElement:function(){return u.current}},e)})),l.useEffect((function(){var t,n=d(u.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")}));if(n.map((function(e){e.childNodes&&r.ObjectUtils.isNotEmpty(r.DomHandler.find(e,".p-splitter"))&&r.DomHandler.addClass(e,"p-splitter-panel-nested")})),e.children&&e.children.length){var l=!1;if(E&&!z.current&&(l=!!(t=C().getItem(e.stateKey))&&(w.current=JSON.parse(t),d(u.current.children).filter((function(e){return r.DomHandler.hasClass(e,"p-splitter-panel")})).forEach((function(t,r){t.style.flexBasis="calc("+w.current[r]+"% - "+(e.children.length-1)*e.gutterSize+"px)"})),!0)),!l){var i=[];e.children.map((function(t,r){var u=(t.props&&t.props.size?t.props.size:null)||100/e.children.length;return i[r]=u,n[r].style.flexBasis="calc("+u+"% - "+(e.children.length-1)*e.gutterSize+"px)",i})),w.current=i,z.current&&I()}}z.current=!0}));var B=function(t,n){var u=r.ObjectUtils.findDiffKeys(t.props,O.defaultProps),o=r.classNames("p-splitter-panel",t.props.className),a=n!==e.children.length-1&&l.createElement("div",{ref:function(e){return c.current[n]=e},className:"p-splitter-gutter",style:"horizontal"===e.layout?{width:e.gutterSize+"px"}:{height:e.gutterSize+"px"},onMouseDown:function(e){return L(e,n)},onTouchStart:function(e){return Y(e,n)},onTouchMove:function(e){return M(e)},onTouchEnd:function(e){return k(e)}},l.createElement("div",{className:"p-splitter-gutter-handle"}));return l.createElement(l.Fragment,null,l.createElement("div",i({key:n,className:o,style:t.props.style},u),t.props.children),a)},U=r.ObjectUtils.findDiffKeys(e,S.defaultProps),X=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),W=l.Children.map(e.children,B);return l.createElement("div",i({ref:u,id:e.id,className:X,style:e.style},U),W)})));return O.displayName="SplitterPanel",O.defaultProps={__TYPE:"SplitterPanel",size:null,minSize:null,style:null,className:null},S.displayName="Splitter",S.defaultProps={__TYPE:"Splitter",id:null,className:null,style:null,layout:"horizontal",gutterSize:4,stateKey:null,stateStorage:"session",onResizeEnd:null},e.Splitter=S,e.SplitterPanel=O,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.hooks);

package/steps/steps.cjs.js

@@ -43,7 +43,27 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
+
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
       event.preventDefault();
@@ -122,6 +142,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style,
       role: "tab",
@@ -142,6 +163,13 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = utils.classNames('p-steps p-component', {
     'p-readonly': props.readOnly
@@ -149,6 +177,7 @@ var Steps = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   var items = createItems();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), items);

package/steps/steps.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var n=a(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},l.apply(this,arguments)}var r=n.memo(n.forwardRef((function(e,a){var s=function(t,a,n){e.readOnly||a.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:a,index:n}),a.url||t.preventDefault(),a.command&&a.command({originalEvent:t,item:a,index:n}))},i=function(a,l){var r=a.label+"_"+l,i=l===e.activeIndex,c=a.disabled||l!==e.activeIndex&&e.readOnly,o=c?-1:"",m=t.classNames("p-steps-item",a.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=t.classNames("p-menuitem-icon",a.icon),u=t.IconUtils.getJSXIcon(a.icon,{className:"p-menuitem-icon"},{props:e}),d=a.label&&n.createElement("span",{className:"p-steps-title"},a.label),f=n.createElement("a",{href:a.url||"#",className:"p-menuitem-link",role:"presentation",target:a.target,onClick:function(e){return s(e,a,l)},tabIndex:o},n.createElement("span",{className:"p-steps-number"},l+1),u,d);a.template&&(f=t.ObjectUtils.getJSXElement(a.template,a,{onClick:function(e){return s(e,a,l)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:f,props:e,tabIndex:o,active:i,disabled:c}));return n.createElement("li",{key:r,className:m,style:a.style,role:"tab","aria-selected":i,"aria-expanded":i},f)},c=t.ObjectUtils.findDiffKeys(e,r.defaultProps),o=t.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),m=function(){if(e.model){var t=e.model.map(i);return n.createElement("ul",{role:"tablist"},t)}return null}();return n.createElement("div",l({id:e.id,className:o,style:e.style},c),m)})));r.displayName="Steps",r.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},exports.Steps=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(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 n=r(e);function a(){return a=Object.assign||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 l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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 i(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){l(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 c=n.memo(n.forwardRef((function(e,r){var l=n.useRef(null),s=function(t,r,n){e.readOnly||r.disabled?t.preventDefault():(e.onSelect&&e.onSelect({originalEvent:t,item:r,index:n}),r.url||t.preventDefault(),r.command&&r.command({originalEvent:t,item:r,index:n}))},o=function(r,a){var l=r.label+"_"+a,i=a===e.activeIndex,c=r.disabled||a!==e.activeIndex&&e.readOnly,o=c?-1:"",u=t.classNames("p-steps-item",r.className,{"p-highlight p-steps-current":i,"p-disabled":c}),p=t.classNames("p-menuitem-icon",r.icon),m=t.IconUtils.getJSXIcon(r.icon,{className:"p-menuitem-icon"},{props:e}),f=r.label&&n.createElement("span",{className:"p-steps-title"},r.label),d=n.createElement("a",{href:r.url||"#",className:"p-menuitem-link",role:"presentation",target:r.target,onClick:function(e){return s(e,r,a)},tabIndex:o},n.createElement("span",{className:"p-steps-number"},a+1),m,f);r.template&&(d=t.ObjectUtils.getJSXElement(r.template,r,{onClick:function(e){return s(e,r,a)},className:"p-menuitem-link",labelClassName:"p-steps-title",numberClassName:"p-steps-number",iconClassName:p,element:d,props:e,tabIndex:o,active:i,disabled:c}));return n.createElement("li",{key:l,id:r.id,className:u,style:r.style,role:"tab","aria-selected":i,"aria-expanded":i},d)};n.useImperativeHandle(r,(function(){return i({getElement:function(){return l.current}},e)}));var u=t.ObjectUtils.findDiffKeys(e,c.defaultProps),p=t.classNames("p-steps p-component",{"p-readonly":e.readOnly},e.className),m=function(){if(e.model){var t=e.model.map(o);return n.createElement("ul",{role:"tablist"},t)}return null}();return n.createElement("div",a({id:e.id,ref:l,className:p,style:e.style},u),m)})));c.displayName="Steps",c.defaultProps={__TYPE:"Steps",id:null,model:null,activeIndex:0,readOnly:!0,style:null,className:null,onSelect:null},exports.Steps=c;

package/steps/steps.d.ts

@@ -7,15 +7,14 @@ interface StepsSelectParams {
     index: number;
 }
 
-export interface StepsProps {
-    id?: string;
+export interface StepsProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model: MenuItem[];
     activeIndex?: number;
     readOnly?: boolean;
-    style?: object;
-    className?: string;
     onSelect?(e: StepsSelectParams): void;
     children?: React.ReactNode;
 }
 
-export declare class Steps extends React.Component<StepsProps, any> { }
+export declare class Steps extends React.Component<StepsProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/steps/steps.esm.js

@@ -19,7 +19,27 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
+
   var itemClick = function itemClick(event, item, index) {
     if (props.readOnly || item.disabled) {
       event.preventDefault();
@@ -98,6 +118,7 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
 
     return /*#__PURE__*/React.createElement("li", {
       key: key,
+      id: item.id,
       className: className,
       style: item.style,
       role: "tab",
@@ -118,6 +139,13 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = classNames('p-steps p-component', {
     'p-readonly': props.readOnly
@@ -125,6 +153,7 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   var items = createItems();
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), items);