primereact 10.3.1 → 10.3.3

package/row/row.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.row = (function (exports, React, componentbase, utils, api) {
+this.primereact.row = (function (exports, React, api, hooks, componentbase, utils) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -35,6 +35,7 @@ this.primereact.row = (function (exports, React, componentbase, utils, api) {
     });
 
     var Row = function Row(inProps) {
+      var mergeProps = hooks.useMergeProps();
       var context = React__namespace.useContext(api.PrimeReactContext);
       var props = RowBase.getProps(inProps, context);
       //@todo Pass Parent MetaData
@@ -42,7 +43,7 @@ this.primereact.row = (function (exports, React, componentbase, utils, api) {
           props: props
         }),
         ptm = _RowBase$setMetaData.ptm;
-      var rootProps = utils.mergeProps({
+      var rootProps = mergeProps({
         className: props.className,
         style: props.style
       }, RowBase.getOtherProps(props), ptm('root'));
@@ -56,4 +57,4 @@ this.primereact.row = (function (exports, React, componentbase, utils, api) {
 
     return exports;
 
-})({}, React, primereact.componentbase, primereact.utils, primereact.api);
+})({}, React, primereact.api, primereact.hooks, primereact.componentbase, primereact.utils);

package/row/row.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.row=function(e,t,r,n,o){"use strict";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 c=a(t),s=r.ComponentBase.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return n.ObjectUtils.getComponentProp(e,t,s.defaultProps)}}),i=function(e){var t=c.useContext(o.PrimeReactContext),r=s.getProps(e,t),a=s.setMetaData({props:r}).ptm,i=n.mergeProps({className:r.className,style:r.style},s.getOtherProps(r),a("root"));return c.createElement("tr",i,r.children)};return i.displayName="Row",e.Row=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.componentbase,primereact.utils,primereact.api);
+this.primereact=this.primereact||{},this.primereact.row=function(e,t,r,o,n,a){"use strict";function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=c(t),i=n.ComponentBase.extend({defaultProps:{__TYPE:"Row",style:null,className:null,children:void 0},getCProp:function(e,t){return a.ObjectUtils.getComponentProp(e,t,i.defaultProps)}}),u=function(e){var t=o.useMergeProps(),n=s.useContext(r.PrimeReactContext),a=i.getProps(e,n),c=i.setMetaData({props:a}).ptm,u=t({className:a.className,style:a.style},i.getOtherProps(a),c("root"));return s.createElement("tr",u,a.children)};return u.displayName="Row",e.Row=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.componentbase,primereact.utils);

package/scrollpanel/scrollpanel.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
+var componentbase = require('primereact/componentbase');
 var hooks = require('primereact/hooks');
 var utils = require('primereact/utils');
-var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -124,6 +124,7 @@ var ScrollPanelBase = componentbase.ComponentBase.extend({
 });
 
 var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = ScrollPanelBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -378,21 +379,21 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
       }
     };
   });
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     ref: containerRef,
     style: props.style,
     className: cx('root')
   }, ScrollPanelBase.getOtherProps(props), ptm('root'));
-  var wrapperProps = utils.mergeProps({
+  var wrapperProps = mergeProps({
     className: cx('wrapper')
   }, ptm('wrapper'));
-  var contentProps = utils.mergeProps({
+  var contentProps = mergeProps({
     className: cx('content'),
     onScroll: onScroll,
     onMouseEnter: moveBar
   }, ptm('content'));
-  var barXProps = utils.mergeProps({
+  var barXProps = mergeProps({
     ref: xBarRef,
     role: 'scrollbar',
     className: cx('barx'),
@@ -406,7 +407,7 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, re
     onKeyUp: onKeyUp,
     onMouseDown: onXBarMouseDown
   }, ptm('barx'));
-  var barYProps = utils.mergeProps({
+  var barYProps = mergeProps({
     ref: yBarRef,
     role: 'scrollbar',
     className: cx('bary'),

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/hooks"),t=require("primereact/utils"),o=require("primereact/componentbase");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=o.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:function(e){return t.classNames("p-scrollpanel p-component",e.props.className)},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=a.useContext(r.PrimeReactContext),s=m.getProps(e,u),i=f(a.useState(s.id),2),p=i[0],d=i[1],h=f(a.useState("vertical"),2),b=h[0],v=h[1],g=m.setMetaData({props:s}),y=g.ptm,w=g.cx;o.useHandleStyle(m.css.styles,g.isUnstyled,{name:"scrollpanel"});var x=a.useRef(null),D=a.useRef(null),H=a.useRef(null),E=a.useRef(null),C=f(a.useState(0),2),A=C[0],S=C[1],P=f(a.useState(0),2),R=P[0],L=P[1],O=a.useRef(!1),j=a.useRef(!1),T=a.useRef(null),z=a.useRef(null),N=a.useRef(null),F=a.useRef(null),I=a.useRef(null),M=a.useRef(!1),q=a.useRef(null),U=p+"_content",k=function(){var e=D.current.scrollWidth,r=-1*(x.current.clientHeight-H.current.clientHeight);N.current=D.current.clientWidth/e;var n=D.current.scrollHeight,o=-1*(x.current.clientWidth-E.current.clientWidth);F.current=D.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?t.DomHandler.addClass(H.current,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(H.current,"p-scrollpanel-hidden"),H.current.style.cssText="width:"+Math.max(100*N.current,10)+"%; left:"+D.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),F.current>=1?t.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(t.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),E.current.style.cssText="height:"+Math.max(100*F.current,10)+"%; top: calc("+D.current.scrollTop/n*100+"% - "+H.current.clientHeight+"px);right:"+o+"px;")}))},B=function(e){H.current.isSameNode(e.target)?v("horizontal"):E.current.isSameNode(e.target)&&v("vertical")},_=function(){"horizontal"===b&&v("vertical")},W=function(e){O.current?Y(e):(j.current||Y(e),K(e))},Y=function(e){var r=e.pageX-T.current;T.current=e.pageX,I.current=window.requestAnimationFrame((function(){D.current.scrollLeft+=r/N.current}))},K=function(e){var r=e.pageY-z.current;z.current=e.pageY,I.current=window.requestAnimationFrame((function(){D.current.scrollTop+=r/F.current}))},X=function e(r){t.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(H.current,"p-scrollpanel-grabbed"),t.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",W),document.removeEventListener("mouseup",e),O.current=!1,j.current=!1},$=function(e){if("vertical"===b)switch(e.code){case"ArrowDown":Q("scrollTop",s.step),e.preventDefault();break;case"ArrowUp":Q("scrollTop",-1*s.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===b)switch(e.code){case"ArrowRight":Q("scrollLeft",s.step),e.preventDefault();break;case"ArrowLeft":Q("scrollLeft",-1*s.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},G=function(){V()},J=function(e,r){D.current[e]+=r,k()},Q=function(e,r){V(),q.current=setTimeout((function(){J(e,r)}),40)},V=function(){q.current&&clearTimeout(q.current)},Z=function(){k()};n.useMountEffect((function(){var e,r,n;s.id||d(t.UniqueComponentId()),k(),window.addEventListener("resize",k),e=getComputedStyle(x.current),r=getComputedStyle(H.current),n=t.DomHandler.getHeight(x.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(x.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"),M.current=!0})),n.useUnmountEffect((function(){M.current&&window.removeEventListener("resize",k),I.current&&window.cancelAnimationFrame(I.current)})),a.useImperativeHandle(l,(function(){return{props:s,refresh:Z,getElement:function(){return x.current},getContent:function(){return D.current},getXBar:function(){return H.current},getYBar:function(){return E.current}}}));var ee=t.mergeProps({id:s.id,ref:x,style:s.style,className:w("root")},m.getOtherProps(s),y("root")),re=t.mergeProps({className:w("wrapper")},y("wrapper")),ne=t.mergeProps({className:w("content"),onScroll:function(e){A!==e.target.scrollLeft?(S(e.target.scrollLeft),v("horizontal")):R!==e.target.scrollTop&&(L(e.target.scrollTop),v("vertical")),k()},onMouseEnter:k},y("content")),te=t.mergeProps({ref:H,role:"scrollbar",className:w("barx"),tabIndex:0,"aria-valuenow":R,"aria-controls":U,"aria-orientation":"horizontal",onFocus:B,onBlur:_,onKeyDown:$,onKeyUp:G,onMouseDown:function(e){O.current=!0,T.current=e.pageX,t.DomHandler.addClass(H.current,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",W),document.addEventListener("mouseup",X),e.preventDefault()}},y("barx")),oe=t.mergeProps({ref:E,role:"scrollbar",className:w("bary"),tabIndex:0,"aria-valuenow":A,"aria-controls":U,"aria-orientation":"vertical",onFocus:B,onBlur:_,onKeyDown:$,onKeyUp:G,onMouseDown:function(e){j.current=!0,z.current=e.pageY,t.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),t.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",W),document.addEventListener("mouseup",X),e.preventDefault()}},y("bary"));return a.createElement("div",ee,a.createElement("div",re,a.createElement("div",c({ref:D},ne),s.children)),a.createElement("div",te),a.createElement("div",oe))}));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 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:function(e){return o.classNames("p-scrollpanel p-component",e.props.className)},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: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;

package/scrollpanel/scrollpanel.esm.js

@@ -1,9 +1,9 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
-import { useMountEffect, useUnmountEffect } from 'primereact/hooks';
-import { classNames, UniqueComponentId, mergeProps, DomHandler } from 'primereact/utils';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps, useMountEffect, useUnmountEffect } from 'primereact/hooks';
+import { classNames, UniqueComponentId, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -100,6 +100,7 @@ var ScrollPanelBase = ComponentBase.extend({
 });
 
 var ScrollPanel = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ScrollPanelBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),

package/scrollpanel/scrollpanel.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as r}from"primereact/api";import{useMountEffect as n,useUnmountEffect as t}from"primereact/hooks";import{classNames as o,UniqueComponentId as l,mergeProps as a,DomHandler as c}from"primereact/utils";import{ComponentBase as i,useHandleStyle as s}from"primereact/componentbase";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=i.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:function(e){return o("p-scrollpanel p-component",e.props.className)},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(o,i){var p=e.useContext(r),d=b.getProps(o,p),f=v(e.useState(d.id),2),m=f[0],h=f[1],g=v(e.useState("vertical"),2),y=g[0],w=g[1],x=b.setMetaData({props:d}),A=x.ptm,E=x.cx;s(b.css.styles,x.isUnstyled,{name:"scrollpanel"});var C=e.useRef(null),L=e.useRef(null),R=e.useRef(null),S=e.useRef(null),D=v(e.useState(0),2),T=D[0],z=D[1],F=v(e.useState(0),2),N=F[0],H=F[1],I=e.useRef(!1),O=e.useRef(!1),j=e.useRef(null),M=e.useRef(null),P=e.useRef(null),k=e.useRef(null),B=e.useRef(null),U=e.useRef(!1),W=e.useRef(null),Y=m+"_content",K=function(){var e=L.current.scrollWidth,r=-1*(C.current.clientHeight-R.current.clientHeight);P.current=L.current.clientWidth/e;var n=L.current.scrollHeight,t=-1*(C.current.clientWidth-S.current.clientWidth);k.current=L.current.clientHeight/n,B.current=window.requestAnimationFrame((function(){P.current>=1?c.addClass(R.current,"p-scrollpanel-hidden"):(c.removeClass(R.current,"p-scrollpanel-hidden"),R.current.style.cssText="width:"+Math.max(100*P.current,10)+"%; left:"+L.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),k.current>=1?c.addClass(S.current,"p-scrollpanel-hidden"):(c.removeClass(S.current,"p-scrollpanel-hidden"),S.current.style.cssText="height:"+Math.max(100*k.current,10)+"%; top: calc("+L.current.scrollTop/n*100+"% - "+R.current.clientHeight+"px);right:"+t+"px;")}))},X=function(e){R.current.isSameNode(e.target)?w("horizontal"):S.current.isSameNode(e.target)&&w("vertical")},q=function(){"horizontal"===y&&w("vertical")},_=function(e){I.current?$(e):(O.current||$(e),G(e))},$=function(e){var r=e.pageX-j.current;j.current=e.pageX,B.current=window.requestAnimationFrame((function(){L.current.scrollLeft+=r/P.current}))},G=function(e){var r=e.pageY-M.current;M.current=e.pageY,B.current=window.requestAnimationFrame((function(){L.current.scrollTop+=r/k.current}))},J=function e(r){c.removeClass(S.current,"p-scrollpanel-grabbed"),c.removeClass(R.current,"p-scrollpanel-grabbed"),c.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",_),document.removeEventListener("mouseup",e),I.current=!1,O.current=!1},Q=function(e){if("vertical"===y)switch(e.code){case"ArrowDown":ee("scrollTop",d.step),e.preventDefault();break;case"ArrowUp":ee("scrollTop",-1*d.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===y)switch(e.code){case"ArrowRight":ee("scrollLeft",d.step),e.preventDefault();break;case"ArrowLeft":ee("scrollLeft",-1*d.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},V=function(){re()},Z=function(e,r){L.current[e]+=r,K()},ee=function(e,r){re(),W.current=setTimeout((function(){Z(e,r)}),40)},re=function(){W.current&&clearTimeout(W.current)},ne=function(){K()};n((function(){var e,r,n;d.id||h(l()),K(),window.addEventListener("resize",K),e=getComputedStyle(C.current),r=getComputedStyle(R.current),n=c.getHeight(C.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(C.current.style.height=L.current.offsetHeight+parseInt(r.height,10)>parseInt(e["max-height"],10)?e["max-height"]:L.current.offsetHeight+parseFloat(e.paddingTop)+parseFloat(e.paddingBottom)+parseFloat(e.borderTopWidth)+parseFloat(e.borderBottomWidth)+"px"),U.current=!0})),t((function(){U.current&&window.removeEventListener("resize",K),B.current&&window.cancelAnimationFrame(B.current)})),e.useImperativeHandle(i,(function(){return{props:d,refresh:ne,getElement:function(){return C.current},getContent:function(){return L.current},getXBar:function(){return R.current},getYBar:function(){return S.current}}}));var te=a({id:d.id,ref:C,style:d.style,className:E("root")},b.getOtherProps(d),A("root")),oe=a({className:E("wrapper")},A("wrapper")),le=a({className:E("content"),onScroll:function(e){T!==e.target.scrollLeft?(z(e.target.scrollLeft),w("horizontal")):N!==e.target.scrollTop&&(H(e.target.scrollTop),w("vertical")),K()},onMouseEnter:K},A("content")),ae=a({ref:R,role:"scrollbar",className:E("barx"),tabIndex:0,"aria-valuenow":N,"aria-controls":Y,"aria-orientation":"horizontal",onFocus:X,onBlur:q,onKeyDown:Q,onKeyUp:V,onMouseDown:function(e){I.current=!0,j.current=e.pageX,c.addClass(R.current,"p-scrollpanel-grabbed"),c.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",_),document.addEventListener("mouseup",J),e.preventDefault()}},A("barx")),ce=a({ref:S,role:"scrollbar",className:E("bary"),tabIndex:0,"aria-valuenow":T,"aria-controls":Y,"aria-orientation":"vertical",onFocus:X,onBlur:q,onKeyDown:Q,onKeyUp:V,onMouseDown:function(e){O.current=!0,M.current=e.pageY,c.addClass(S.current,"p-scrollpanel-grabbed"),c.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",_),document.addEventListener("mouseup",J),e.preventDefault()}},A("bary"));return e.createElement("div",te,e.createElement("div",oe,e.createElement("div",u({ref:L},le),d.children)),e.createElement("div",ae),e.createElement("div",ce))}));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{classNames as c,UniqueComponentId 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:function(e){return c("p-scrollpanel p-component",e.props.className)},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,c){var p=o(),d=e.useContext(r),f=b.getProps(n,d),m=v(e.useState(f.id),2),h=m[0],g=m[1],y=v(e.useState("vertical"),2),w=y[0],x=y[1],A=b.setMetaData({props:f}),E=A.ptm,C=A.cx;t(b.css.styles,A.isUnstyled,{name:"scrollpanel"});var L=e.useRef(null),R=e.useRef(null),S=e.useRef(null),D=e.useRef(null),T=v(e.useState(0),2),z=T[0],F=T[1],N=v(e.useState(0),2),H=N[0],I=N[1],O=e.useRef(!1),j=e.useRef(!1),M=e.useRef(null),P=e.useRef(null),k=e.useRef(null),B=e.useRef(null),U=e.useRef(null),W=e.useRef(!1),Y=e.useRef(null),K=h+"_content",X=function(){var e=R.current.scrollWidth,r=-1*(L.current.clientHeight-S.current.clientHeight);k.current=R.current.clientWidth/e;var n=R.current.scrollHeight,t=-1*(L.current.clientWidth-D.current.clientWidth);B.current=R.current.clientHeight/n,U.current=window.requestAnimationFrame((function(){k.current>=1?s.addClass(S.current,"p-scrollpanel-hidden"):(s.removeClass(S.current,"p-scrollpanel-hidden"),S.current.style.cssText="width:"+Math.max(100*k.current,10)+"%; left:"+R.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),B.current>=1?s.addClass(D.current,"p-scrollpanel-hidden"):(s.removeClass(D.current,"p-scrollpanel-hidden"),D.current.style.cssText="height:"+Math.max(100*B.current,10)+"%; top: calc("+R.current.scrollTop/n*100+"% - "+S.current.clientHeight+"px);right:"+t+"px;")}))},q=function(e){S.current.isSameNode(e.target)?x("horizontal"):D.current.isSameNode(e.target)&&x("vertical")},_=function(){"horizontal"===w&&x("vertical")},$=function(e){O.current?G(e):(j.current||G(e),J(e))},G=function(e){var r=e.pageX-M.current;M.current=e.pageX,U.current=window.requestAnimationFrame((function(){R.current.scrollLeft+=r/k.current}))},J=function(e){var r=e.pageY-P.current;P.current=e.pageY,U.current=window.requestAnimationFrame((function(){R.current.scrollTop+=r/B.current}))},Q=function e(r){s.removeClass(D.current,"p-scrollpanel-grabbed"),s.removeClass(S.current,"p-scrollpanel-grabbed"),s.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",$),document.removeEventListener("mouseup",e),O.current=!1,j.current=!1},V=function(e){if("vertical"===w)switch(e.code){case"ArrowDown":re("scrollTop",f.step),e.preventDefault();break;case"ArrowUp":re("scrollTop",-1*f.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===w)switch(e.code){case"ArrowRight":re("scrollLeft",f.step),e.preventDefault();break;case"ArrowLeft":re("scrollLeft",-1*f.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},Z=function(){ne()},ee=function(e,r){R.current[e]+=r,X()},re=function(e,r){ne(),Y.current=setTimeout((function(){ee(e,r)}),40)},ne=function(){Y.current&&clearTimeout(Y.current)},te=function(){X()};l((function(){var e,r,n;f.id||g(i()),X(),window.addEventListener("resize",X),e=getComputedStyle(L.current),r=getComputedStyle(S.current),n=s.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"),W.current=!0})),a((function(){W.current&&window.removeEventListener("resize",X),U.current&&window.cancelAnimationFrame(U.current)})),e.useImperativeHandle(c,(function(){return{props:f,refresh:te,getElement:function(){return L.current},getContent:function(){return R.current},getXBar:function(){return S.current},getYBar:function(){return D.current}}}));var oe=p({id:f.id,ref:L,style:f.style,className:C("root")},b.getOtherProps(f),E("root")),le=p({className:C("wrapper")},E("wrapper")),ae=p({className:C("content"),onScroll:function(e){z!==e.target.scrollLeft?(F(e.target.scrollLeft),x("horizontal")):H!==e.target.scrollTop&&(I(e.target.scrollTop),x("vertical")),X()},onMouseEnter:X},E("content")),ce=p({ref:S,role:"scrollbar",className:C("barx"),tabIndex:0,"aria-valuenow":H,"aria-controls":K,"aria-orientation":"horizontal",onFocus:q,onBlur:_,onKeyDown:V,onKeyUp:Z,onMouseDown:function(e){O.current=!0,M.current=e.pageX,s.addClass(S.current,"p-scrollpanel-grabbed"),s.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",$),document.addEventListener("mouseup",Q),e.preventDefault()}},E("barx")),ie=p({ref:D,role:"scrollbar",className:C("bary"),tabIndex:0,"aria-valuenow":z,"aria-controls":K,"aria-orientation":"vertical",onFocus:q,onBlur:_,onKeyDown:V,onKeyUp:Z,onMouseDown:function(e){j.current=!0,P.current=e.pageY,s.addClass(D.current,"p-scrollpanel-grabbed"),s.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",$),document.addEventListener("mouseup",Q),e.preventDefault()}},E("bary"));return e.createElement("div",oe,e.createElement("div",le,e.createElement("div",u({ref:R},ae),f.children)),e.createElement("div",ce),e.createElement("div",ie))}));g.displayName="ScrollPanel";export{g as ScrollPanel};

package/scrollpanel/scrollpanel.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.scrollpanel = (function (exports, React, api, hooks, utils, componentbase) {
+this.primereact.scrollpanel = (function (exports, React, api, componentbase, hooks, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -117,6 +117,7 @@ this.primereact.scrollpanel = (function (exports, React, api, hooks, utils, comp
   });
 
   var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ScrollPanelBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(props.id),
@@ -371,21 +372,21 @@ this.primereact.scrollpanel = (function (exports, React, api, hooks, utils, comp
         }
       };
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: containerRef,
       style: props.style,
       className: cx('root')
     }, ScrollPanelBase.getOtherProps(props), ptm('root'));
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: cx('wrapper')
     }, ptm('wrapper'));
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       className: cx('content'),
       onScroll: onScroll,
       onMouseEnter: moveBar
     }, ptm('content'));
-    var barXProps = utils.mergeProps({
+    var barXProps = mergeProps({
       ref: xBarRef,
       role: 'scrollbar',
       className: cx('barx'),
@@ -399,7 +400,7 @@ this.primereact.scrollpanel = (function (exports, React, api, hooks, utils, comp
       onKeyUp: onKeyUp,
       onMouseDown: onXBarMouseDown
     }, ptm('barx'));
-    var barYProps = utils.mergeProps({
+    var barYProps = mergeProps({
       ref: yBarRef,
       role: 'scrollbar',
       className: cx('bary'),
@@ -425,4 +426,4 @@ this.primereact.scrollpanel = (function (exports, React, api, hooks, utils, comp
 
   return exports;
 
-})({}, React, primereact.api, primereact.hooks, primereact.utils, primereact.componentbase);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);

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=l.ComponentBase.extend({defaultProps:{__TYPE:"ScrollPanel",id:null,style:null,className:null,children:void 0,step:5},css:{classes:{root:function(e){return o.classNames("p-scrollpanel p-component",e.props.className)},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=c.useContext(n.PrimeReactContext),u=h.getProps(e,a),i=m(c.useState(u.id),2),p=i[0],d=i[1],f=m(c.useState("vertical"),2),b=f[0],v=f[1],g=h.setMetaData({props:u}),y=g.ptm,w=g.cx;l.useHandleStyle(h.css.styles,g.isUnstyled,{name:"scrollpanel"});var x=c.useRef(null),D=c.useRef(null),H=c.useRef(null),E=c.useRef(null),C=m(c.useState(0),2),A=C[0],R=C[1],S=m(c.useState(0),2),P=S[0],L=S[1],O=c.useRef(!1),j=c.useRef(!1),T=c.useRef(null),z=c.useRef(null),N=c.useRef(null),F=c.useRef(null),I=c.useRef(null),M=c.useRef(!1),U=c.useRef(null),k=p+"_content",B=function(){var e=D.current.scrollWidth,r=-1*(x.current.clientHeight-H.current.clientHeight);N.current=D.current.clientWidth/e;var n=D.current.scrollHeight,t=-1*(x.current.clientWidth-E.current.clientWidth);F.current=D.current.clientHeight/n,I.current=window.requestAnimationFrame((function(){N.current>=1?o.DomHandler.addClass(H.current,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(H.current,"p-scrollpanel-hidden"),H.current.style.cssText="width:"+Math.max(100*N.current,10)+"%; left:"+D.current.scrollLeft/e*100+"%;bottom:"+r+"px;"),F.current>=1?o.DomHandler.addClass(E.current,"p-scrollpanel-hidden"):(o.DomHandler.removeClass(E.current,"p-scrollpanel-hidden"),E.current.style.cssText="height:"+Math.max(100*F.current,10)+"%; top: calc("+D.current.scrollTop/n*100+"% - "+H.current.clientHeight+"px);right:"+t+"px;")}))},_=function(e){H.current.isSameNode(e.target)?v("horizontal"):E.current.isSameNode(e.target)&&v("vertical")},W=function(){"horizontal"===b&&v("vertical")},Y=function(e){O.current?q(e):(j.current||q(e),K(e))},q=function(e){var r=e.pageX-T.current;T.current=e.pageX,I.current=window.requestAnimationFrame((function(){D.current.scrollLeft+=r/N.current}))},K=function(e){var r=e.pageY-z.current;z.current=e.pageY,I.current=window.requestAnimationFrame((function(){D.current.scrollTop+=r/F.current}))},X=function e(r){o.DomHandler.removeClass(E.current,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(H.current,"p-scrollpanel-grabbed"),o.DomHandler.removeClass(document.body,"p-scrollpanel-grabbed"),document.removeEventListener("mousemove",Y),document.removeEventListener("mouseup",e),O.current=!1,j.current=!1},$=function(e){if("vertical"===b)switch(e.code){case"ArrowDown":Q("scrollTop",u.step),e.preventDefault();break;case"ArrowUp":Q("scrollTop",-1*u.step),e.preventDefault();break;case"ArrowLeft":case"ArrowRight":e.preventDefault()}else if("horizontal"===b)switch(e.code){case"ArrowRight":Q("scrollLeft",u.step),e.preventDefault();break;case"ArrowLeft":Q("scrollLeft",-1*u.step),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},G=function(){V()},J=function(e,r){D.current[e]+=r,B()},Q=function(e,r){V(),U.current=setTimeout((function(){J(e,r)}),40)},V=function(){U.current&&clearTimeout(U.current)},Z=function(){B()};t.useMountEffect((function(){var e,r,n;u.id||d(o.UniqueComponentId()),B(),window.addEventListener("resize",B),e=getComputedStyle(x.current),r=getComputedStyle(H.current),n=o.DomHandler.getHeight(x.current)-parseInt(r.height,10),"none"!==e["max-height"]&&0===n&&(x.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"),M.current=!0})),t.useUnmountEffect((function(){M.current&&window.removeEventListener("resize",B),I.current&&window.cancelAnimationFrame(I.current)})),c.useImperativeHandle(r,(function(){return{props:u,refresh:Z,getElement:function(){return x.current},getContent:function(){return D.current},getXBar:function(){return H.current},getYBar:function(){return E.current}}}));var ee=o.mergeProps({id:u.id,ref:x,style:u.style,className:w("root")},h.getOtherProps(u),y("root")),re=o.mergeProps({className:w("wrapper")},y("wrapper")),ne=o.mergeProps({className:w("content"),onScroll:function(e){A!==e.target.scrollLeft?(R(e.target.scrollLeft),v("horizontal")):P!==e.target.scrollTop&&(L(e.target.scrollTop),v("vertical")),B()},onMouseEnter:B},y("content")),te=o.mergeProps({ref:H,role:"scrollbar",className:w("barx"),tabIndex:0,"aria-valuenow":P,"aria-controls":k,"aria-orientation":"horizontal",onFocus:_,onBlur:W,onKeyDown:$,onKeyUp:G,onMouseDown:function(e){O.current=!0,T.current=e.pageX,o.DomHandler.addClass(H.current,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",X),e.preventDefault()}},y("barx")),oe=o.mergeProps({ref:E,role:"scrollbar",className:w("bary"),tabIndex:0,"aria-valuenow":A,"aria-controls":k,"aria-orientation":"vertical",onFocus:_,onBlur:W,onKeyDown:$,onKeyUp:G,onMouseDown:function(e){j.current=!0,z.current=e.pageY,o.DomHandler.addClass(E.current,"p-scrollpanel-grabbed"),o.DomHandler.addClass(document.body,"p-scrollpanel-grabbed"),document.addEventListener("mousemove",Y),document.addEventListener("mouseup",X),e.preventDefault()}},y("bary"));return c.createElement("div",ee,c.createElement("div",re,c.createElement("div",s({ref:D},ne),u.children)),c.createElement("div",te),c.createElement("div",oe))}));return b.displayName="ScrollPanel",e.ScrollPanel=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+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 s(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,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 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 s(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:function(e){return l.classNames("p-scrollpanel p-component",e.props.className)},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(),s=c.useContext(n.PrimeReactContext),i=h.getProps(e,s),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: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",u({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);

package/scrolltop/scrolltop.cjs.js

@@ -184,6 +184,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = ScrollTopBase.getProps(inProps, context);
   var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
@@ -256,7 +257,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(scrollElementRef.current);
   });
-  var iconProps = utils.mergeProps({
+  var iconProps = mergeProps({
     className: cx('icon')
   }, ptm('icon'));
   var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, iconProps);
@@ -264,7 +265,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     props: props
   });
   var scrollTopAriaLabel = PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').scrollTop : undefined;
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: scrollElementRef,
     type: 'button',
     className: utils.classNames(props.className, cx('root')),
@@ -272,7 +273,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     onClick: onClick,
     'aria-label': scrollTopAriaLabel
   }, ScrollTopBase.getOtherProps(props), ptm('root'));
-  var transitionProps = utils.mergeProps({
+  var transitionProps = mergeProps({
     classNames: cx('transition'),
     "in": visibleState,
     timeout: {

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/componentbase"),n=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/chevronup"),l=require("primereact/ripple"),c=require("primereact/utils");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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=s(e),p=a(t);function f(){return f=Object.assign?Object.assign.bind():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},f.apply(this,arguments)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function m(e,t){if("object"!==y(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==y(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=m(e,"string");return"symbol"===y(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function v(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,c=[],a=!0,s=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function O(e,t){if(e){if("string"==typeof e)return g(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)?g(e,t):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 w(e,t){return d(e)||v(e,t)||O(e,t)||h()}var j=r.ComponentBase.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){return c.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.props.target})},icon:"p-scrolltop-icon",transition:"p-scrolltop"},styles:"\n@layer primereact {\n    .p-scrolltop {\n        position: fixed;\n        bottom: 20px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-scrolltop-sticky {\n        position: sticky;\n    }\n    \n    .p-scrolltop-sticky.p-link {\n        margin-left: auto;\n    }\n    \n    .p-scrolltop-helper {\n        display: none;\n    }\n    \n    .p-scrolltop-enter {\n        opacity: 0;\n    }\n    \n    .p-scrolltop-enter-active {\n        opacity: 1;\n        transition: opacity .15s;\n    }\n    \n    .p-scrolltop-exit {\n        opacity: 1;\n    }\n    \n    .p-scrolltop-exit-active {\n        opacity: 0;\n        transition: opacity .15s;\n    }\n}\n"}});function S(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?S(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=b(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):S(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var E=u.memo(u.forwardRef((function(e,a){var s=w(u.useState(!1),2),y=s[0],m=s[1],b=u.useContext(t.PrimeReactContext),d=j.getProps(e,b),v=j.setMetaData({props:d,state:{visible:y}}),g=v.ptm,O=v.cx;r.useHandleStyle(j.css.styles,v.isUnstyled,{name:"scrolltop"});var h=u.useRef(null),S=u.useRef(null),E="parent"===d.target,P=w(o.useEventListener({target:function(){return S.current&&S.current.parentElement},type:"scroll",listener:function(e){T(e.currentTarget.scrollTop)}}),1)[0],I=w(o.useEventListener({target:"window",type:"scroll",listener:function(e){e&&T(c.DomHandler.getWindowScrollTop())}}),1)[0],T=function(e){m(e>d.threshold)};u.useImperativeHandle(a,(function(){return{props:d,getElement:function(){return elementRef.current}}})),u.useEffect((function(){"window"===d.target?I():"parent"===d.target&&P()}),[]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(h.current)}));var k=c.mergeProps({className:O("icon")},g("icon")),N=c.IconUtils.getJSXIcon(d.icon||u.createElement(i.ChevronUpIcon,k),x({},k),{props:d}),q=t.localeOption("aria")?t.localeOption("aria").scrollTop:void 0,U=c.mergeProps({ref:h,type:"button",className:c.classNames(d.className,O("root")),style:d.style,onClick:function(){("window"===d.target?window:S.current.parentElement).scroll({top:0,behavior:d.behavior})},"aria-label":q},j.getOtherProps(d),g("root")),C=c.mergeProps({classNames:O("transition"),in:y,timeout:{enter:150,exit:150},options:d.transitionOptions,unmountOnExit:!0,onEnter:function(){c.ZIndexUtils.set("overlay",h.current,b&&b.autoZIndex||p.default.autoZIndex,b&&b.zIndex.overlay||p.default.zIndex.overlay)},onEntered:function(){d.onShow&&d.onShow()},onExited:function(){c.ZIndexUtils.clear(h.current),d.onHide&&d.onHide()}},g("transition"));return u.createElement(u.Fragment,null,u.createElement(n.CSSTransition,f({nodeRef:h},C),u.createElement("button",U,N,u.createElement(l.Ripple,null))),E&&u.createElement("span",{ref:S,className:"p-scrolltop-helper"}))})));E.displayName="ScrollTop",exports.ScrollTop=E;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),r=require("primereact/csstransition"),o=require("primereact/hooks"),i=require("primereact/icons/chevronup"),l=require("primereact/ripple"),c=require("primereact/utils");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=s(e),p=a(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function m(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=m(e,"string");return"symbol"===y(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,c=[],a=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return g(e,t);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)?g(e,t):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 w(e,t){return d(e)||v(e,t)||O(e,t)||h()}var j=n.ComponentBase.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){return c.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.props.target})},icon:"p-scrolltop-icon",transition:"p-scrolltop"},styles:"\n@layer primereact {\n    .p-scrolltop {\n        position: fixed;\n        bottom: 20px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-scrolltop-sticky {\n        position: sticky;\n    }\n    \n    .p-scrolltop-sticky.p-link {\n        margin-left: auto;\n    }\n    \n    .p-scrolltop-helper {\n        display: none;\n    }\n    \n    .p-scrolltop-enter {\n        opacity: 0;\n    }\n    \n    .p-scrolltop-enter-active {\n        opacity: 1;\n        transition: opacity .15s;\n    }\n    \n    .p-scrolltop-exit {\n        opacity: 1;\n    }\n    \n    .p-scrolltop-exit-active {\n        opacity: 0;\n        transition: opacity .15s;\n    }\n}\n"}});function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=b(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var E=u.memo(u.forwardRef((function(e,a){var s=w(u.useState(!1),2),y=s[0],m=s[1],b=o.useMergeProps(),d=u.useContext(t.PrimeReactContext),v=j.getProps(e,d),g=j.setMetaData({props:v,state:{visible:y}}),O=g.ptm,h=g.cx;n.useHandleStyle(j.css.styles,g.isUnstyled,{name:"scrolltop"});var S=u.useRef(null),E=u.useRef(null),P="parent"===v.target,I=w(o.useEventListener({target:function(){return E.current&&E.current.parentElement},type:"scroll",listener:function(e){k(e.currentTarget.scrollTop)}}),1)[0],T=w(o.useEventListener({target:"window",type:"scroll",listener:function(e){e&&k(c.DomHandler.getWindowScrollTop())}}),1)[0],k=function(e){m(e>v.threshold)};u.useImperativeHandle(a,(function(){return{props:v,getElement:function(){return elementRef.current}}})),u.useEffect((function(){"window"===v.target?T():"parent"===v.target&&I()}),[]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(S.current)}));var N=b({className:h("icon")},O("icon")),q=c.IconUtils.getJSXIcon(v.icon||u.createElement(i.ChevronUpIcon,N),x({},N),{props:v}),U=t.localeOption("aria")?t.localeOption("aria").scrollTop:void 0,C=b({ref:S,type:"button",className:c.classNames(v.className,h("root")),style:v.style,onClick:function(){("window"===v.target?window:E.current.parentElement).scroll({top:0,behavior:v.behavior})},"aria-label":U},j.getOtherProps(v),O("root")),D=b({classNames:h("transition"),in:y,timeout:{enter:150,exit:150},options:v.transitionOptions,unmountOnExit:!0,onEnter:function(){c.ZIndexUtils.set("overlay",S.current,d&&d.autoZIndex||p.default.autoZIndex,d&&d.zIndex.overlay||p.default.zIndex.overlay)},onEntered:function(){v.onShow&&v.onShow()},onExited:function(){c.ZIndexUtils.clear(S.current),v.onHide&&v.onHide()}},O("transition"));return u.createElement(u.Fragment,null,u.createElement(r.CSSTransition,f({nodeRef:S},D),u.createElement("button",C,q,u.createElement(l.Ripple,null))),P&&u.createElement("span",{ref:E,className:"p-scrolltop-helper"}))})));E.displayName="ScrollTop",exports.ScrollTop=E;

package/scrolltop/scrolltop.esm.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useEventListener, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useEventListener, useUnmountEffect } from 'primereact/hooks';
 import { ChevronUpIcon } from 'primereact/icons/chevronup';
 import { Ripple } from 'primereact/ripple';
-import { classNames, DomHandler, ZIndexUtils, mergeProps, IconUtils } from 'primereact/utils';
+import { classNames, DomHandler, ZIndexUtils, IconUtils } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -157,6 +157,7 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = ScrollTopBase.getProps(inProps, context);
   var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({

package/scrolltop/scrolltop.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e,{PrimeReactContext as r,localeOption as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useEventListener as c,useUnmountEffect as a}from"primereact/hooks";import{ChevronUpIcon as s}from"primereact/icons/chevronup";import{Ripple as p}from"primereact/ripple";import{classNames as u,DomHandler as f,ZIndexUtils as m,mergeProps as y,IconUtils as b}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},d.apply(this,arguments)}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function g(t,e){if("object"!==v(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function h(t){var e=g(t,"string");return"symbol"===v(e)?e:String(e)}function w(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,l,c=[],a=!0,s=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function j(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function S(t,e){if(t){if("string"==typeof t)return j(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(t,e):void 0}}function E(){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 x(t,e){return w(t)||O(t,e)||S(t,e)||E()}var P=o.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(t){return u("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==t.props.target})},icon:"p-scrolltop-icon",transition:"p-scrolltop"},styles:"\n@layer primereact {\n    .p-scrolltop {\n        position: fixed;\n        bottom: 20px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-scrolltop-sticky {\n        position: sticky;\n    }\n    \n    .p-scrolltop-sticky.p-link {\n        margin-left: auto;\n    }\n    \n    .p-scrolltop-helper {\n        display: none;\n    }\n    \n    .p-scrolltop-enter {\n        opacity: 0;\n    }\n    \n    .p-scrolltop-enter-active {\n        opacity: 1;\n        transition: opacity .15s;\n    }\n    \n    .p-scrolltop-exit {\n        opacity: 1;\n    }\n    \n    .p-scrolltop-exit-active {\n        opacity: 0;\n        transition: opacity .15s;\n    }\n}\n"}});function k(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function I(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?k(Object(r),!0).forEach((function(e){var n,o,i;n=t,i=r[e],(o=h(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var T=t.memo(t.forwardRef((function(o,v){var g=x(t.useState(!1),2),h=g[0],w=g[1],O=t.useContext(r),j=P.getProps(o,O),S=P.setMetaData({props:j,state:{visible:h}}),E=S.ptm,k=S.cx;i(P.css.styles,S.isUnstyled,{name:"scrolltop"});var T=t.useRef(null),N=t.useRef(null),A="parent"===j.target,D=x(c({target:function(){return N.current&&N.current.parentElement},type:"scroll",listener:function(t){H(t.currentTarget.scrollTop)}}),1)[0],R=x(c({target:"window",type:"scroll",listener:function(t){t&&H(f.getWindowScrollTop())}}),1)[0],H=function(t){w(t>j.threshold)};t.useImperativeHandle(v,(function(){return{props:j,getElement:function(){return elementRef.current}}})),t.useEffect((function(){"window"===j.target?R():"parent"===j.target&&D()}),[]),a((function(){m.clear(T.current)}));var C=y({className:k("icon")},E("icon")),z=b.getJSXIcon(j.icon||t.createElement(s,C),I({},C),{props:j}),M=n("aria")?n("aria").scrollTop:void 0,U=y({ref:T,type:"button",className:u(j.className,k("root")),style:j.style,onClick:function(){("window"===j.target?window:N.current.parentElement).scroll({top:0,behavior:j.behavior})},"aria-label":M},P.getOtherProps(j),E("root")),Z=y({classNames:k("transition"),in:h,timeout:{enter:150,exit:150},options:j.transitionOptions,unmountOnExit:!0,onEnter:function(){m.set("overlay",T.current,O&&O.autoZIndex||e.autoZIndex,O&&O.zIndex.overlay||e.zIndex.overlay)},onEntered:function(){j.onShow&&j.onShow()},onExited:function(){m.clear(T.current),j.onHide&&j.onHide()}},E("transition"));return t.createElement(t.Fragment,null,t.createElement(l,d({nodeRef:T},Z),t.createElement("button",U,z,t.createElement(p,null))),A&&t.createElement("span",{ref:N,className:"p-scrolltop-helper"}))})));T.displayName="ScrollTop";export{T as ScrollTop};
+import*as t from"react";import e,{PrimeReactContext as r,localeOption as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as l}from"primereact/csstransition";import{useMergeProps as c,useEventListener as a,useUnmountEffect as s}from"primereact/hooks";import{ChevronUpIcon as p}from"primereact/icons/chevronup";import{Ripple as u}from"primereact/ripple";import{classNames as f,DomHandler as m,ZIndexUtils as y,IconUtils as b}from"primereact/utils";function d(){return d=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},d.apply(this,arguments)}function v(t){return v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(t)}function g(t,e){if("object"!==v(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==v(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function h(t){var e=g(t,"string");return"symbol"===v(e)?e:String(e)}function w(t){if(Array.isArray(t))return t}function O(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,i,l,c=[],a=!0,s=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function j(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function S(t,e){if(t){if("string"==typeof t)return j(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(t,e):void 0}}function E(){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 x(t,e){return w(t)||O(t,e)||S(t,e)||E()}var P=o.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(t){return f("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==t.props.target})},icon:"p-scrolltop-icon",transition:"p-scrolltop"},styles:"\n@layer primereact {\n    .p-scrolltop {\n        position: fixed;\n        bottom: 20px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-scrolltop-sticky {\n        position: sticky;\n    }\n    \n    .p-scrolltop-sticky.p-link {\n        margin-left: auto;\n    }\n    \n    .p-scrolltop-helper {\n        display: none;\n    }\n    \n    .p-scrolltop-enter {\n        opacity: 0;\n    }\n    \n    .p-scrolltop-enter-active {\n        opacity: 1;\n        transition: opacity .15s;\n    }\n    \n    .p-scrolltop-exit {\n        opacity: 1;\n    }\n    \n    .p-scrolltop-exit-active {\n        opacity: 0;\n        transition: opacity .15s;\n    }\n}\n"}});function k(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function I(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?k(Object(r),!0).forEach((function(e){var n,o,i;n=t,i=r[e],(o=h(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var T=t.memo(t.forwardRef((function(o,v){var g=x(t.useState(!1),2),h=g[0],w=g[1],O=c(),j=t.useContext(r),S=P.getProps(o,j),E=P.setMetaData({props:S,state:{visible:h}}),k=E.ptm,T=E.cx;i(P.css.styles,E.isUnstyled,{name:"scrolltop"});var N=t.useRef(null),A=t.useRef(null),D="parent"===S.target,R=x(a({target:function(){return A.current&&A.current.parentElement},type:"scroll",listener:function(t){C(t.currentTarget.scrollTop)}}),1)[0],H=x(a({target:"window",type:"scroll",listener:function(t){t&&C(m.getWindowScrollTop())}}),1)[0],C=function(t){w(t>S.threshold)};t.useImperativeHandle(v,(function(){return{props:S,getElement:function(){return elementRef.current}}})),t.useEffect((function(){"window"===S.target?H():"parent"===S.target&&R()}),[]),s((function(){y.clear(N.current)}));var z=O({className:T("icon")},k("icon")),M=b.getJSXIcon(S.icon||t.createElement(p,z),I({},z),{props:S}),U=n("aria")?n("aria").scrollTop:void 0,Z=O({ref:N,type:"button",className:f(S.className,T("root")),style:S.style,onClick:function(){("window"===S.target?window:A.current.parentElement).scroll({top:0,behavior:S.behavior})},"aria-label":U},P.getOtherProps(S),k("root")),_=O({classNames:T("transition"),in:h,timeout:{enter:150,exit:150},options:S.transitionOptions,unmountOnExit:!0,onEnter:function(){y.set("overlay",N.current,j&&j.autoZIndex||e.autoZIndex,j&&j.zIndex.overlay||e.zIndex.overlay)},onEntered:function(){S.onShow&&S.onShow()},onExited:function(){y.clear(N.current),S.onHide&&S.onHide()}},k("transition"));return t.createElement(t.Fragment,null,t.createElement(l,d({nodeRef:N},_),t.createElement("button",Z,M,t.createElement(u,null))),D&&t.createElement("span",{ref:A,className:"p-scrolltop-helper"}))})));T.displayName="ScrollTop";export{T as ScrollTop};

package/scrolltop/scrolltop.js

@@ -174,6 +174,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = ScrollTopBase.getProps(inProps, context);
     var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
@@ -246,7 +247,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(scrollElementRef.current);
     });
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: cx('icon')
     }, ptm('icon'));
     var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, iconProps);
@@ -254,7 +255,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
       props: props
     });
     var scrollTopAriaLabel = PrimeReact.localeOption('aria') ? PrimeReact.localeOption('aria').scrollTop : undefined;
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: scrollElementRef,
       type: 'button',
       className: utils.classNames(props.className, cx('root')),
@@ -262,7 +263,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, componentbase
       onClick: onClick,
       'aria-label': scrollTopAriaLabel
     }, ScrollTopBase.getOtherProps(props), ptm('root'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": visibleState,
       timeout: {

package/scrolltop/scrolltop.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrolltop=function(e,t,n,r,o,i,l,c,a){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var p=u(t),f=s(n);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},y.apply(this,arguments)}function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e){if(Array.isArray(e))return e}function g(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,c=[],a=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(c.push(r.value),c.length!==t);a=!0);}catch(e){s=!0,o=e}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return h(e,t);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)?h(e,t):void 0}}function w(){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 j(e,t){return v(e)||g(e,t)||O(e,t)||w()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(e){return a.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==e.props.target})},icon:"p-scrolltop-icon",transition:"p-scrolltop"},styles:"\n@layer primereact {\n    .p-scrolltop {\n        position: fixed;\n        bottom: 20px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-scrolltop-sticky {\n        position: sticky;\n    }\n    \n    .p-scrolltop-sticky.p-link {\n        margin-left: auto;\n    }\n    \n    .p-scrolltop-helper {\n        display: none;\n    }\n    \n    .p-scrolltop-enter {\n        opacity: 0;\n    }\n    \n    .p-scrolltop-enter-active {\n        opacity: 1;\n        transition: opacity .15s;\n    }\n    \n    .p-scrolltop-exit {\n        opacity: 1;\n    }\n    \n    .p-scrolltop-exit-active {\n        opacity: 0;\n        transition: opacity .15s;\n    }\n}\n"}});function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){var r,o,i;r=e,i=n[t],(o=d(o=t))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=p.memo(p.forwardRef((function(e,t){var s=j(p.useState(!1),2),u=s[0],m=s[1],b=p.useContext(n.PrimeReactContext),d=S.getProps(e,b),v=S.setMetaData({props:d,state:{visible:u}}),g=v.ptm,h=v.cx;r.useHandleStyle(S.css.styles,v.isUnstyled,{name:"scrolltop"});var O=p.useRef(null),w=p.useRef(null),E="parent"===d.target,x=j(i.useEventListener({target:function(){return w.current&&w.current.parentElement},type:"scroll",listener:function(e){T(e.currentTarget.scrollTop)}}),1)[0],I=j(i.useEventListener({target:"window",type:"scroll",listener:function(e){e&&T(a.DomHandler.getWindowScrollTop())}}),1)[0],T=function(e){m(e>d.threshold)};p.useImperativeHandle(t,(function(){return{props:d,getElement:function(){return elementRef.current}}})),p.useEffect((function(){"window"===d.target?I():"parent"===d.target&&x()}),[]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(O.current)}));var k=a.mergeProps({className:h("icon")},g("icon")),N=a.IconUtils.getJSXIcon(d.icon||p.createElement(l.ChevronUpIcon,k),P({},k),{props:d}),R=n.localeOption("aria")?n.localeOption("aria").scrollTop:void 0,U=a.mergeProps({ref:O,type:"button",className:a.classNames(d.className,h("root")),style:d.style,onClick:function(){("window"===d.target?window:w.current.parentElement).scroll({top:0,behavior:d.behavior})},"aria-label":R},S.getOtherProps(d),g("root")),C=a.mergeProps({classNames:h("transition"),in:u,timeout:{enter:150,exit:150},options:d.transitionOptions,unmountOnExit:!0,onEnter:function(){a.ZIndexUtils.set("overlay",O.current,b&&b.autoZIndex||f.default.autoZIndex,b&&b.zIndex.overlay||f.default.zIndex.overlay)},onEntered:function(){d.onShow&&d.onShow()},onExited:function(){a.ZIndexUtils.clear(O.current),d.onHide&&d.onHide()}},g("transition"));return p.createElement(p.Fragment,null,p.createElement(o.CSSTransition,y({nodeRef:O},C),p.createElement("button",U,N,p.createElement(c.Ripple,null))),E&&p.createElement("span",{ref:w,className:"p-scrolltop-helper"}))})));return x.displayName="ScrollTop",e.ScrollTop=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronup,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.scrolltop=function(t,e,n,r,o,i,l,c,a){"use strict";function s(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function u(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var p=u(e),f=s(n);function y(){return y=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t},y.apply(this,arguments)}function m(t){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},m(t)}function b(t,e){if("object"!==m(t)||null===t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var r=n.call(t,e||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function d(t){var e=b(t,"string");return"symbol"===m(e)?e:String(e)}function v(t){if(Array.isArray(t))return t}function g(t,e){var n=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=n){var r,o,i,l,c=[],a=!0,s=!1;try{if(i=(n=n.call(t)).next,0===e){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=i.call(n)).done)&&(c.push(r.value),c.length!==e);a=!0);}catch(t){s=!0,o=t}finally{try{if(!a&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return c}}function h(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}function O(t,e){if(t){if("string"==typeof t)return h(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(t,e):void 0}}function w(){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 j(t,e){return v(t)||g(t,e)||O(t,e)||w()}var S=r.ComponentBase.extend({defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{root:function(t){return a.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==t.props.target})},icon:"p-scrolltop-icon",transition:"p-scrolltop"},styles:"\n@layer primereact {\n    .p-scrolltop {\n        position: fixed;\n        bottom: 20px;\n        right: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-scrolltop-sticky {\n        position: sticky;\n    }\n    \n    .p-scrolltop-sticky.p-link {\n        margin-left: auto;\n    }\n    \n    .p-scrolltop-helper {\n        display: none;\n    }\n    \n    .p-scrolltop-enter {\n        opacity: 0;\n    }\n    \n    .p-scrolltop-enter-active {\n        opacity: 1;\n        transition: opacity .15s;\n    }\n    \n    .p-scrolltop-exit {\n        opacity: 1;\n    }\n    \n    .p-scrolltop-exit-active {\n        opacity: 0;\n        transition: opacity .15s;\n    }\n}\n"}});function E(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function x(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?E(Object(n),!0).forEach((function(e){var r,o,i;r=t,i=n[e],(o=d(o=e))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var P=p.memo(p.forwardRef((function(t,e){var s=j(p.useState(!1),2),u=s[0],m=s[1],b=i.useMergeProps(),d=p.useContext(n.PrimeReactContext),v=S.getProps(t,d),g=S.setMetaData({props:v,state:{visible:u}}),h=g.ptm,O=g.cx;r.useHandleStyle(S.css.styles,g.isUnstyled,{name:"scrolltop"});var w=p.useRef(null),E=p.useRef(null),P="parent"===v.target,I=j(i.useEventListener({target:function(){return E.current&&E.current.parentElement},type:"scroll",listener:function(t){k(t.currentTarget.scrollTop)}}),1)[0],T=j(i.useEventListener({target:"window",type:"scroll",listener:function(t){t&&k(a.DomHandler.getWindowScrollTop())}}),1)[0],k=function(t){m(t>v.threshold)};p.useImperativeHandle(e,(function(){return{props:v,getElement:function(){return elementRef.current}}})),p.useEffect((function(){"window"===v.target?T():"parent"===v.target&&I()}),[]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(w.current)}));var N=b({className:O("icon")},h("icon")),R=a.IconUtils.getJSXIcon(v.icon||p.createElement(l.ChevronUpIcon,N),x({},N),{props:v}),U=n.localeOption("aria")?n.localeOption("aria").scrollTop:void 0,C=b({ref:w,type:"button",className:a.classNames(v.className,O("root")),style:v.style,onClick:function(){("window"===v.target?window:E.current.parentElement).scroll({top:0,behavior:v.behavior})},"aria-label":U},S.getOtherProps(v),h("root")),D=b({classNames:O("transition"),in:u,timeout:{enter:150,exit:150},options:v.transitionOptions,unmountOnExit:!0,onEnter:function(){a.ZIndexUtils.set("overlay",w.current,d&&d.autoZIndex||f.default.autoZIndex,d&&d.zIndex.overlay||f.default.zIndex.overlay)},onEntered:function(){v.onShow&&v.onShow()},onExited:function(){a.ZIndexUtils.clear(w.current),v.onHide&&v.onHide()}},h("transition"));return p.createElement(p.Fragment,null,p.createElement(o.CSSTransition,y({nodeRef:w},D),p.createElement("button",C,R,p.createElement(c.Ripple,null))),P&&p.createElement("span",{ref:E,className:"p-scrolltop-helper"}))})));return P.displayName="ScrollTop",t.ScrollTop=P,Object.defineProperty(t,"__esModule",{value:!0}),t}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.icons.chevronup,primereact.ripple,primereact.utils);

package/selectbutton/selectbutton.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var api = require('primereact/api');
+var hooks = require('primereact/hooks');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
@@ -165,6 +166,7 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key) {
@@ -199,13 +201,13 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var createContent = function createContent() {
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, getPTOptions('label'));
     return props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label);
   };
   var content = createContent();
-  var buttonProps = utils.mergeProps({
+  var buttonProps = mergeProps({
     className: utils.classNames(props.className, cx('button', {
       itemProps: props,
       focusedState: focusedState
@@ -224,6 +226,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 mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(api.PrimeReactContext);
   var props = SelectButtonBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
@@ -332,7 +335,7 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   });
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var items = createItems();
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: cx('root'),