primereact 8.2.0 → 8.5.0

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

@@ -1531,30 +1531,29 @@
   background: #4F46E5;
 }
 
-.p-rating .p-rating-icon {
+.p-rating {
+  gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
   color: #3f3f46;
-  margin-left: 0.5rem;
   transition: none;
   font-size: 1.143rem;
 }
-.p-rating .p-rating-icon.p-rating-cancel {
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
   color: #EF4444;
 }
-.p-rating .p-rating-icon:focus {
+.p-rating .p-rating-item:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 1px #6366F1;
 }
-.p-rating .p-rating-icon:first-child {
-  margin-left: 0;
-}
-.p-rating .p-rating-icon.pi-star-fill {
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
   color: #4F46E5;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
   color: #4F46E5;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
   color: #DC2626;
 }
 
@@ -2799,7 +2798,8 @@
   background: #fafafa;
 }
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
   background-color: #fafafa;
 }
 .p-datatable .p-datatable-loading-icon {
@@ -3378,6 +3378,19 @@
   border-top-right-radius: 0.375rem;
   border-top-left-radius: 0.375rem;
 }
+.p-orderlist .p-orderlist-filter-container {
+  padding: 1.25rem;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-bottom: 0 none;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
+  padding-right: 1.75rem;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
+  right: 0.75rem;
+  color: #71717A;
+}
 .p-orderlist .p-orderlist-list {
   border: 1px solid #e5e7eb;
   background: #ffffff;
@@ -3407,6 +3420,12 @@
   color: #312E81;
   background: #EEF2FF;
 }
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+  background: #fcfcfc;
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+  background: #f4f4f5;
+}
 
 @media screen and (max-width: 769px) {
   .p-orderlist {

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

@@ -1496,30 +1496,29 @@
   background: #2396f2;
 }
 
-.p-rating .p-rating-icon {
+.p-rating {
+  gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
   color: rgba(255, 255, 255, 0.87);
-  margin-left: 0.5rem;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   font-size: 1.143rem;
 }
-.p-rating .p-rating-icon.p-rating-cancel {
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
-.p-rating .p-rating-icon:focus {
+.p-rating .p-rating-item:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 1px #93cbf9;
 }
-.p-rating .p-rating-icon:first-child {
-  margin-left: 0;
-}
-.p-rating .p-rating-icon.pi-star-fill {
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
   color: #64B5F6;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
   color: #64B5F6;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
 
@@ -2764,7 +2763,8 @@
   background: #1f2d40;
 }
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
   background-color: #1f2d40;
 }
 .p-datatable .p-datatable-loading-icon {
@@ -3343,6 +3343,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-orderlist .p-orderlist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-orderlist .p-orderlist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -3372,6 +3385,12 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(100, 181, 246, 0.16);
 }
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+  background: rgba(255, 255, 255, 0.01);
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
 
 @media screen and (max-width: 960px) {
   .p-orderlist {

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

@@ -1496,30 +1496,29 @@
   background: #54b358;
 }
 
-.p-rating .p-rating-icon {
+.p-rating {
+  gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
   color: rgba(255, 255, 255, 0.87);
-  margin-left: 0.5rem;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   font-size: 1.143rem;
 }
-.p-rating .p-rating-icon.p-rating-cancel {
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
-.p-rating .p-rating-icon:focus {
+.p-rating .p-rating-item:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 1px #a7d8a9;
 }
-.p-rating .p-rating-icon:first-child {
-  margin-left: 0;
-}
-.p-rating .p-rating-icon.pi-star-fill {
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
   color: #81C784;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
   color: #81C784;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
 
@@ -2764,7 +2763,8 @@
   background: #1f2d40;
 }
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
   background-color: #1f2d40;
 }
 .p-datatable .p-datatable-loading-icon {
@@ -3343,6 +3343,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-orderlist .p-orderlist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-orderlist .p-orderlist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -3372,6 +3385,12 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(129, 199, 132, 0.16);
 }
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+  background: rgba(255, 255, 255, 0.01);
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
 
 @media screen and (max-width: 960px) {
   .p-orderlist {

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

@@ -1496,30 +1496,29 @@
   background: #ffc50c;
 }
 
-.p-rating .p-rating-icon {
+.p-rating {
+  gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
   color: rgba(255, 255, 255, 0.87);
-  margin-left: 0.5rem;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   font-size: 1.143rem;
 }
-.p-rating .p-rating-icon.p-rating-cancel {
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
-.p-rating .p-rating-icon:focus {
+.p-rating .p-rating-item:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 1px #ffe284;
 }
-.p-rating .p-rating-icon:first-child {
-  margin-left: 0;
-}
-.p-rating .p-rating-icon.pi-star-fill {
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
   color: #FFD54F;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
   color: #FFD54F;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
 
@@ -2764,7 +2763,8 @@
   background: #1f2d40;
 }
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
   background-color: #1f2d40;
 }
 .p-datatable .p-datatable-loading-icon {
@@ -3343,6 +3343,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-orderlist .p-orderlist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-orderlist .p-orderlist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -3372,6 +3385,12 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(255, 213, 79, 0.16);
 }
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+  background: rgba(255, 255, 255, 0.01);
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
 
 @media screen and (max-width: 960px) {
   .p-orderlist {

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

@@ -1496,30 +1496,29 @@
   background: #a241b2;
 }
 
-.p-rating .p-rating-icon {
+.p-rating {
+  gap: 0.5rem;
+}
+.p-rating .p-rating-item .p-rating-icon {
   color: rgba(255, 255, 255, 0.87);
-  margin-left: 0.5rem;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   font-size: 1.143rem;
 }
-.p-rating .p-rating-icon.p-rating-cancel {
+.p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
-.p-rating .p-rating-icon:focus {
+.p-rating .p-rating-item:focus {
   outline: 0 none;
   outline-offset: 0;
   box-shadow: 0 0 0 1px #cf95d9;
 }
-.p-rating .p-rating-icon:first-child {
-  margin-left: 0;
-}
-.p-rating .p-rating-icon.pi-star-fill {
+.p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
   color: #BA68C8;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
   color: #BA68C8;
 }
-.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
+.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
   color: #F48FB1;
 }
 
@@ -2764,7 +2763,8 @@
   background: #1f2d40;
 }
 .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
-.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot {
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
+.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
   background-color: #1f2d40;
 }
 .p-datatable .p-datatable-loading-icon {
@@ -3343,6 +3343,19 @@
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
 }
+.p-orderlist .p-orderlist-filter-container {
+  padding: 1rem;
+  background: #1f2d40;
+  border: 1px solid #304562;
+  border-bottom: 0 none;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
+  padding-right: 1.5rem;
+}
+.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
+  right: 0.5rem;
+  color: rgba(255, 255, 255, 0.6);
+}
 .p-orderlist .p-orderlist-list {
   border: 1px solid #304562;
   background: #1f2d40;
@@ -3372,6 +3385,12 @@
   color: rgba(255, 255, 255, 0.87);
   background: rgba(186, 104, 200, 0.16);
 }
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
+  background: rgba(255, 255, 255, 0.01);
+}
+.p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
+  background: rgba(255, 255, 255, 0.03);
+}
 
 @media screen and (max-width: 960px) {
   .p-orderlist {

package/ripple/ripple.d.ts

@@ -4,4 +4,4 @@ export interface RippleProps {
     children?: React.ReactNode;
 }
 
-export declare class Ripple extends React.Component<RippleProps, any> { }
+export declare class Ripple extends React.Component<RippleProps, any> {}

package/row/row.d.ts

@@ -6,4 +6,4 @@ export interface RowProps {
     children?: React.ReactNode;
 }
 
-export declare class Row extends React.Component<RowProps, any> { }
+export declare class Row extends React.Component<RowProps, any> {}

package/scrollpanel/scrollpanel.cjs.js

@@ -67,7 +67,7 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
       if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
         containerRef.current.style.height = containerStyles['max-height'];
       } else {
-        containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + "px";
+        containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
       }
     }
   };
@@ -178,7 +178,20 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
-      refresh: refresh
+      props: props,
+      refresh: refresh,
+      getElement: function getElement() {
+        return containerRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      },
+      getXBar: function getXBar() {
+        return xBarRef.current;
+      },
+      getYBar: function getYBar() {
+        return yBarRef.current;
+      }
     };
   });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);

package/scrollpanel/scrollpanel.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),n=require("primereact/hooks"),t=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(r);function c(){return c=Object.assign||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)}var o=a.forwardRef((function(r,l){var u=a.useRef(null),s=a.useRef(null),i=a.useRef(null),d=a.useRef(null),p=a.useRef(!1),m=a.useRef(!1),f=a.useRef(null),h=a.useRef(null),v=a.useRef(null),g=a.useRef(null),b=a.useRef(null),y=a.useRef(!1),H=function(){var e=s.current.scrollWidth,r=-1*(u.current.clientHeight-i.current.clientHeight);v.current=s.current.clientWidth/e;var n=s.current.scrollHeight,l=-1*(u.current.clientWidth-d.current.clientWidth);g.current=s.current.clientHeight/n,b.current=window.requestAnimationFrame((function(){v.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*v.current,10)+"%; left:"+s.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),g.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*g.current,10)+"%; top: calc("+s.current.scrollTop/n*100+"% - "+i.current.clientHeight+"px);right:"+l+"px;")}))},w=function(e){p?D(e):(m||D(e),E(e))},D=function(e){var r=e.pageX-f.current;f.current=e.pageX,b.current=window.requestAnimationFrame((function(){s.current.scrollLeft+=r/v.current}))},E=function(r){var n=r.pageY-h.current;h.current=e.pageY,b.current=window.requestAnimationFrame((function(){s.current.scrollTop+=n/g.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",w),document.removeEventListener("mouseup",e),p.current=!1,m.current=!1},C=function(){H()};n.useMountEffect((function(){var e,r,n;H(),window.addEventListener("resize",H),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"),y.current=!0})),n.useUnmountEffect((function(){y.current&&window.removeEventListener("resize",H),b.current&&window.cancelAnimationFrame(b.current)})),a.useImperativeHandle(l,(function(){return{refresh:C}}));var R=t.ObjectUtils.findDiffKeys(r,o.defaultProps),O=t.classNames("p-scrollpanel p-component",r.className);return a.createElement("div",c({ref:u,id:r.id,className:O,style:r.style},R),a.createElement("div",{className:"p-scrollpanel-wrapper"},a.createElement("div",{ref:s,className:"p-scrollpanel-content",onScroll:H,onMouseEnter:H},r.children)),a.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",x),e.preventDefault()}}),a.createElement("div",{ref:d,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){m.current=!0,h.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",x),e.preventDefault()}}))}));o.displayName="ScrollPanel",o.defaultProps={__TYPE:"ScrollPanel",id:null,style:null,className:null},exports.ScrollPanel=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),n=require("primereact/hooks"),t=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 c=l(r);function u(){return u=Object.assign||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)}var a=c.forwardRef((function(r,l){var o=c.useRef(null),s=c.useRef(null),i=c.useRef(null),d=c.useRef(null),p=c.useRef(!1),m=c.useRef(!1),f=c.useRef(null),g=c.useRef(null),h=c.useRef(null),v=c.useRef(null),b=c.useRef(null),y=c.useRef(!1),H=function(){var e=s.current.scrollWidth,r=-1*(o.current.clientHeight-i.current.clientHeight);h.current=s.current.clientWidth/e;var n=s.current.scrollHeight,l=-1*(o.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?E(e):(m||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(r){var n=r.pageY-g.current;g.current=e.pageY,b.current=window.requestAnimationFrame((function(){s.current.scrollTop+=n/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",w),document.removeEventListener("mouseup",e),p.current=!1,m.current=!1},C=function(){H()};n.useMountEffect((function(){var e,r,n;H(),window.addEventListener("resize",H),e=getComputedStyle(o.current),r=getComputedStyle(i.current),n=t.DomHandler.getHeight(o.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(o.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})),n.useUnmountEffect((function(){y.current&&window.removeEventListener("resize",H),b.current&&window.cancelAnimationFrame(b.current)})),c.useImperativeHandle(l,(function(){return{props:r,refresh:C,getElement:function(){return o.current},getContent:function(){return s.current},getXBar:function(){return i.current},getYBar:function(){return d.current}}}));var R=t.ObjectUtils.findDiffKeys(r,a.defaultProps),O=t.classNames("p-scrollpanel p-component",r.className);return c.createElement("div",u({ref:o,id:r.id,className:O,style:r.style},R),c.createElement("div",{className:"p-scrollpanel-wrapper"},c.createElement("div",{ref:s,className:"p-scrollpanel-content",onScroll:H,onMouseEnter:H},r.children)),c.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",x),e.preventDefault()}}),c.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",x),e.preventDefault()}}))}));a.displayName="ScrollPanel",a.defaultProps={__TYPE:"ScrollPanel",id:null,style:null,className:null},exports.ScrollPanel=a;

package/scrollpanel/scrollpanel.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
 
-export interface ScrollPanelProps {
-    id?: string;
-    style?: object;
-    className?: string;
+export interface ScrollPanelProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     children?: React.ReactNode;
 }
 
-export declare class ScrollPanel extends React.Component<ScrollPanelProps, any> { }
+export declare class ScrollPanel extends React.Component<ScrollPanelProps, any> {
+    public getElement(): HTMLDivElement;
+    public getContent(): HTMLDivElement;
+    public getXBar(): HTMLDivElement;
+    public getYBar(): HTMLDivElement;
+}

package/scrollpanel/scrollpanel.esm.js

@@ -43,7 +43,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
         containerRef.current.style.height = containerStyles['max-height'];
       } else {
-        containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + "px";
+        containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
       }
     }
   };
@@ -154,7 +154,20 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   React.useImperativeHandle(ref, function () {
     return {
-      refresh: refresh
+      props: props,
+      refresh: refresh,
+      getElement: function getElement() {
+        return containerRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      },
+      getXBar: function getXBar() {
+        return xBarRef.current;
+      },
+      getYBar: function getYBar() {
+        return yBarRef.current;
+      }
     };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);

package/scrollpanel/scrollpanel.esm.min.js

@@ -1 +1 @@
-import*as r from"react";import{useMountEffect as t,useUnmountEffect as n}from"primereact/hooks";import{ObjectUtils as l,classNames as c,DomHandler as a}from"primereact/utils";function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var u=r.forwardRef((function(s,i){var p=r.useRef(null),d=r.useRef(null),m=r.useRef(null),f=r.useRef(null),h=r.useRef(!1),v=r.useRef(!1),g=r.useRef(null),b=r.useRef(null),w=r.useRef(null),y=r.useRef(null),E=r.useRef(null),x=r.useRef(!1),C=function(){var e=d.current.scrollWidth,r=-1*(p.current.clientHeight-m.current.clientHeight);w.current=d.current.clientWidth/e;var t=d.current.scrollHeight,n=-1*(p.current.clientWidth-f.current.clientWidth);y.current=d.current.clientHeight/t,E.current=window.requestAnimationFrame((function(){w.current>=1?a.addClass(m.current,"p-scrollpanel-hidden"):(a.removeClass(m.current,"p-scrollpanel-hidden"),m.current.style.cssText="width:"+Math.max(100*w.current,10)+"%; left:"+d.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),y.current>=1?a.addClass(f.current,"p-scrollpanel-hidden"):(a.removeClass(f.current,"p-scrollpanel-hidden"),f.current.style.cssText="height:"+Math.max(100*y.current,10)+"%; top: calc("+d.current.scrollTop/t*100+"% - "+m.current.clientHeight+"px);right:"+n+"px;")}))},R=function(e){h?L(e):(v||L(e),H(e))},L=function(e){var r=e.pageX-g.current;g.current=e.pageX,E.current=window.requestAnimationFrame((function(){d.current.scrollLeft+=r/w.current}))},H=function(r){var t=r.pageY-b.current;b.current=e.pageY,E.current=window.requestAnimationFrame((function(){d.current.scrollTop+=t/y.current}))},F=function e(r){a.removeClass(f.current,"p-scrollpanel-grabbed"),a.removeClass(m.current,"p-scrollpanel-grabbed"),a.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",R),document.removeEventListener("mouseup",e),h.current=!1,v.current=!1},N=function(){C()};t((function(){var e,r,t;C(),window.addEventListener("resize",C),e=getComputedStyle(p.current),r=getComputedStyle(m.current),t=a.getHeight(p.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===t&&(p.current.style.height=d.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:d.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),x.current=!0})),n((function(){x.current&&window.removeEventListener("resize",C),E.current&&window.cancelAnimationFrame(E.current)})),r.useImperativeHandle(i,(function(){return{refresh:N}}));var T=l.findDiffKeys(s,u.defaultProps),P=c("p-scrollpanel p-component",s.className);return r.createElement("div",o({ref:p,id:s.id,className:P,style:s.style},T),r.createElement("div",{className:"p-scrollpanel-wrapper"},r.createElement("div",{ref:d,className:"p-scrollpanel-content",onScroll:C,onMouseEnter:C},s.children)),r.createElement("div",{ref:m,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){h.current=!0,g.current=e.pageX,a.addClass(m.current,"p-scrollpanel-grabbed"),a.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",F),e.preventDefault()}}),r.createElement("div",{ref:f,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){v.current=!0,b.current=e.pageY,a.addClass(f.current,"p-scrollpanel-grabbed"),a.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",F),e.preventDefault()}}))}));u.displayName="ScrollPanel",u.defaultProps={__TYPE:"ScrollPanel",id:null,style:null,className:null};export{u as ScrollPanel};
+import*as r from"react";import{useMountEffect as t,useUnmountEffect as n}from"primereact/hooks";import{ObjectUtils as l,classNames as c,DomHandler as u}from"primereact/utils";function o(){return o=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},o.apply(this,arguments)}var a=r.forwardRef((function(s,i){var p=r.useRef(null),d=r.useRef(null),m=r.useRef(null),f=r.useRef(null),h=r.useRef(!1),g=r.useRef(!1),v=r.useRef(null),b=r.useRef(null),w=r.useRef(null),y=r.useRef(null),E=r.useRef(null),C=r.useRef(!1),x=function(){var e=d.current.scrollWidth,r=-1*(p.current.clientHeight-m.current.clientHeight);w.current=d.current.clientWidth/e;var t=d.current.scrollHeight,n=-1*(p.current.clientWidth-f.current.clientWidth);y.current=d.current.clientHeight/t,E.current=window.requestAnimationFrame((function(){w.current>=1?u.addClass(m.current,"p-scrollpanel-hidden"):(u.removeClass(m.current,"p-scrollpanel-hidden"),m.current.style.cssText="width:"+Math.max(100*w.current,10)+"%; left:"+d.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),y.current>=1?u.addClass(f.current,"p-scrollpanel-hidden"):(u.removeClass(f.current,"p-scrollpanel-hidden"),f.current.style.cssText="height:"+Math.max(100*y.current,10)+"%; top: calc("+d.current.scrollTop/t*100+"% - "+m.current.clientHeight+"px);right:"+n+"px;")}))},R=function(e){h?L(e):(g||L(e),H(e))},L=function(e){var r=e.pageX-v.current;v.current=e.pageX,E.current=window.requestAnimationFrame((function(){d.current.scrollLeft+=r/w.current}))},H=function(r){var t=r.pageY-b.current;b.current=e.pageY,E.current=window.requestAnimationFrame((function(){d.current.scrollTop+=t/y.current}))},F=function e(r){u.removeClass(f.current,"p-scrollpanel-grabbed"),u.removeClass(m.current,"p-scrollpanel-grabbed"),u.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",R),document.removeEventListener("mouseup",e),h.current=!1,g.current=!1},N=function(){x()};t((function(){var e,r,t;x(),window.addEventListener("resize",x),e=getComputedStyle(p.current),r=getComputedStyle(m.current),t=u.getHeight(p.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===t&&(p.current.style.height=d.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:d.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),C.current=!0})),n((function(){C.current&&window.removeEventListener("resize",x),E.current&&window.cancelAnimationFrame(E.current)})),r.useImperativeHandle(i,(function(){return{props:s,refresh:N,getElement:function(){return p.current},getContent:function(){return d.current},getXBar:function(){return m.current},getYBar:function(){return f.current}}}));var T=l.findDiffKeys(s,a.defaultProps),P=c("p-scrollpanel p-component",s.className);return r.createElement("div",o({ref:p,id:s.id,className:P,style:s.style},T),r.createElement("div",{className:"p-scrollpanel-wrapper"},r.createElement("div",{ref:d,className:"p-scrollpanel-content",onScroll:x,onMouseEnter:x},s.children)),r.createElement("div",{ref:m,className:"p-scrollpanel-bar p-scrollpanel-bar-x",onMouseDown:function(e){h.current=!0,v.current=e.pageX,u.addClass(m.current,"p-scrollpanel-grabbed"),u.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",F),e.preventDefault()}}),r.createElement("div",{ref:f,className:"p-scrollpanel-bar p-scrollpanel-bar-y",onMouseDown:function(e){g.current=!0,b.current=e.pageY,u.addClass(f.current,"p-scrollpanel-grabbed"),u.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",R),document.addEventListener("mouseup",F),e.preventDefault()}}))}));a.displayName="ScrollPanel",a.defaultProps={__TYPE:"ScrollPanel",id:null,style:null,className:null};export{a as ScrollPanel};

package/scrollpanel/scrollpanel.js

@@ -63,7 +63,7 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
         if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
           containerRef.current.style.height = containerStyles['max-height'];
         } else {
-          containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + "px";
+          containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
         }
       }
     };
@@ -174,7 +174,20 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
-        refresh: refresh
+        props: props,
+        refresh: refresh,
+        getElement: function getElement() {
+          return containerRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        },
+        getXBar: function getXBar() {
+          return xBarRef.current;
+        },
+        getYBar: function getYBar() {
+          return yBarRef.current;
+        }
       };
     });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);

package/scrollpanel/scrollpanel.min.js

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

package/scrolltop/scrolltop.cjs.js

@@ -168,6 +168,14 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     props.onHide && props.onHide();
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
   });

package/scrolltop/scrolltop.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e),c=i(t);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return l}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return p(e)||f(e,t)||m(e,t)||y()}var v=u.memo(u.forwardRef((function(e,t){var i=h(u.useState(!1),2),a=i[0],p=i[1],f=u.useRef(null),d=u.useRef(null),m="parent"===e.target,y=h(n.useEventListener({target:function(){return d.current&&d.current.parentElement},type:"scroll",listener:function(e){g(e.currentTarget.scrollTop)}}),1)[0],b=h(n.useEventListener({target:"window",type:"scroll",listener:function(){g(l.DomHandler.getWindowScrollTop())}}),1)[0],g=function(t){p(t>e.threshold)};n.useMountEffect((function(){"window"===e.target?b():"parent"===e.target&&y()})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(f.current)}));var w=l.ObjectUtils.findDiffKeys(e,v.defaultProps),E=l.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.target},e.className);return u.createElement(u.Fragment,null,u.createElement(r.CSSTransition,{nodeRef:f,classNames:"p-scrolltop",in:a,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",f.current,c.default.autoZIndex,c.default.zIndex.overlay)},onEntered:function(){e.onShow&&e.onShow()},onExited:function(){l.ZIndexUtils.clear(f.current),e.onHide&&e.onHide()}},u.createElement("button",s({ref:f,type:"button",className:E,style:e.style},w,{onClick:function(){("window"===e.target?window:d.current.parentElement).scroll({top:0,behavior:e.behavior})}}),l.IconUtils.getJSXIcon(e.icon,{className:"p-scrolltop-icon"},{props:e}),u.createElement(o.Ripple,null))),m&&u.createElement("span",{ref:d,className:"p-scrolltop-helper"}))})));v.displayName="ScrollTop",v.defaultProps={__TYPE:"ScrollTop",target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},exports.ScrollTop=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=a(e),c=i(t);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l=[],i=!0,a=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(l.push(n.value),!t||l.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(a)throw o}}return l}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e,t){if(e){if("string"==typeof e)return d(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?d(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return p(e)||f(e,t)||m(e,t)||y()}var h=u.memo(u.forwardRef((function(e,t){var i=v(u.useState(!1),2),a=i[0],p=i[1],f=u.useRef(null),d=u.useRef(null),m="parent"===e.target,y=v(n.useEventListener({target:function(){return d.current&&d.current.parentElement},type:"scroll",listener:function(e){g(e.currentTarget.scrollTop)}}),1)[0],b=v(n.useEventListener({target:"window",type:"scroll",listener:function(){g(l.DomHandler.getWindowScrollTop())}}),1)[0],g=function(t){p(t>e.threshold)};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return elementRef.current}}})),n.useMountEffect((function(){"window"===e.target?b():"parent"===e.target&&y()})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(f.current)}));var w=l.ObjectUtils.findDiffKeys(e,h.defaultProps),E=l.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.target},e.className);return u.createElement(u.Fragment,null,u.createElement(r.CSSTransition,{nodeRef:f,classNames:"p-scrolltop",in:a,timeout:{enter:150,exit:150},options:e.transitionOptions,unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",f.current,c.default.autoZIndex,c.default.zIndex.overlay)},onEntered:function(){e.onShow&&e.onShow()},onExited:function(){l.ZIndexUtils.clear(f.current),e.onHide&&e.onHide()}},u.createElement("button",s({ref:f,type:"button",className:E,style:e.style},w,{onClick:function(){("window"===e.target?window:d.current.parentElement).scroll({top:0,behavior:e.behavior})}}),l.IconUtils.getJSXIcon(e.icon,{className:"p-scrolltop-icon"},{props:e}),u.createElement(o.Ripple,null))),m&&u.createElement("span",{ref:d,className:"p-scrolltop-helper"}))})));h.displayName="ScrollTop",h.defaultProps={__TYPE:"ScrollTop",target:"window",threshold:400,icon:"pi pi-chevron-up",behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null},exports.ScrollTop=h;