primereact 8.1.1 → 8.4.0

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) {
@@ -111,6 +111,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 +182,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 +197,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 +245,7 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (props.onResizeEnd) {
       props.onResizeEnd({
         originalEvent: event,
-        sizes: panelSizes
+        sizes: panelSizes.current
       });
     }
 
@@ -277,7 +278,15 @@ var Splitter = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     window.removeEventListener('touchend', onGutterTouchEnd);
   };
 
-  useMountEffect(function () {
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
+  React.useEffect(function () {
     var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
       return DomHandler.hasClass(child, 'p-splitter-panel');
     });
@@ -291,7 +300,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 +314,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){(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 c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function a(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 s(){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)||c(e)||a(e)||s()}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,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 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)||a(e,t)||h()}var y=function(){},g=e.memo(e.forwardRef((function(i,o){var c=e.useRef(null),a=e.useRef(),s=e.useRef({}),f=e.useRef(null),d=e.useRef(null),h=e.useRef(null),v=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(!1),N=null!=i.stateKey,x=m(u({type:"mousemove",listener:function(e){return H(e)}}),2),O=x[0],A=x[1],C=m(u({type:"mouseup",listener:function(e){L(e),T()}}),2),P=C[0],I=C[1],T=function(){A(),I()},j=function(e,t){return!(i.children[E.current].props&&i.children[E.current].props.minSize&&i.children[E.current].props.minSize>e)&&!(i.children[E.current+1].props&&i.children[E.current+1].props.minSize&&i.children[E.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(b.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;f.current="horizontal"===i.layout?t.getWidth(c.current):t.getHeight(c.current),d.current=!0,h.current="horizontal"===i.layout?n:u,v.current=a.current.previousElementSibling,S.current=a.current.nextElementSibling,z.current=100*("horizontal"===i.layout?t.getOuterWidth(v.current,!0):t.getOuterHeight(v.current,!0))/f.current,w.current=100*("horizontal"===i.layout?t.getOuterWidth(S.current,!0):t.getOuterHeight(S.current,!0))/f.current,E.current=r,t.addClass(a.current,"p-splitter-gutter-resizing"),t.addClass(c.current,"p-splitter-resizing")},H=function(e){var t,r=z.current+(t="horizontal"===i.layout?100*("touchmove"===e.type?e.touches[0].pageX:e.pageX)/f.current-100*h.current/f.current:100*("touchmove"===e.type?e.touches[0].pageY:e.pageY)/f.current-100*h.current/f.current),n=w.current-t;j(r,n)&&(v.current.style.flexBasis="calc("+r+"% - "+(i.children.length-1)*i.gutterSize+"px)",S.current.style.flexBasis="calc("+n+"% - "+(i.children.length-1)*i.gutterSize+"px)",b.current[E.current]=r,b.current[E.current+1]=n)},L=function(e){N&&Y(),i.onResizeEnd&&i.onResizeEnd({originalEvent:e,sizes:b.current}),t.removeClass(a.current,"p-splitter-gutter-resizing"),t.removeClass(c.current,"p-splitter-resizing"),d.current=!1,f.current=null,h.current=null,v.current=null,S.current=null,z.current=null,w.current=null,E.current=null},X=function(e,t){B(e,t),O(),P()},_=function(e,t){B(e,t),window.addEventListener("touchmove",D,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},D=function(e){H(e)},M=function e(t){L(t),window.removeEventListener("touchmove",D),window.removeEventListener("touchend",e)};e.useImperativeHandle(o,(function(){return{props:i,getElement:function(){return c.current}}})),e.useEffect((function(){var e,n=p(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(N&&!R.current&&(u=!!(e=K().getItem(i.stateKey))&&(b.current=JSON.parse(e),p(c.current.children).filter((function(e){return t.hasClass(e,"p-splitter-panel")})).forEach((function(e,t){e.style.flexBasis="calc("+b.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})),b.current=l,R.current&&Y()}}R.current=!0}));var W=function(t,u){var o=r.findDiffKeys(t.props,y.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 D(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)},k=r.findDiffKeys(i,g.defaultProps),J=n("p-splitter p-component p-splitter-".concat(i.layout),i.className),F=e.Children.map(i.children,W);return e.createElement("div",l({ref:c,id:i.id,className:J,style:i.style},k),F)})));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};export{g as Splitter,y as SplitterPanel};

package/splitter/splitter.js

@@ -131,6 +131,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 +202,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 +217,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 +265,7 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       if (props.onResizeEnd) {
         props.onResizeEnd({
           originalEvent: event,
-          sizes: panelSizes
+          sizes: panelSizes.current
         });
       }
 
@@ -297,7 +298,15 @@ this.primereact.splitter = (function (exports, React, utils, hooks) {
       window.removeEventListener('touchend', onGutterTouchEnd);
     };
 
-    hooks.useMountEffect(function () {
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
+    React__namespace.useEffect(function () {
       var panelElements = _toConsumableArray(elementRef.current.children).filter(function (child) {
         return utils.DomHandler.hasClass(child, 'p-splitter-panel');
       });
@@ -311,7 +320,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 +334,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 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=u.useRef(!1),w=null!=e.stateKey,O=y(n.useEventListener({type:"mousemove",listener:function(e){return _(e)}}),2),D=O[0],H=O[1],R=y(n.useEventListener({type:"mouseup",listener:function(e){T(e),P()}}),2),N=R[0],j=R[1],P=function(){H(),j()},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)},A=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".')}},C=function(){A().setItem(e.stateKey,JSON.stringify(z.current))},I=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")},_=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;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)},T=function(t){w&&C(),e.onResizeEnd&&e.onResizeEnd({originalEvent:t,sizes:z.current}),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},K=function(e,t){I(e,t),D(),N()},L=function(e,t){I(e,t),window.addEventListener("touchmove",Y,{passive:!1,cancelable:!1}),window.addEventListener("touchend",M)},Y=function(e){_(e)},M=function e(t){T(t),window.removeEventListener("touchmove",Y),window.removeEventListener("touchend",e)};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}})),u.useEffect((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(w&&!E.current&&(u=!!(t=A().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.current[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,E.current&&C()}}E.current=!0}));var B=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 K(e,n)},onTouchStart:function(e){return L(e,n)},onTouchMove:function(e){return Y(e)},onTouchEnd:function(e){return M(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)},U=r.ObjectUtils.findDiffKeys(e,v.defaultProps),X=r.classNames("p-splitter p-component p-splitter-".concat(e.layout),e.className),k=u.Children.map(e.children,B);return u.createElement("div",i({ref:l,id:e.id,className:X,style:e.style},U),k)})));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);

package/steps/steps.cjs.js

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

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>, 'onSelect' | '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

@@ -20,6 +20,8 @@ function _extends() {
 }
 
 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 +100,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 +121,14 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Steps.defaultProps);
   var className = classNames('p-steps p-component', {
     'p-readonly': props.readOnly
@@ -125,6 +136,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);

package/steps/steps.esm.min.js

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

package/steps/steps.js

@@ -41,6 +41,8 @@ this.primereact.steps = (function (exports, React, utils) {
   }
 
   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();
@@ -119,6 +121,7 @@ this.primereact.steps = (function (exports, React, utils) {
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item.id,
         className: className,
         style: item.style,
         role: "tab",
@@ -139,6 +142,14 @@ this.primereact.steps = (function (exports, React, utils) {
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Steps.defaultProps);
     var className = utils.classNames('p-steps p-component', {
       'p-readonly': props.readOnly
@@ -146,6 +157,7 @@ this.primereact.steps = (function (exports, React, utils) {
     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.min.js

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

package/styleclass/styleclass.cjs.js

@@ -154,7 +154,7 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       if (props.toggleClassName) {
         if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
       } else {
-        if (targetRef.current.offsetParent === null) enter();else leave();
+        utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
       }
     }
   }),
@@ -273,6 +273,17 @@ var StyleClass = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     init();
   });

package/styleclass/styleclass.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");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 a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(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,r){if(e){if("string"==typeof e)return u(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)?u(e,r):void 0}}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 i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){E(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?O(e)&&b():N()},when:e.hideOnOutsideClick}),2),g=v[0],N=v[1],p=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):null===l.current.offsetParent?H():b()}}),2),y=p[0],h=p[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&N()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},A=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current})},E=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return r.useMountEffect((function(){A()})),r.useUpdateEffect((function(){return A(),function(){h()}})),r.useUnmountEffect((function(){h(),N(),l.current=null})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils");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 a=n(e);function l(e){if(Array.isArray(e))return e}function s(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function u(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,r){if(e){if("string"==typeof e)return u(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)?u(e,r):void 0}}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 i(e,r){return l(e)||s(e,r)||c(e,r)||o()}var m=a.forwardRef((function(e,n){var l=a.useRef(null),s=a.useRef(!1),u=a.useRef(null),c=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.enterActiveClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName),m(),"slidedown"===e.enterActiveClassName&&(l.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],m=c[1],d=i(r.useEventListener({type:"animationend",listener:function(){t.DomHandler.removeClass(l.current,e.leaveActiveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=i(r.useEventListener({type:"click",listener:function(e){A(l.current)&&"static"!==getComputedStyle(l.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],N=i(r.useEventListener({type:"click",listener:function(){l.current=D(),e.toggleClassName?t.DomHandler.hasClass(l.current,e.toggleClassName)?t.DomHandler.removeClass(l.current,e.toggleClassName):t.DomHandler.addClass(l.current,e.toggleClassName):t.DomHandler.isVisible(l.current)?b():H()}}),2),y=N[0],h=N[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(l.current.style.height="0px",t.DomHandler.removeClass(l.current,"hidden"),l.current.style.maxHeight=l.current.scrollHeight+"px",t.DomHandler.addClass(l.current,"hidden"),l.current.style.height=""),t.DomHandler.addClass(l.current,e.enterActiveClassName),e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),o({target:l.current})):(e.enterClassName&&t.DomHandler.removeClass(l.current,e.enterClassName),e.enterToClassName&&t.DomHandler.addClass(l.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,t.DomHandler.addClass(l.current,e.leaveActiveClassName),e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),f({target:l.current})):(e.leaveClassName&&t.DomHandler.removeClass(l.current,e.leaveClassName),e.leaveToClassName&&t.DomHandler.addClass(l.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(l.current)return l.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},E=function(){u.current=t.ObjectUtils.getRefElement(e.nodeRef),y({target:u.current})},A=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!l.current.contains(e.target)};return a.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return l.current}}})),r.useMountEffect((function(){E()})),r.useUpdateEffect((function(){return E(),function(){h()}})),r.useUnmountEffect((function(){h(),p(),l.current=null})),e.children}));m.displayName="StyleClass",m.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},exports.StyleClass=m;

package/styleclass/styleclass.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 type StyleClassSelectorType = '@next' | '@prev' | '@parent' | '@grandparent' | string;
 
 export interface StyleClassProps {
-    nodeRef?: React.ReactNode;
+    nodeRef: React.MutableRefObject<React.ReactNode>;
     selector?: StyleClassSelectorType;
     enterClassName?: string;
     enterActiveClassName?: string;
@@ -16,4 +16,7 @@ export interface StyleClassProps {
     children?: React.ReactNode;
 }
 
-export declare class StyleClass extends React.Component<StyleClassProps, any> { }
+export declare class StyleClass extends React.Component<StyleClassProps, any> { 
+    public getElement(): HTMLElement;
+    public getTarget(): HTMLElement;
+}

package/styleclass/styleclass.esm.js

@@ -130,7 +130,7 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (props.toggleClassName) {
         if (DomHandler.hasClass(targetRef.current, props.toggleClassName)) DomHandler.removeClass(targetRef.current, props.toggleClassName);else DomHandler.addClass(targetRef.current, props.toggleClassName);
       } else {
-        if (targetRef.current.offsetParent === null) enter();else leave();
+        DomHandler.isVisible(targetRef.current) ? leave() : enter();
       }
     }
   }),
@@ -249,6 +249,17 @@ var StyleClass = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getTarget: function getTarget() {
+        return targetRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     init();
   });

package/styleclass/styleclass.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(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 i(e,r){if(e){if("string"==typeof e)return o(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)?o(e,r):void 0}}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 C(e,r){return u(e)||c(e,r)||i(e,r)||m()}var d=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),d=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1}}),2),f=d[0],v=d[1],N=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),p(),i.current=!1}}),2),g=N[0],p=N[1],y=C(r({type:"click",listener:function(e){R(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&x():A()},when:u.hideOnOutsideClick}),2),h=y[0],A=y[1],S=C(r({type:"click",listener:function(){o.current=E(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):null===o.current.offsetParent?w():x()}}),2),T=S[0],b=S[1],w=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),f({target:o.current})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),h({target:m.current&&m.current.ownerDocument})},x=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),g({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&A()},E=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},O=function(){m.current=s.getRefElement(u.nodeRef),T({target:m.current})},R=function(e){return null!==e.offsetParent},k=function(e){return!m.current.isSameNode(e.target)&&!m.current.contains(e.target)&&!o.current.contains(e.target)};return t((function(){O()})),n((function(){return O(),function(){b()}})),a((function(){b(),A(),o.current=null})),u.children}));d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{d as StyleClass};
+import*as e from"react";import{useEventListener as r,useMountEffect as t,useUpdateEffect as n,useUnmountEffect as a}from"primereact/hooks";import{DomHandler as l,ObjectUtils as s}from"primereact/utils";function u(e){if(Array.isArray(e))return e}function c(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function o(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 i(e,r){if(e){if("string"==typeof e)return o(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)?o(e,r):void 0}}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 C(e,r){return u(e)||c(e,r)||i(e,r)||m()}var d=e.forwardRef((function(u,c){var o=e.useRef(null),i=e.useRef(!1),m=e.useRef(null),d=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.enterActiveClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName),v(),"slidedown"===u.enterActiveClassName&&(o.current.style.maxHeight=""),i.current=!1}}),2),f=d[0],v=d[1],g=C(r({type:"animationend",listener:function(){l.removeClass(o.current,u.leaveActiveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName),p(),i.current=!1}}),2),N=g[0],p=g[1],y=C(r({type:"click",listener:function(e){R(o.current)&&"static"!==getComputedStyle(o.current).getPropertyValue("position")?k(e)&&E():A()},when:u.hideOnOutsideClick}),2),h=y[0],A=y[1],T=C(r({type:"click",listener:function(){o.current=x(),u.toggleClassName?l.hasClass(o.current,u.toggleClassName)?l.removeClass(o.current,u.toggleClassName):l.addClass(o.current,u.toggleClassName):l.isVisible(o.current)?E():w()}}),2),b=T[0],S=T[1],w=function(){u.enterActiveClassName?i.current||(i.current=!0,"slidedown"===u.enterActiveClassName&&(o.current.style.height="0px",l.removeClass(o.current,"hidden"),o.current.style.maxHeight=o.current.scrollHeight+"px",l.addClass(o.current,"hidden"),o.current.style.height=""),l.addClass(o.current,u.enterActiveClassName),u.enterClassName&&l.removeClass(o.current,u.enterClassName),f({target:o.current})):(u.enterClassName&&l.removeClass(o.current,u.enterClassName),u.enterToClassName&&l.addClass(o.current,u.enterToClassName)),h({target:m.current&&m.current.ownerDocument})},E=function(){u.leaveActiveClassName?i.current||(i.current=!0,l.addClass(o.current,u.leaveActiveClassName),u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),N({target:o.current})):(u.leaveClassName&&l.removeClass(o.current,u.leaveClassName),u.leaveToClassName&&l.addClass(o.current,u.leaveToClassName)),u.hideOnOutsideClick&&A()},x=function(){if(o.current)return o.current;switch(u.selector){case"@next":return m.current.nextElementSibling;case"@prev":return m.current.previousElementSibling;case"@parent":return m.current.parentElement;case"@grandparent":return m.current.parentElement.parentElement;default:return document.querySelector(u.selector)}},O=function(){m.current=s.getRefElement(u.nodeRef),b({target:m.current})},R=function(e){return null!==e.offsetParent},k=function(e){return!m.current.isSameNode(e.target)&&!m.current.contains(e.target)&&!o.current.contains(e.target)};return e.useImperativeHandle(c,(function(){return{props:u,getElement:function(){return m.current},getTarget:function(){return o.current}}})),t((function(){O()})),n((function(){return O(),function(){S()}})),a((function(){S(),A(),o.current=null})),u.children}));d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null};export{d as StyleClass};

package/styleclass/styleclass.js

@@ -150,7 +150,7 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
         if (props.toggleClassName) {
           if (utils.DomHandler.hasClass(targetRef.current, props.toggleClassName)) utils.DomHandler.removeClass(targetRef.current, props.toggleClassName);else utils.DomHandler.addClass(targetRef.current, props.toggleClassName);
         } else {
-          if (targetRef.current.offsetParent === null) enter();else leave();
+          utils.DomHandler.isVisible(targetRef.current) ? leave() : enter();
         }
       }
     }),
@@ -269,6 +269,17 @@ this.primereact.styleclass = (function (exports, React, hooks, utils) {
       return !elementRef.current.isSameNode(event.target) && !elementRef.current.contains(event.target) && !targetRef.current.contains(event.target);
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getTarget: function getTarget() {
+          return targetRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       init();
     });

package/styleclass/styleclass.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n){"use strict";function a(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 l=a(r);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function c(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 o(e,r){if(e){if("string"==typeof e)return c(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)?c(e,r):void 0}}function i(){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,r){return s(e)||u(e,r)||o(e,r)||i()}var d=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.enterActiveClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(a.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],i=c[1],d=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.leaveActiveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=m(t.useEventListener({type:"click",listener:function(e){E(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],y=m(t.useEventListener({type:"click",listener:function(){a.current=D(),e.toggleClassName?n.DomHandler.hasClass(a.current,e.toggleClassName)?n.DomHandler.removeClass(a.current,e.toggleClassName):n.DomHandler.addClass(a.current,e.toggleClassName):null===a.current.offsetParent?H():b()}}),2),N=y[0],h=y[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(a.current.style.height="0px",n.DomHandler.removeClass(a.current,"hidden"),a.current.style.maxHeight=a.current.scrollHeight+"px",n.DomHandler.addClass(a.current,"hidden"),a.current.style.height=""),n.DomHandler.addClass(a.current,e.enterActiveClassName),e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),o({target:a.current})):(e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,n.DomHandler.addClass(a.current,e.leaveActiveClassName),e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),f({target:a.current})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(a.current)return a.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},A=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},E=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return t.useMountEffect((function(){A()})),t.useUpdateEffect((function(){return A(),function(){h()}})),t.useUnmountEffect((function(){h(),p(),a.current=null})),e.children}));return d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},e.StyleClass=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.styleclass=function(e,r,t,n){"use strict";function a(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 l=a(r);function s(e){if(Array.isArray(e))return e}function u(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,l=[],s=!0,u=!1;try{for(t=t.call(e);!(s=(n=t.next()).done)&&(l.push(n.value),!r||l.length!==r);s=!0);}catch(e){u=!0,a=e}finally{try{s||null==t.return||t.return()}finally{if(u)throw a}}return l}}function c(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 o(e,r){if(e){if("string"==typeof e)return c(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)?c(e,r):void 0}}function i(){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,r){return s(e)||u(e,r)||o(e,r)||i()}var d=l.forwardRef((function(e,r){var a=l.useRef(null),s=l.useRef(!1),u=l.useRef(null),c=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.enterActiveClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName),i(),"slidedown"===e.enterActiveClassName&&(a.current.style.maxHeight=""),s.current=!1}}),2),o=c[0],i=c[1],d=m(t.useEventListener({type:"animationend",listener:function(){n.DomHandler.removeClass(a.current,e.leaveActiveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName),C(),s.current=!1}}),2),f=d[0],C=d[1],v=m(t.useEventListener({type:"click",listener:function(e){A(a.current)&&"static"!==getComputedStyle(a.current).getPropertyValue("position")?O(e)&&b():p()},when:e.hideOnOutsideClick}),2),g=v[0],p=v[1],y=m(t.useEventListener({type:"click",listener:function(){a.current=D(),e.toggleClassName?n.DomHandler.hasClass(a.current,e.toggleClassName)?n.DomHandler.removeClass(a.current,e.toggleClassName):n.DomHandler.addClass(a.current,e.toggleClassName):n.DomHandler.isVisible(a.current)?b():H()}}),2),N=y[0],h=y[1],H=function(){e.enterActiveClassName?s.current||(s.current=!0,"slidedown"===e.enterActiveClassName&&(a.current.style.height="0px",n.DomHandler.removeClass(a.current,"hidden"),a.current.style.maxHeight=a.current.scrollHeight+"px",n.DomHandler.addClass(a.current,"hidden"),a.current.style.height=""),n.DomHandler.addClass(a.current,e.enterActiveClassName),e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),o({target:a.current})):(e.enterClassName&&n.DomHandler.removeClass(a.current,e.enterClassName),e.enterToClassName&&n.DomHandler.addClass(a.current,e.enterToClassName)),g({target:u.current&&u.current.ownerDocument})},b=function(){e.leaveActiveClassName?s.current||(s.current=!0,n.DomHandler.addClass(a.current,e.leaveActiveClassName),e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),f({target:a.current})):(e.leaveClassName&&n.DomHandler.removeClass(a.current,e.leaveClassName),e.leaveToClassName&&n.DomHandler.addClass(a.current,e.leaveToClassName)),e.hideOnOutsideClick&&p()},D=function(){if(a.current)return a.current;switch(e.selector){case"@next":return u.current.nextElementSibling;case"@prev":return u.current.previousElementSibling;case"@parent":return u.current.parentElement;case"@grandparent":return u.current.parentElement.parentElement;default:return document.querySelector(e.selector)}},E=function(){u.current=n.ObjectUtils.getRefElement(e.nodeRef),N({target:u.current})},A=function(e){return null!==e.offsetParent},O=function(e){return!u.current.isSameNode(e.target)&&!u.current.contains(e.target)&&!a.current.contains(e.target)};return l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return u.current},getTarget:function(){return a.current}}})),t.useMountEffect((function(){E()})),t.useUpdateEffect((function(){return E(),function(){h()}})),t.useUnmountEffect((function(){h(),p(),a.current=null})),e.children}));return d.displayName="StyleClass",d.defaultProps={__TYPE:"StyleClass",nodeRef:null,selector:null,enterClassName:null,enterActiveClassName:null,enterToClassName:null,leaveClassName:null,leaveActiveClassName:null,leaveToClassName:null,hideOnOutsideClick:!1,toggleClassName:null},e.StyleClass=d,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.hooks,primereact.utils);