primereact 10.8.2 → 10.8.4

package/resources/themes/viva-dark/theme.css

@@ -1,5 +1,4 @@
 :root {
-  font-family: Poppins, sans-serif;
   --font-family: Poppins, sans-serif;
   --surface-a: #161d21;
   --surface-b: #0e1315;
@@ -3117,7 +3116,6 @@
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-    margin: 0.5rem;
   }
   .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
   .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
@@ -3131,6 +3129,10 @@
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
   }
+  .p-carousel .p-carousel-content .p-carousel-prev,
+  .p-carousel .p-carousel-content .p-carousel-next {
+    margin: 0.5rem;
+  }
   .p-carousel .p-carousel-indicators {
     padding: 1rem;
   }
@@ -4247,7 +4249,6 @@
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-    margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
     color: rgba(255, 255, 255, 0.87);
@@ -4259,6 +4260,9 @@
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
   }
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+    margin-right: 0.5rem;
+  }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
     margin-right: 0.5rem;
   }
@@ -4585,6 +4589,10 @@
   .p-panel.p-panel-toggleable .p-panel-header {
     padding: 0.5rem 1rem;
   }
+  .p-panel:has(> .p-panel-footer) .p-panel-content {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
   .p-panel .p-panel-content {
     padding: 1rem;
     border: 2px solid #263238;
@@ -4937,7 +4945,6 @@
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-    margin-right: 0.5rem;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
     color: rgba(255, 255, 255, 0.87);
@@ -4949,6 +4956,9 @@
     outline-offset: 0;
     box-shadow: 0 0 0 1px #9eade6;
   }
+  .p-dialog .p-dialog-header .p-dialog-header-icon {
+    margin-right: 0.5rem;
+  }
   .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
     margin-right: 0;
   }
@@ -6532,7 +6542,6 @@
   }
   .p-toast .p-toast-message .p-toast-message-content {
     padding: 1rem;
-    border-width: 0 0 0 6px;
   }
   .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
     margin: 0 0 0 1rem;

package/resources/themes/viva-light/theme.css

@@ -1,5 +1,4 @@
 :root {
-  font-family: Poppins, sans-serif;
   --font-family: Poppins, sans-serif;
   --surface-a: #ffffff;
   --surface-b: #f5f5f5;
@@ -3117,7 +3116,6 @@
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-    margin: 0.5rem;
   }
   .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
   .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
@@ -3131,6 +3129,10 @@
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
   }
+  .p-carousel .p-carousel-content .p-carousel-prev,
+  .p-carousel .p-carousel-content .p-carousel-next {
+    margin: 0.5rem;
+  }
   .p-carousel .p-carousel-indicators {
     padding: 1rem;
   }
@@ -4247,7 +4249,6 @@
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-    margin-right: 0.5rem;
   }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
     color: #6c6c6c;
@@ -4259,6 +4260,9 @@
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
   }
+  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
+    margin-right: 0.5rem;
+  }
   .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
     margin-right: 0.5rem;
   }
@@ -4585,6 +4589,10 @@
   .p-panel.p-panel-toggleable .p-panel-header {
     padding: 0.5rem 1rem;
   }
+  .p-panel:has(> .p-panel-footer) .p-panel-content {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
   .p-panel .p-panel-content {
     padding: 1rem;
     border: 2px solid #ebebeb;
@@ -4937,7 +4945,6 @@
     background: transparent;
     border-radius: 50%;
     transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
-    margin-right: 0.5rem;
   }
   .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
     color: #6c6c6c;
@@ -4949,6 +4956,9 @@
     outline-offset: 0;
     box-shadow: 0 0 0 0.1rem #bbc7ee;
   }
+  .p-dialog .p-dialog-header .p-dialog-header-icon {
+    margin-right: 0.5rem;
+  }
   .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
     margin-right: 0;
   }
@@ -6532,7 +6542,6 @@
   }
   .p-toast .p-toast-message .p-toast-message-content {
     padding: 1rem;
-    border-width: 0 0 0 6px;
   }
   .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
     margin: 0 0 0 1rem;

package/ripple/ripple.cjs.js

@@ -166,7 +166,7 @@ var RippleBase = componentbase.ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var Ripple = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isMounted = _React$useState2[0],

package/ripple/ripple.esm.js

@@ -139,7 +139,7 @@ var RippleBase = ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var Ripple = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     isMounted = _React$useState2[0],

package/ripple/ripple.js

@@ -159,7 +159,7 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var Ripple = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isMounted = _React$useState2[0],

package/scrollpanel/scrollpanel.cjs.js

@@ -192,13 +192,21 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
         utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
       } else {
         utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
-        xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
+        utils.DomHandler.applyStyle(xBarRef.current, {
+          width: Math.max(scrollXRatio.current * 100, 10) + '%',
+          left: contentRef.current.scrollLeft / totalWidth * 100 + '%',
+          bottom: bottom + 'px'
+        });
       }
       if (scrollYRatio.current >= 1) {
         utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
       } else {
         utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-        yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
+        utils.DomHandler.applyStyle(yBarRef.current, {
+          height: Math.max(scrollYRatio.current * 100, 10) + '%',
+          top: 'calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px)',
+          right: right + 'px'
+        });
       }
     });
   };
@@ -230,7 +238,7 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
     utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
     utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
     document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
+    document.addEventListener('mouseup', _onDocumentMouseUp);
     event.preventDefault();
   };
   var onXBarMouseDown = function onXBarMouseDown(event) {
@@ -239,7 +247,7 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
     utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
     utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
     document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
+    document.addEventListener('mouseup', _onDocumentMouseUp);
     event.preventDefault();
   };
   var onDocumentMouseMove = function onDocumentMouseMove(event) {
@@ -266,12 +274,12 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
       contentRef.current.scrollTop += deltaY / scrollYRatio.current;
     });
   };
-  var onDocumentMouseUp = function onDocumentMouseUp(event) {
+  var _onDocumentMouseUp = function onDocumentMouseUp(event) {
     utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
     utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
     utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
     document.removeEventListener('mousemove', onDocumentMouseMove);
-    document.removeEventListener('mouseup', onDocumentMouseUp);
+    document.removeEventListener('mouseup', _onDocumentMouseUp);
     isXBarClicked.current = false;
     isYBarClicked.current = false;
   };

package/scrollpanel/scrollpanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/componentbase"),t=require("primereact/hooks"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var a=l(e);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},c.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function s(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],u=!0,s=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;u=!1}else for(;!(u=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function p(e,r){if(e){if("string"==typeof e)return i(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?i(e,r):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,r){return u(e)||s(e,r)||p(e,r)||d()}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),h=a.forwardRef((function(e,l){var u=t.useMergeProps(),s=a.useContext(r.PrimeReactContext),i=m.getProps(e,s),p=f(a.useState(i.id),2),d=p[0],h=p[1],b=f(a.useState("vertical"),2),v=b[0],g=b[1],y=m.setMetaData({props:i}),w=y.ptm,x=y.cx;n.useHandleStyle(m.css.styles,y.isUnstyled,{name:"scrollpanel"});var D=a.useRef(null),H=a.useRef(null),E=a.useRef(null),C=a.useRef(null),A=f(a.useState(0),2),S=A[0],R=A[1],L=f(a.useState(0),2),O=L[0],j=L[1],T=a.useRef(!1),P=a.useRef(!1),z=a.useRef(null),M=a.useRef(null),N=a.useRef(null),F=a.useRef(null),I=a.useRef(null),q=a.useRef(!1),U=a.useRef(null),k=d+"_content",B=function(){var e=H.current.scrollWidth,r=-1*(D.current.clientHeight-E.current.clientHeight);N.current=H.current.clientWidth/e;var n=H.current.scrollHeight,t=-1*(D.current.clientWidth-C.current.clientWidth);F.current=H.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?o.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),E.current.style.cssText="width:"+Math.max(100*N.current,10)+"%; left:"+H.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),F.current>=1?o.DomHandler.addClass(C.current,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(C.current,"p-scrollpanel-hidden"),C.current.style.cssText="height:"+Math.max(100*F.current,10)+"%; top: calc("+H.current.scrollTop/n*100+"% - "+E.current.clientHeight+"px);right:"+t+"px;")}))},_=function(e){E.current.isSameNode(e.target)?g("horizontal"):C.current.isSameNode(e.target)&&g("vertical")},W=function(){"horizontal"===v&&g("vertical")},Y=function(e){T.current?K(e):(P.current||K(e),X(e))},K=function(e){var r=e.pageX-z.current;z.current=e.pageX,I.current=window.requestAnimationFrame((function(){H.current.scrollLeft+=r/N.current}))},X=function(e){var r=e.pageY-M.current;M.current=e.pageY,I.current=window.requestAnimationFrame((function(){H.current.scrollTop+=r/F.current}))},$=function e(r){o.DomHandler.removeClass(C.current,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",e),T.current=!1,P.current=!1},G=function(e){if("vertical"===v)switch(e.code){case"ArrowDown":V("scrollTop",i.step),e.preventDefault();break;case"ArrowUp":V("scrollTop",-1*i.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===v)switch(e.code){case"ArrowRight":V("scrollLeft",i.step),e.preventDefault();break;case"ArrowLeft":V("scrollLeft",-1*i.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},J=function(){Z()},Q=function(e,r){H.current[e]+=r,B()},V=function(e,r){Z(),U.current=setTimeout((function(){Q(e,r)}),40)},Z=function(){U.current&&clearTimeout(U.current)},ee=function(){B()};t.useMountEffect((function(){var e,r,n;i.id||h(o.UniqueComponentId()),B(),window.addEventListener("resize",B),e=getComputedStyle(D.current),r=getComputedStyle(E.current),n=o.DomHandler.getHeight(D.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(D.current.style.height=H.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:H.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),q.current=!0})),t.useUnmountEffect((function(){q.current&&window.removeEventListener("resize",B),I.current&&window.cancelAnimationFrame(I.current)})),a.useImperativeHandle(l,(function(){return{props:i,refresh:ee,getElement:function(){return D.current},getContent:function(){return H.current},getXBar:function(){return E.current},getYBar:function(){return C.current}}}));var re=u({id:i.id,ref:D,style:i.style,className:o.classNames(i.className,x("root"))},m.getOtherProps(i),w("root")),ne=u({className:x("wrapper")},w("wrapper")),te=u({className:x("content"),onScroll:function(e){S!==e.target.scrollLeft?(R(e.target.scrollLeft),g("horizontal")):O!==e.target.scrollTop&&(j(e.target.scrollTop),g("vertical")),B()},onMouseEnter:B},w("content")),oe=u({ref:E,role:"scrollbar",className:x("barx"),tabIndex:0,"aria-valuenow":O,"aria-controls":k,"aria-orientation":"horizontal",onFocus:_,onBlur:W,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){T.current=!0,z.current=e.pageX,o.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",$),e.preventDefault()}},w("barx")),le=u({ref:C,role:"scrollbar",className:x("bary"),tabIndex:0,"aria-valuenow":S,"aria-controls":k,"aria-orientation":"vertical",onFocus:_,onBlur:W,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){P.current=!0,M.current=e.pageY,o.DomHandler.addClass(C.current,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",$),e.preventDefault()}},w("bary"));return a.createElement("div",re,a.createElement("div",ne,a.createElement("div",c({ref:H},te),i.children)),a.createElement("div",oe),a.createElement("div",le))}));h.displayName="ScrollPanel",exports.ScrollPanel=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),n=require("primereact/componentbase"),t=require("primereact/hooks"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var a=l(e);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},c.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;u=!1}else for(;!(u=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function p(e,r){if(e){if("string"==typeof e)return s(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,r):void 0}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e,r){return u(e)||i(e,r)||p(e,r)||d()}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),h=a.forwardRef((function(e,l){var u=t.useMergeProps(),i=a.useContext(r.PrimeReactContext),s=m.getProps(e,i),p=f(a.useState(s.id),2),d=p[0],h=p[1],b=f(a.useState("vertical"),2),v=b[0],g=b[1],y=m.setMetaData({props:s}),w=y.ptm,x=y.cx;n.useHandleStyle(m.css.styles,y.isUnstyled,{name:"scrollpanel"});var D=a.useRef(null),H=a.useRef(null),E=a.useRef(null),S=a.useRef(null),C=f(a.useState(0),2),A=C[0],R=C[1],L=f(a.useState(0),2),O=L[0],j=L[1],P=a.useRef(!1),T=a.useRef(!1),z=a.useRef(null),M=a.useRef(null),N=a.useRef(null),F=a.useRef(null),I=a.useRef(null),q=a.useRef(!1),U=a.useRef(null),k=d+"_content",B=function(){var e=H.current.scrollWidth,r=-1*(D.current.clientHeight-E.current.clientHeight);N.current=H.current.clientWidth/e;var n=H.current.scrollHeight,t=-1*(D.current.clientWidth-S.current.clientWidth);F.current=H.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?o.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),o.DomHandler.applyStyle(E.current,{width:Math.max(100*N.current,10)+"%",left:H.current.scrollLeft/e*100+"%",bottom:r+"px"})),F.current>=1?o.DomHandler.addClass(S.current,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(S.current,"p-scrollpanel-hidden"),o.DomHandler.applyStyle(S.current,{height:Math.max(100*F.current,10)+"%",top:"calc("+H.current.scrollTop/n*100+"% - "+E.current.clientHeight+"px)",right:t+"px"}))}))},_=function(e){E.current.isSameNode(e.target)?g("horizontal"):S.current.isSameNode(e.target)&&g("vertical")},W=function(){"horizontal"===v&&g("vertical")},Y=function(e){P.current?K(e):(T.current||K(e),X(e))},K=function(e){var r=e.pageX-z.current;z.current=e.pageX,I.current=window.requestAnimationFrame((function(){H.current.scrollLeft+=r/N.current}))},X=function(e){var r=e.pageY-M.current;M.current=e.pageY,I.current=window.requestAnimationFrame((function(){H.current.scrollTop+=r/F.current}))},$=function(e){o.DomHandler.removeClass(S.current,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",$),P.current=!1,T.current=!1},G=function(e){if("vertical"===v)switch(e.code){case"ArrowDown":V("scrollTop",s.step),e.preventDefault();break;case"ArrowUp":V("scrollTop",-1*s.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===v)switch(e.code){case"ArrowRight":V("scrollLeft",s.step),e.preventDefault();break;case"ArrowLeft":V("scrollLeft",-1*s.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},J=function(){Z()},Q=function(e,r){H.current[e]+=r,B()},V=function(e,r){Z(),U.current=setTimeout((function(){Q(e,r)}),40)},Z=function(){U.current&&clearTimeout(U.current)},ee=function(){B()};t.useMountEffect((function(){var e,r,n;s.id||h(o.UniqueComponentId()),B(),window.addEventListener("resize",B),e=getComputedStyle(D.current),r=getComputedStyle(E.current),n=o.DomHandler.getHeight(D.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(D.current.style.height=H.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:H.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),q.current=!0})),t.useUnmountEffect((function(){q.current&&window.removeEventListener("resize",B),I.current&&window.cancelAnimationFrame(I.current)})),a.useImperativeHandle(l,(function(){return{props:s,refresh:ee,getElement:function(){return D.current},getContent:function(){return H.current},getXBar:function(){return E.current},getYBar:function(){return S.current}}}));var re=u({id:s.id,ref:D,style:s.style,className:o.classNames(s.className,x("root"))},m.getOtherProps(s),w("root")),ne=u({className:x("wrapper")},w("wrapper")),te=u({className:x("content"),onScroll:function(e){A!==e.target.scrollLeft?(R(e.target.scrollLeft),g("horizontal")):O!==e.target.scrollTop&&(j(e.target.scrollTop),g("vertical")),B()},onMouseEnter:B},w("content")),oe=u({ref:E,role:"scrollbar",className:x("barx"),tabIndex:0,"aria-valuenow":O,"aria-controls":k,"aria-orientation":"horizontal",onFocus:_,onBlur:W,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){P.current=!0,z.current=e.pageX,o.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",$),e.preventDefault()}},w("barx")),le=u({ref:S,role:"scrollbar",className:x("bary"),tabIndex:0,"aria-valuenow":A,"aria-controls":k,"aria-orientation":"vertical",onFocus:_,onBlur:W,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){T.current=!0,M.current=e.pageY,o.DomHandler.addClass(S.current,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",$),e.preventDefault()}},w("bary"));return a.createElement("div",re,a.createElement("div",ne,a.createElement("div",c({ref:H},te),s.children)),a.createElement("div",oe),a.createElement("div",le))}));h.displayName="ScrollPanel",exports.ScrollPanel=h;

package/scrollpanel/scrollpanel.esm.js

@@ -168,13 +168,21 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
         DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
       } else {
         DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
-        xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
+        DomHandler.applyStyle(xBarRef.current, {
+          width: Math.max(scrollXRatio.current * 100, 10) + '%',
+          left: contentRef.current.scrollLeft / totalWidth * 100 + '%',
+          bottom: bottom + 'px'
+        });
       }
       if (scrollYRatio.current >= 1) {
         DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
       } else {
         DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-        yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
+        DomHandler.applyStyle(yBarRef.current, {
+          height: Math.max(scrollYRatio.current * 100, 10) + '%',
+          top: 'calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px)',
+          right: right + 'px'
+        });
       }
     });
   };
@@ -206,7 +214,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
     document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
+    document.addEventListener('mouseup', _onDocumentMouseUp);
     event.preventDefault();
   };
   var onXBarMouseDown = function onXBarMouseDown(event) {
@@ -215,7 +223,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
     DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
     document.addEventListener('mousemove', onDocumentMouseMove);
-    document.addEventListener('mouseup', onDocumentMouseUp);
+    document.addEventListener('mouseup', _onDocumentMouseUp);
     event.preventDefault();
   };
   var onDocumentMouseMove = function onDocumentMouseMove(event) {
@@ -242,12 +250,12 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       contentRef.current.scrollTop += deltaY / scrollYRatio.current;
     });
   };
-  var onDocumentMouseUp = function onDocumentMouseUp(event) {
+  var _onDocumentMouseUp = function onDocumentMouseUp(event) {
     DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
     DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
     document.removeEventListener('mousemove', onDocumentMouseMove);
-    document.removeEventListener('mouseup', onDocumentMouseUp);
+    document.removeEventListener('mouseup', _onDocumentMouseUp);
     isXBarClicked.current = false;
     isYBarClicked.current = false;
   };

package/scrollpanel/scrollpanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{UniqueComponentId as c,classNames as i,DomHandler as s}from"primereact/utils";function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},u.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function d(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],i=!0,s=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;i=!1}else for(;!(i=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);i=!0);}catch(e){s=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw o}}return c}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function m(e,r){if(e){if("string"==typeof e)return f(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,r):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,r){return p(e)||d(e,r)||m(e,r)||h()}var b=n.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),g=e.forwardRef((function(n,p){var d=o(),f=e.useContext(r),m=b.getProps(n,f),h=v(e.useState(m.id),2),g=h[0],y=h[1],w=v(e.useState("vertical"),2),x=w[0],A=w[1],E=b.setMetaData({props:m}),C=E.ptm,L=E.cx;t(b.css.styles,E.isUnstyled,{name:"scrollpanel"});var R=e.useRef(null),S=e.useRef(null),D=e.useRef(null),T=e.useRef(null),z=v(e.useState(0),2),F=z[0],N=z[1],H=v(e.useState(0),2),I=H[0],O=H[1],j=e.useRef(!1),M=e.useRef(!1),P=e.useRef(null),k=e.useRef(null),B=e.useRef(null),U=e.useRef(null),W=e.useRef(null),Y=e.useRef(!1),K=e.useRef(null),X=g+"_content",q=function(){var e=S.current.scrollWidth,r=-1*(R.current.clientHeight-D.current.clientHeight);B.current=S.current.clientWidth/e;var n=S.current.scrollHeight,t=-1*(R.current.clientWidth-T.current.clientWidth);U.current=S.current.clientHeight/n,W.current=window.requestAnimationFrame((function(){B.current>=1?s.addClass(D.current,"p-scrollpanel-hidden"):(s.removeClass(D.current,"p-scrollpanel-hidden"),D.current.style.cssText="width:"+Math.max(100*B.current,10)+"%; left:"+S.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),U.current>=1?s.addClass(T.current,"p-scrollpanel-hidden"):(s.removeClass(T.current,"p-scrollpanel-hidden"),T.current.style.cssText="height:"+Math.max(100*U.current,10)+"%; top: calc("+S.current.scrollTop/n*100+"% - "+D.current.clientHeight+"px);right:"+t+"px;")}))},_=function(e){D.current.isSameNode(e.target)?A("horizontal"):T.current.isSameNode(e.target)&&A("vertical")},$=function(){"horizontal"===x&&A("vertical")},G=function(e){j.current?J(e):(M.current||J(e),Q(e))},J=function(e){var r=e.pageX-P.current;P.current=e.pageX,W.current=window.requestAnimationFrame((function(){S.current.scrollLeft+=r/B.current}))},Q=function(e){var r=e.pageY-k.current;k.current=e.pageY,W.current=window.requestAnimationFrame((function(){S.current.scrollTop+=r/U.current}))},V=function e(r){s.removeClass(T.current,"p-scrollpanel-grabbed"),s.removeClass(D.current,"p-scrollpanel-grabbed"),s.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",e),j.current=!1,M.current=!1},Z=function(e){if("vertical"===x)switch(e.code){case"ArrowDown":ne("scrollTop",m.step),e.preventDefault();break;case"ArrowUp":ne("scrollTop",-1*m.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===x)switch(e.code){case"ArrowRight":ne("scrollLeft",m.step),e.preventDefault();break;case"ArrowLeft":ne("scrollLeft",-1*m.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},ee=function(){te()},re=function(e,r){S.current[e]+=r,q()},ne=function(e,r){te(),K.current=setTimeout((function(){re(e,r)}),40)},te=function(){K.current&&clearTimeout(K.current)},oe=function(){q()};l((function(){var e,r,n;m.id||y(c()),q(),window.addEventListener("resize",q),e=getComputedStyle(R.current),r=getComputedStyle(D.current),n=s.getHeight(R.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(R.current.style.height=S.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:S.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),Y.current=!0})),a((function(){Y.current&&window.removeEventListener("resize",q),W.current&&window.cancelAnimationFrame(W.current)})),e.useImperativeHandle(p,(function(){return{props:m,refresh:oe,getElement:function(){return R.current},getContent:function(){return S.current},getXBar:function(){return D.current},getYBar:function(){return T.current}}}));var le=d({id:m.id,ref:R,style:m.style,className:i(m.className,L("root"))},b.getOtherProps(m),C("root")),ae=d({className:L("wrapper")},C("wrapper")),ce=d({className:L("content"),onScroll:function(e){F!==e.target.scrollLeft?(N(e.target.scrollLeft),A("horizontal")):I!==e.target.scrollTop&&(O(e.target.scrollTop),A("vertical")),q()},onMouseEnter:q},C("content")),ie=d({ref:D,role:"scrollbar",className:L("barx"),tabIndex:0,"aria-valuenow":I,"aria-controls":X,"aria-orientation":"horizontal",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){j.current=!0,P.current=e.pageX,s.addClass(D.current,"p-scrollpanel-grabbed"),s.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},C("barx")),se=d({ref:T,role:"scrollbar",className:L("bary"),tabIndex:0,"aria-valuenow":F,"aria-controls":X,"aria-orientation":"vertical",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){M.current=!0,k.current=e.pageY,s.addClass(T.current,"p-scrollpanel-grabbed"),s.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},C("bary"));return e.createElement("div",le,e.createElement("div",ae,e.createElement("div",u({ref:S},ce),m.children)),e.createElement("div",ie),e.createElement("div",se))}));g.displayName="ScrollPanel";export{g as ScrollPanel};
+import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{ComponentBase as n,useHandleStyle as t}from"primereact/componentbase";import{useMergeProps as o,useMountEffect as l,useUnmountEffect as a}from"primereact/hooks";import{UniqueComponentId as c,classNames as i,DomHandler as u}from"primereact/utils";function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function d(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;i=!1}else for(;!(i=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function f(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function m(e,r){if(e){if("string"==typeof e)return f(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?f(e,r):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,r){return p(e)||d(e,r)||m(e,r)||h()}var b=n.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),g=e.forwardRef((function(n,p){var d=o(),f=e.useContext(r),m=b.getProps(n,f),h=v(e.useState(m.id),2),g=h[0],y=h[1],w=v(e.useState("vertical"),2),x=w[0],A=w[1],S=b.setMetaData({props:m}),E=S.ptm,C=S.cx;t(b.css.styles,S.isUnstyled,{name:"scrollpanel"});var L=e.useRef(null),R=e.useRef(null),D=e.useRef(null),T=e.useRef(null),z=v(e.useState(0),2),F=z[0],N=z[1],H=v(e.useState(0),2),I=H[0],O=H[1],j=e.useRef(!1),M=e.useRef(!1),P=e.useRef(null),k=e.useRef(null),B=e.useRef(null),U=e.useRef(null),W=e.useRef(null),Y=e.useRef(!1),K=e.useRef(null),X=g+"_content",q=function(){var e=R.current.scrollWidth,r=-1*(L.current.clientHeight-D.current.clientHeight);B.current=R.current.clientWidth/e;var n=R.current.scrollHeight,t=-1*(L.current.clientWidth-T.current.clientWidth);U.current=R.current.clientHeight/n,W.current=window.requestAnimationFrame((function(){B.current>=1?u.addClass(D.current,"p-scrollpanel-hidden"):(u.removeClass(D.current,"p-scrollpanel-hidden"),u.applyStyle(D.current,{width:Math.max(100*B.current,10)+"%",left:R.current.scrollLeft/e*100+"%",bottom:r+"px"})),U.current>=1?u.addClass(T.current,"p-scrollpanel-hidden"):(u.removeClass(T.current,"p-scrollpanel-hidden"),u.applyStyle(T.current,{height:Math.max(100*U.current,10)+"%",top:"calc("+R.current.scrollTop/n*100+"% - "+D.current.clientHeight+"px)",right:t+"px"}))}))},_=function(e){D.current.isSameNode(e.target)?A("horizontal"):T.current.isSameNode(e.target)&&A("vertical")},$=function(){"horizontal"===x&&A("vertical")},G=function(e){j.current?J(e):(M.current||J(e),Q(e))},J=function(e){var r=e.pageX-P.current;P.current=e.pageX,W.current=window.requestAnimationFrame((function(){R.current.scrollLeft+=r/B.current}))},Q=function(e){var r=e.pageY-k.current;k.current=e.pageY,W.current=window.requestAnimationFrame((function(){R.current.scrollTop+=r/U.current}))},V=function(e){u.removeClass(T.current,"p-scrollpanel-grabbed"),u.removeClass(D.current,"p-scrollpanel-grabbed"),u.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",V),j.current=!1,M.current=!1},Z=function(e){if("vertical"===x)switch(e.code){case"ArrowDown":ne("scrollTop",m.step),e.preventDefault();break;case"ArrowUp":ne("scrollTop",-1*m.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===x)switch(e.code){case"ArrowRight":ne("scrollLeft",m.step),e.preventDefault();break;case"ArrowLeft":ne("scrollLeft",-1*m.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},ee=function(){te()},re=function(e,r){R.current[e]+=r,q()},ne=function(e,r){te(),K.current=setTimeout((function(){re(e,r)}),40)},te=function(){K.current&&clearTimeout(K.current)},oe=function(){q()};l((function(){var e,r,n;m.id||y(c()),q(),window.addEventListener("resize",q),e=getComputedStyle(L.current),r=getComputedStyle(D.current),n=u.getHeight(L.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(L.current.style.height=R.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:R.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),Y.current=!0})),a((function(){Y.current&&window.removeEventListener("resize",q),W.current&&window.cancelAnimationFrame(W.current)})),e.useImperativeHandle(p,(function(){return{props:m,refresh:oe,getElement:function(){return L.current},getContent:function(){return R.current},getXBar:function(){return D.current},getYBar:function(){return T.current}}}));var le=d({id:m.id,ref:L,style:m.style,className:i(m.className,C("root"))},b.getOtherProps(m),E("root")),ae=d({className:C("wrapper")},E("wrapper")),ce=d({className:C("content"),onScroll:function(e){F!==e.target.scrollLeft?(N(e.target.scrollLeft),A("horizontal")):I!==e.target.scrollTop&&(O(e.target.scrollTop),A("vertical")),q()},onMouseEnter:q},E("content")),ie=d({ref:D,role:"scrollbar",className:C("barx"),tabIndex:0,"aria-valuenow":I,"aria-controls":X,"aria-orientation":"horizontal",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){j.current=!0,P.current=e.pageX,u.addClass(D.current,"p-scrollpanel-grabbed"),u.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},E("barx")),ue=d({ref:T,role:"scrollbar",className:C("bary"),tabIndex:0,"aria-valuenow":F,"aria-controls":X,"aria-orientation":"vertical",onFocus:_,onBlur:$,onKeyDown:Z,onKeyUp:ee,onMouseDown:function(e){M.current=!0,k.current=e.pageY,u.addClass(T.current,"p-scrollpanel-grabbed"),u.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",G),document.addEventListener("mouseup",V),e.preventDefault()}},E("bary"));return e.createElement("div",le,e.createElement("div",ae,e.createElement("div",s({ref:R},ce),m.children)),e.createElement("div",ie),e.createElement("div",ue))}));g.displayName="ScrollPanel";export{g as ScrollPanel};

package/scrollpanel/scrollpanel.js

@@ -185,13 +185,21 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
           utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-hidden');
         } else {
           utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-hidden');
-          xBarRef.current.style.cssText = 'width:' + Math.max(scrollXRatio.current * 100, 10) + '%; left:' + contentRef.current.scrollLeft / totalWidth * 100 + '%;bottom:' + bottom + 'px;';
+          utils.DomHandler.applyStyle(xBarRef.current, {
+            width: Math.max(scrollXRatio.current * 100, 10) + '%',
+            left: contentRef.current.scrollLeft / totalWidth * 100 + '%',
+            bottom: bottom + 'px'
+          });
         }
         if (scrollYRatio.current >= 1) {
           utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-hidden');
         } else {
           utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-hidden');
-          yBarRef.current.style.cssText = 'height:' + Math.max(scrollYRatio.current * 100, 10) + '%; top: calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px);right:' + right + 'px;';
+          utils.DomHandler.applyStyle(yBarRef.current, {
+            height: Math.max(scrollYRatio.current * 100, 10) + '%',
+            top: 'calc(' + contentRef.current.scrollTop / totalHeight * 100 + '% - ' + xBarRef.current.clientHeight + 'px)',
+            right: right + 'px'
+          });
         }
       });
     };
@@ -223,7 +231,7 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
       utils.DomHandler.addClass(yBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
       document.addEventListener('mousemove', onDocumentMouseMove);
-      document.addEventListener('mouseup', onDocumentMouseUp);
+      document.addEventListener('mouseup', _onDocumentMouseUp);
       event.preventDefault();
     };
     var onXBarMouseDown = function onXBarMouseDown(event) {
@@ -232,7 +240,7 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
       utils.DomHandler.addClass(xBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.addClass(document.body, 'p-scrollpanel-grabbed');
       document.addEventListener('mousemove', onDocumentMouseMove);
-      document.addEventListener('mouseup', onDocumentMouseUp);
+      document.addEventListener('mouseup', _onDocumentMouseUp);
       event.preventDefault();
     };
     var onDocumentMouseMove = function onDocumentMouseMove(event) {
@@ -259,12 +267,12 @@ this.primereact.scrollpanel = (function (exports, React, api, componentbase, hoo
         contentRef.current.scrollTop += deltaY / scrollYRatio.current;
       });
     };
-    var onDocumentMouseUp = function onDocumentMouseUp(event) {
+    var _onDocumentMouseUp = function onDocumentMouseUp(event) {
       utils.DomHandler.removeClass(yBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.removeClass(xBarRef.current, 'p-scrollpanel-grabbed');
       utils.DomHandler.removeClass(document.body, 'p-scrollpanel-grabbed');
       document.removeEventListener('mousemove', onDocumentMouseMove);
-      document.removeEventListener('mouseup', onDocumentMouseUp);
+      document.removeEventListener('mouseup', _onDocumentMouseUp);
       isXBarClicked.current = false;
       isYBarClicked.current = false;
     };

package/scrollpanel/scrollpanel.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,n,t,o,l){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var c=a(r);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},s.apply(this,arguments)}function u(e){if(Array.isArray(e))return e}function i(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],s=!0,u=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;s=!1}else for(;!(s=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);s=!0);}catch(e){u=!0,o=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}function p(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function d(e,r){if(e){if("string"==typeof e)return p(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,r):void 0}}function f(){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 u(e)||i(e,r)||d(e,r)||f()}var h=t.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),b=c.forwardRef((function(e,r){var a=o.useMergeProps(),u=c.useContext(n.PrimeReactContext),i=h.getProps(e,u),p=m(c.useState(i.id),2),d=p[0],f=p[1],b=m(c.useState("vertical"),2),v=b[0],g=b[1],y=h.setMetaData({props:i}),w=y.ptm,x=y.cx;t.useHandleStyle(h.css.styles,y.isUnstyled,{name:"scrollpanel"});var D=c.useRef(null),H=c.useRef(null),E=c.useRef(null),C=c.useRef(null),A=m(c.useState(0),2),R=A[0],S=A[1],L=m(c.useState(0),2),O=L[0],j=L[1],T=c.useRef(!1),P=c.useRef(!1),z=c.useRef(null),M=c.useRef(null),N=c.useRef(null),F=c.useRef(null),I=c.useRef(null),U=c.useRef(!1),k=c.useRef(null),B=d+"_content",_=function(){var e=H.current.scrollWidth,r=-1*(D.current.clientHeight-E.current.clientHeight);N.current=H.current.clientWidth/e;var n=H.current.scrollHeight,t=-1*(D.current.clientWidth-C.current.clientWidth);F.current=H.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?l.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),E.current.style.cssText="width:"+Math.max(100*N.current,10)+"%; left:"+H.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),F.current>=1?l.DomHandler.addClass(C.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(C.current,"p-scrollpanel-hidden"),C.current.style.cssText="height:"+Math.max(100*F.current,10)+"%; top: calc("+H.current.scrollTop/n*100+"% - "+E.current.clientHeight+"px);right:"+t+"px;")}))},W=function(e){E.current.isSameNode(e.target)?g("horizontal"):C.current.isSameNode(e.target)&&g("vertical")},Y=function(){"horizontal"===v&&g("vertical")},q=function(e){T.current?K(e):(P.current||K(e),X(e))},K=function(e){var r=e.pageX-z.current;z.current=e.pageX,I.current=window.requestAnimationFrame((function(){H.current.scrollLeft+=r/N.current}))},X=function(e){var r=e.pageY-M.current;M.current=e.pageY,I.current=window.requestAnimationFrame((function(){H.current.scrollTop+=r/F.current}))},$=function e(r){l.DomHandler.removeClass(C.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",q),document.removeEventListener("mouseup",e),T.current=!1,P.current=!1},G=function(e){if("vertical"===v)switch(e.code){case"ArrowDown":V("scrollTop",i.step),e.preventDefault();break;case"ArrowUp":V("scrollTop",-1*i.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===v)switch(e.code){case"ArrowRight":V("scrollLeft",i.step),e.preventDefault();break;case"ArrowLeft":V("scrollLeft",-1*i.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},J=function(){Z()},Q=function(e,r){H.current[e]+=r,_()},V=function(e,r){Z(),k.current=setTimeout((function(){Q(e,r)}),40)},Z=function(){k.current&&clearTimeout(k.current)},ee=function(){_()};o.useMountEffect((function(){var e,r,n;i.id||f(l.UniqueComponentId()),_(),window.addEventListener("resize",_),e=getComputedStyle(D.current),r=getComputedStyle(E.current),n=l.DomHandler.getHeight(D.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(D.current.style.height=H.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:H.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),U.current=!0})),o.useUnmountEffect((function(){U.current&&window.removeEventListener("resize",_),I.current&&window.cancelAnimationFrame(I.current)})),c.useImperativeHandle(r,(function(){return{props:i,refresh:ee,getElement:function(){return D.current},getContent:function(){return H.current},getXBar:function(){return E.current},getYBar:function(){return C.current}}}));var re=a({id:i.id,ref:D,style:i.style,className:l.classNames(i.className,x("root"))},h.getOtherProps(i),w("root")),ne=a({className:x("wrapper")},w("wrapper")),te=a({className:x("content"),onScroll:function(e){R!==e.target.scrollLeft?(S(e.target.scrollLeft),g("horizontal")):O!==e.target.scrollTop&&(j(e.target.scrollTop),g("vertical")),_()},onMouseEnter:_},w("content")),oe=a({ref:E,role:"scrollbar",className:x("barx"),tabIndex:0,"aria-valuenow":O,"aria-controls":B,"aria-orientation":"horizontal",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){T.current=!0,z.current=e.pageX,l.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("barx")),le=a({ref:C,role:"scrollbar",className:x("bary"),tabIndex:0,"aria-valuenow":R,"aria-controls":B,"aria-orientation":"vertical",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){P.current=!0,M.current=e.pageY,l.DomHandler.addClass(C.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("bary"));return c.createElement("div",re,c.createElement("div",ne,c.createElement("div",s({ref:H},te),i.children)),c.createElement("div",oe),c.createElement("div",le))}));return b.displayName="ScrollPanel",e.ScrollPanel=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.scrollpanel=function(e,r,n,t,o,l){"use strict";function a(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,t.get?t:{enumerable:!0,get:function(){return e[n]}})}})),r.default=e,Object.freeze(r)}var c=a(r);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},u.apply(this,arguments)}function i(e){if(Array.isArray(e))return e}function s(e,r){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var t,o,l,a,c=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===r){if(Object(n)!==n)return;u=!1}else for(;!(u=(t=l.call(n)).done)&&(c.push(t.value),c.length!==r);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(i)throw o}}return c}}function p(e,r){(null==r||r>e.length)&&(r=e.length);for(var n=0,t=new Array(r);n<r;n++)t[n]=e[n];return t}function d(e,r){if(e){if("string"==typeof e)return p(e,r);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,r):void 0}}function f(){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 i(e)||s(e,r)||d(e,r)||f()}var h=t.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:"p-scrollpanel p-component",wrapper:"p-scrollpanel-wrapper",content:"p-scrollpanel-content",barx:"p-scrollpanel-bar p-scrollpanel-bar-x",bary:"p-scrollpanel-bar p-scrollpanel-bar-y"},styles:"\n        @layer primereact {\n            .p-scrollpanel-wrapper {\n                overflow: hidden;\n                width: 100%;\n                height: 100%;\n                position: relative;\n                z-index: 1;\n                float: left;\n            }\n\n            .p-scrollpanel-content {\n                height: calc(100% + 18px);\n                width: calc(100% + 18px);\n                padding: 0 18px 18px 0;\n                position: relative;\n                overflow: auto;\n                box-sizing: border-box;\n            }\n\n            .p-scrollpanel-bar {\n                position: relative;\n                background: #c1c1c1;\n                border-radius: 3px;\n                z-index: 2;\n                cursor: pointer;\n                opacity: 0;\n                transition: opacity 0.25s linear;\n            }\n\n            .p-scrollpanel-bar-y {\n                width: 9px;\n                top: 0;\n            }\n\n            .p-scrollpanel-bar-x {\n                height: 9px;\n                bottom: 0;\n            }\n\n            .p-scrollpanel-hidden {\n                visibility: hidden;\n            }\n\n            .p-scrollpanel:hover .p-scrollpanel-bar,\n            .p-scrollpanel:active .p-scrollpanel-bar {\n                opacity: 1;\n            }\n\n            .p-scrollpanel-grabbed {\n                user-select: none;\n            }\n        }\n        "}}),b=c.forwardRef((function(e,r){var a=o.useMergeProps(),i=c.useContext(n.PrimeReactContext),s=h.getProps(e,i),p=m(c.useState(s.id),2),d=p[0],f=p[1],b=m(c.useState("vertical"),2),v=b[0],g=b[1],y=h.setMetaData({props:s}),w=y.ptm,x=y.cx;t.useHandleStyle(h.css.styles,y.isUnstyled,{name:"scrollpanel"});var D=c.useRef(null),H=c.useRef(null),E=c.useRef(null),S=c.useRef(null),C=m(c.useState(0),2),A=C[0],R=C[1],L=m(c.useState(0),2),O=L[0],j=L[1],P=c.useRef(!1),T=c.useRef(!1),z=c.useRef(null),M=c.useRef(null),N=c.useRef(null),F=c.useRef(null),I=c.useRef(null),U=c.useRef(!1),k=c.useRef(null),B=d+"_content",_=function(){var e=H.current.scrollWidth,r=-1*(D.current.clientHeight-E.current.clientHeight);N.current=H.current.clientWidth/e;var n=H.current.scrollHeight,t=-1*(D.current.clientWidth-S.current.clientWidth);F.current=H.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?l.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),l.DomHandler.applyStyle(E.current,{width:Math.max(100*N.current,10)+"%",left:H.current.scrollLeft/e*100+"%",bottom:r+"px"})),F.current>=1?l.DomHandler.addClass(S.current,"p-scrollpanel-hidden"):(l.DomHandler.removeClass(S.current,"p-scrollpanel-hidden"),l.DomHandler.applyStyle(S.current,{height:Math.max(100*F.current,10)+"%",top:"calc("+H.current.scrollTop/n*100+"% - "+E.current.clientHeight+"px)",right:t+"px"}))}))},W=function(e){E.current.isSameNode(e.target)?g("horizontal"):S.current.isSameNode(e.target)&&g("vertical")},Y=function(){"horizontal"===v&&g("vertical")},q=function(e){P.current?K(e):(T.current||K(e),X(e))},K=function(e){var r=e.pageX-z.current;z.current=e.pageX,I.current=window.requestAnimationFrame((function(){H.current.scrollLeft+=r/N.current}))},X=function(e){var r=e.pageY-M.current;M.current=e.pageY,I.current=window.requestAnimationFrame((function(){H.current.scrollTop+=r/F.current}))},$=function(e){l.DomHandler.removeClass(S.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",q),document.removeEventListener("mouseup",$),P.current=!1,T.current=!1},G=function(e){if("vertical"===v)switch(e.code){case"ArrowDown":V("scrollTop",s.step),e.preventDefault();break;case"ArrowUp":V("scrollTop",-1*s.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===v)switch(e.code){case"ArrowRight":V("scrollLeft",s.step),e.preventDefault();break;case"ArrowLeft":V("scrollLeft",-1*s.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},J=function(){Z()},Q=function(e,r){H.current[e]+=r,_()},V=function(e,r){Z(),k.current=setTimeout((function(){Q(e,r)}),40)},Z=function(){k.current&&clearTimeout(k.current)},ee=function(){_()};o.useMountEffect((function(){var e,r,n;s.id||f(l.UniqueComponentId()),_(),window.addEventListener("resize",_),e=getComputedStyle(D.current),r=getComputedStyle(E.current),n=l.DomHandler.getHeight(D.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(D.current.style.height=H.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:H.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),U.current=!0})),o.useUnmountEffect((function(){U.current&&window.removeEventListener("resize",_),I.current&&window.cancelAnimationFrame(I.current)})),c.useImperativeHandle(r,(function(){return{props:s,refresh:ee,getElement:function(){return D.current},getContent:function(){return H.current},getXBar:function(){return E.current},getYBar:function(){return S.current}}}));var re=a({id:s.id,ref:D,style:s.style,className:l.classNames(s.className,x("root"))},h.getOtherProps(s),w("root")),ne=a({className:x("wrapper")},w("wrapper")),te=a({className:x("content"),onScroll:function(e){A!==e.target.scrollLeft?(R(e.target.scrollLeft),g("horizontal")):O!==e.target.scrollTop&&(j(e.target.scrollTop),g("vertical")),_()},onMouseEnter:_},w("content")),oe=a({ref:E,role:"scrollbar",className:x("barx"),tabIndex:0,"aria-valuenow":O,"aria-controls":B,"aria-orientation":"horizontal",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){P.current=!0,z.current=e.pageX,l.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("barx")),le=a({ref:S,role:"scrollbar",className:x("bary"),tabIndex:0,"aria-valuenow":A,"aria-controls":B,"aria-orientation":"vertical",onFocus:W,onBlur:Y,onKeyDown:G,onKeyUp:J,onMouseDown:function(e){T.current=!0,M.current=e.pageY,l.DomHandler.addClass(S.current,"p-scrollpanel-grabbed"),l.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",q),document.addEventListener("mouseup",$),e.preventDefault()}},w("bary"));return c.createElement("div",re,c.createElement("div",ne,c.createElement("div",u({ref:H},te),s.children)),c.createElement("div",oe),c.createElement("div",le))}));return b.displayName="ScrollPanel",e.ScrollPanel=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/scrolltop/scrolltop.cjs.js

@@ -179,7 +179,7 @@ var ScrollTopBase = componentbase.ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var ScrollTop = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],

package/scrolltop/scrolltop.esm.js

@@ -152,7 +152,7 @@ var ScrollTopBase = ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var ScrollTop = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],

package/scrolltop/scrolltop.js

@@ -169,7 +169,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
 
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-  var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var ScrollTop = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],

package/selectbutton/selectbutton.cjs.js

@@ -276,7 +276,7 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
-var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var SelectButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SelectButtonBase.getProps(inProps, context);

package/selectbutton/selectbutton.esm.js

@@ -252,7 +252,7 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
-var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var SelectButton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SelectButtonBase.getProps(inProps, context);

package/selectbutton/selectbutton.js

@@ -267,7 +267,7 @@ this.primereact.selectbutton = (function (exports, React, api, componentbase, ho
   });
   SelectButtonItem.displayName = 'SelectButtonItem';
 
-  var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var SelectButton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SelectButtonBase.getProps(inProps, context);

package/sidebar/sidebar.d.ts

@@ -9,6 +9,7 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps as ReactCSSTransitionProps } from 'react-transition-group/CSSTransition';
+import { Button } from '../button/button';
 import { ComponentHooks } from '../componentbase/componentbase';
 import { CSSTransitionProps } from '../csstransition';
 import { PassThroughOptions } from '../passthrough';
@@ -92,7 +93,7 @@ interface ContentProps {
     /**
      * Allows you to specify the close button of the sidebar.
      */
-    closeIconRef: React.RefObject<HTMLButtonElement | HTMLElement>;
+    closeIconRef: React.RefObject<HTMLButtonElement | HTMLElement | Button>;
     /**
      * Callback for hiding the sidebar.
      * @param {React.SyntheticEvent} event - Used to get the event of the element.

package/skeleton/skeleton.cjs.js

@@ -106,7 +106,7 @@ var SkeletonBase = componentbase.ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+var Skeleton = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SkeletonBase.getProps(inProps, context);

package/skeleton/skeleton.esm.js

@@ -82,7 +82,7 @@ var SkeletonBase = ComponentBase.extend({
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+var Skeleton = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SkeletonBase.getProps(inProps, context);