primereact 9.3.1 → 9.4.0

package/resources/themes/lara-light-indigo/theme.css

@@ -4351,6 +4351,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/lara-light-purple/theme.css

@@ -4351,6 +4351,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/lara-light-teal/theme.css

@@ -4351,6 +4351,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/luna-amber/theme.css

@@ -4363,6 +4363,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/luna-blue/theme.css

@@ -4363,6 +4363,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/luna-green/theme.css

@@ -4363,6 +4363,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/luna-pink/theme.css

@@ -4363,6 +4363,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/md-dark-deeppurple/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/md-dark-indigo/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/md-light-deeppurple/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/md-light-indigo/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/mdc-dark-deeppurple/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/mdc-dark-indigo/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/mdc-light-deeppurple/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/mdc-light-indigo/theme.css

@@ -4397,6 +4397,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/mira/theme.css

@@ -4400,6 +4400,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/nano/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/nova/theme.css

@@ -4363,6 +4363,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/nova-accent/theme.css

@@ -4351,6 +4351,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/nova-alt/theme.css

@@ -4363,6 +4363,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/rhea/theme.css

@@ -4351,6 +4351,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/saga-blue/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/saga-green/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/saga-orange/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/saga-purple/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

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

@@ -4372,6 +4372,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

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

@@ -4372,6 +4372,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

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

@@ -4406,6 +4406,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/vela-blue/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/vela-green/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/vela-orange/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/resources/themes/vela-purple/theme.css

@@ -4376,6 +4376,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

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

@@ -4404,6 +4404,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

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

@@ -4404,6 +4404,9 @@
   margin: 0 0.5rem 0 0;
   width: auto;
 }
+.p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
+  border-radius: 0;
+}
 .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 2rem;
 }

package/scrollpanel/scrollpanel.cjs.js

@@ -5,60 +5,44 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var ScrollPanelBase = {
+var ScrollPanelBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ScrollPanel',
     id: null,
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ScrollPanelBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ScrollPanelBase.defaultProps);
   }
-};
+});
 
 var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = ScrollPanelBase.getProps(inProps);
+  var _ScrollPanelBase$setM = ScrollPanelBase.setMetaData({
+      props: props
+    }),
+    ptm = _ScrollPanelBase$setM.ptm;
   var containerRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var xBarRef = React__namespace.useRef(null);
@@ -196,29 +180,32 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
       }
     };
   });
-  var otherProps = ScrollPanelBase.getOtherProps(props);
-  var className = utils.classNames('p-scrollpanel p-component', props.className);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    ref: containerRef,
+  var rootProps = utils.mergeProps({
     id: props.id,
-    className: className,
-    style: props.style
-  }, otherProps), /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-scrollpanel-wrapper"
-  }, /*#__PURE__*/React__namespace.createElement("div", {
+    ref: containerRef,
+    style: props.style,
+    className: utils.classNames('p-scrollpanel p-component', props.className)
+  }, ScrollPanelBase.getOtherProps(props), ptm('root'));
+  var wrapperProps = utils.mergeProps({
+    className: 'p-scrollpanel-wrapper'
+  }, ptm('wrapper'));
+  var contentProps = utils.mergeProps({
+    className: 'p-scrollpanel-content',
     ref: contentRef,
-    className: "p-scrollpanel-content",
     onScroll: moveBar,
     onMouseEnter: moveBar
-  }, props.children)), /*#__PURE__*/React__namespace.createElement("div", {
+  }, ptm('content'));
+  var barXProps = utils.mergeProps({
     ref: xBarRef,
-    className: "p-scrollpanel-bar p-scrollpanel-bar-x",
+    className: 'p-scrollpanel-bar p-scrollpanel-bar-x',
     onMouseDown: onXBarMouseDown
-  }), /*#__PURE__*/React__namespace.createElement("div", {
+  }, ptm('barx'));
+  var barYProps = utils.mergeProps({
     ref: yBarRef,
-    className: "p-scrollpanel-bar p-scrollpanel-bar-y",
+    className: 'p-scrollpanel-bar p-scrollpanel-bar-y',
     onMouseDown: onYBarMouseDown
-  }));
+  }, ptm('bary'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, props.children)), /*#__PURE__*/React__namespace.createElement("div", barXProps), /*#__PURE__*/React__namespace.createElement("div", barYProps));
 });
 ScrollPanel.displayName = 'ScrollPanel';
 

package/scrollpanel/scrollpanel.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 l=n(e);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},c.apply(this,arguments)}var u={defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0},getProps:function(e){return t.ObjectUtils.getMergedProps(e,u.defaultProps)},getOtherProps:function(e){return t.ObjectUtils.getDiffProps(e,u.defaultProps)}},o=l.forwardRef((function(e,n){var o=u.getProps(e),a=l.useRef(null),s=l.useRef(null),i=l.useRef(null),d=l.useRef(null),p=l.useRef(!1),m=l.useRef(!1),f=l.useRef(null),g=l.useRef(null),h=l.useRef(null),v=l.useRef(null),b=l.useRef(null),H=l.useRef(!1),y=function(){var e=s.current.scrollWidth,r=-1*(a.current.clientHeight-i.current.clientHeight);h.current=s.current.clientWidth/e;var n=s.current.scrollHeight,l=-1*(a.current.clientWidth-d.current.clientWidth);v.current=s.current.clientHeight/n,b.current=window.requestAnimationFrame((function(){h.current>=1?t.DomHandler.addClass(i.current,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(i.current,"p-scrollpanel-hidden"),i.current.style.cssText="width:"+Math.max(100*h.current,10)+"%; left:"+s.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),v.current>=1?t.DomHandler.addClass(d.current,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(d.current,"p-scrollpanel-hidden"),d.current.style.cssText="height:"+Math.max(100*v.current,10)+"%; top: calc("+s.current.scrollTop/n*100+"% - "+i.current.clientHeight+"px);right:"+l+"px;")}))},w=function(e){p.current?E(e):(m.current||E(e),D(e))},E=function(e){var r=e.pageX-f.current;f.current=e.pageX,b.current=window.requestAnimationFrame((function(){s.current.scrollLeft+=r/h.current}))},D=function(e){var r=e.pageY-g.current;g.current=e.pageY,b.current=window.requestAnimationFrame((function(){s.current.scrollTop+=r/v.current}))},P=function e(r){t.DomHandler.removeClass(d.current,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(i.current,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",w),document.removeEventListener("mouseup",e),p.current=!1,m.current=!1},O=function(){y()};r.useMountEffect((function(){var e,r,n;y(),window.addEventListener("resize",y),e=getComputedStyle(a.current),r=getComputedStyle(i.current),n=t.DomHandler.getHeight(a.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(a.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"),H.current=!0})),r.useUnmountEffect((function(){H.current&&window.removeEventListener("resize",y),b.current&&window.cancelAnimationFrame(b.current)})),l.useImperativeHandle(n,(function(){return{props:o,refresh:O,getElement:function(){return a.current},getContent:function(){return s.current},getXBar:function(){return i.current},getYBar:function(){return d.current}}}));var x=u.getOtherProps(o),C=t.classNames("p-scrollpanel p-component",o.className);return l.createElement("div",c({ref:a,id:o.id,className:C,style:o.style},x),l.createElement("div",{className:"p-scrollpanel-wrapper"},l.createElement("div",{ref:s,className:"p-scrollpanel-content",onScroll:y,onMouseEnter:y},o.children)),l.createElement("div",{ref:i,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){p.current=!0,f.current=e.pageX,t.DomHandler.addClass(i.current,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",w),document.addEventListener("mouseup",P),e.preventDefault()}}),l.createElement("div",{ref:d,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){m.current=!0,g.current=e.pageY,t.DomHandler.addClass(d.current,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",w),document.addEventListener("mouseup",P),e.preventDefault()}}))}));o.displayName="ScrollPanel",exports.ScrollPanel=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/hooks"),t=require("primereact/utils"),n=require("primereact/componentbase");function l(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 o=l(e),c=n.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0}}),a=o.forwardRef((function(e,n){var l=c.getProps(e),a=c.setMetaData({props:l}).ptm,u=o.useRef(null),s=o.useRef(null),i=o.useRef(null),d=o.useRef(null),p=o.useRef(!1),m=o.useRef(!1),f=o.useRef(null),g=o.useRef(null),h=o.useRef(null),v=o.useRef(null),b=o.useRef(null),H=o.useRef(!1),w=function(){var e=s.current.scrollWidth,r=-1*(u.current.clientHeight-i.current.clientHeight);h.current=s.current.clientWidth/e;var n=s.current.scrollHeight,l=-1*(u.current.clientWidth-d.current.clientWidth);v.current=s.current.clientHeight/n,b.current=window.requestAnimationFrame((function(){h.current>=1?t.DomHandler.addClass(i.current,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(i.current,"p-scrollpanel-hidden"),i.current.style.cssText="width:"+Math.max(100*h.current,10)+"%; left:"+s.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),v.current>=1?t.DomHandler.addClass(d.current,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(d.current,"p-scrollpanel-hidden"),d.current.style.cssText="height:"+Math.max(100*v.current,10)+"%; top: calc("+s.current.scrollTop/n*100+"% - "+i.current.clientHeight+"px);right:"+l+"px;")}))},E=function(e){p.current?y(e):(m.current||y(e),D(e))},y=function(e){var r=e.pageX-f.current;f.current=e.pageX,b.current=window.requestAnimationFrame((function(){s.current.scrollLeft+=r/h.current}))},D=function(e){var r=e.pageY-g.current;g.current=e.pageY,b.current=window.requestAnimationFrame((function(){s.current.scrollTop+=r/v.current}))},x=function e(r){t.DomHandler.removeClass(d.current,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(i.current,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",E),document.removeEventListener("mouseup",e),p.current=!1,m.current=!1},C=function(){w()};r.useMountEffect((function(){var e,r,n;w(),window.addEventListener("resize",w),e=getComputedStyle(u.current),r=getComputedStyle(i.current),n=t.DomHandler.getHeight(u.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(u.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"),H.current=!0})),r.useUnmountEffect((function(){H.current&&window.removeEventListener("resize",w),b.current&&window.cancelAnimationFrame(b.current)})),o.useImperativeHandle(n,(function(){return{props:l,refresh:C,getElement:function(){return u.current},getContent:function(){return s.current},getXBar:function(){return i.current},getYBar:function(){return d.current}}}));var P=t.mergeProps({id:l.id,ref:u,style:l.style,className:t.classNames("p-scrollpanel p-component",l.className)},c.getOtherProps(l),a("root")),R=t.mergeProps({className:"p-scrollpanel-wrapper"},a("wrapper")),L=t.mergeProps({className:"p-scrollpanel-content",ref:s,onScroll:w,onMouseEnter:w},a("content")),M=t.mergeProps({ref:i,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){p.current=!0,f.current=e.pageX,t.DomHandler.addClass(i.current,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",E),document.addEventListener("mouseup",x),e.preventDefault()}},a("barx")),N=t.mergeProps({ref:d,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){m.current=!0,g.current=e.pageY,t.DomHandler.addClass(d.current,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",E),document.addEventListener("mouseup",x),e.preventDefault()}},a("bary"));return o.createElement("div",P,o.createElement("div",R,o.createElement("div",L,l.children)),o.createElement("div",M),o.createElement("div",N))}));a.displayName="ScrollPanel",exports.ScrollPanel=a;

package/scrollpanel/scrollpanel.d.ts

@@ -8,6 +8,43 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils/utils';
+
+export declare type ScrollPanelThroughType<T> = PassThroughType<T, ScrollPanelThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ScrollPanelThroughMethodOptions {
+    props: ScrollPanelProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ScrollPanelProps.pt}
+ */
+export interface ScrollPanelPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ScrollPanelThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the wrapper's DOM element.
+     */
+    wrapper?: ScrollPanelThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: ScrollPanelThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the horizontal panel's DOM element.
+     */
+    barX?: ScrollPanelThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the vertical panel's DOM element.
+     */
+    barY?: ScrollPanelThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
 
 /**
  * Defines valid properties in ScrollPanel component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -19,6 +56,11 @@ export interface ScrollPanelProps extends Omit<React.DetailedHTMLProps<React.HTM
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ScrollPanelPassThroughOptions}
+     */
+    pt?: ScrollPanelPassThroughOptions;
 }
 
 /**