primereact 9.3.0 → 9.4.0

package/scrolltop/scrolltop.cjs.js

@@ -8,6 +8,7 @@ var csstransition = require('primereact/csstransition');
 var hooks = require('primereact/hooks');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var chevronup = require('primereact/icons/chevronup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -33,19 +34,45 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayWithHoles(arr) {
@@ -103,7 +130,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var ScrollTopBase = {
+var ScrollTopBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ScrollTop',
     target: 'window',
@@ -116,21 +143,24 @@ var ScrollTopBase = {
     onShow: null,
     onHide: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, ScrollTopBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, ScrollTopBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = ScrollTopBase.getProps(inProps);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var props = ScrollTopBase.getProps(inProps);
+  var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState
+      }
+    }),
+    ptm = _ScrollTopBase$setMet.ptm;
   var scrollElementRef = React__namespace.useRef(null);
   var helperRef = React__namespace.useRef(null);
   var isTargetParent = props.target === 'parent';
@@ -188,19 +218,24 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(scrollElementRef.current);
   });
-  var otherProps = ScrollTopBase.getOtherProps(props);
   var className = utils.classNames('p-scrolltop p-link p-component', {
     'p-scrolltop-sticky': props.target !== 'window'
   }, props.className);
   var iconClassName = 'p-scrolltop-icon';
-  var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
-    className: iconClassName
-  });
-  var scrollIcon = utils.IconUtils.getJSXIcon(icon, {
+  var iconProps = utils.mergeProps({
     className: iconClassName
-  }, {
+  }, ptm('icon'));
+  var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, iconProps);
+  var scrollIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
     props: props
   });
+  var rootProps = utils.mergeProps({
+    ref: scrollElementRef,
+    type: 'button',
+    className: className,
+    style: props.style,
+    onClick: onClick
+  }, ScrollTopBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
     nodeRef: scrollElementRef,
     classNames: "p-scrolltop",
@@ -214,14 +249,7 @@ var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     onEnter: onEnter,
     onEntered: onEntered,
     onExited: onExited
-  }, /*#__PURE__*/React__namespace.createElement("button", _extends({
-    ref: scrollElementRef,
-    type: "button",
-    className: className,
-    style: props.style
-  }, otherProps, {
-    onClick: onClick
-  }), scrollIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), isTargetParent && /*#__PURE__*/React__namespace.createElement("span", {
+  }, /*#__PURE__*/React__namespace.createElement("button", rootProps, scrollIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), isTargetParent && /*#__PURE__*/React__namespace.createElement("span", {
     ref: helperRef,
     className: "p-scrolltop-helper"
   }));

package/scrolltop/scrolltop.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/ripple"),l=require("primereact/utils"),i=require("primereact/icons/chevronup");function a(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(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=u(e),s=a(t);function p(){return p=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},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,a=[],u=!0,c=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=l.call(r)).done)&&(a.push(n.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function m(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 y(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return f(e)||d(e,t)||y(e,t)||g()}var b={defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return l.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,b.defaultProps)}},v=c.memo(c.forwardRef((function(e,t){var a=b.getProps(e),u=h(c.useState(!1),2),f=u[0],d=u[1],m=c.useRef(null),y=c.useRef(null),g="parent"===a.target,v=h(n.useEventListener({target:function(){return y.current&&y.current.parentElement},type:"scroll",listener:function(e){O(e.currentTarget.scrollTop)}}),1)[0],w=h(n.useEventListener({target:"window",type:"scroll",listener:function(){O(l.DomHandler.getWindowScrollTop())}}),1)[0],O=function(e){d(e>a.threshold)};c.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return elementRef.current}}})),n.useMountEffect((function(){"window"===a.target?w():"parent"===a.target&&v()})),n.useUnmountEffect((function(){l.ZIndexUtils.clear(m.current)}));var E=b.getOtherProps(a),j=l.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==a.target},a.className),S="p-scrolltop-icon",P=l.IconUtils.getJSXIcon(a.icon||c.createElement(i.ChevronUpIcon,{className:S}),{className:S},{props:a});return c.createElement(c.Fragment,null,c.createElement(r.CSSTransition,{nodeRef:m,classNames:"p-scrolltop",in:f,timeout:{enter:150,exit:150},options:a.transitionOptions,unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",m.current,s.default.autoZIndex,s.default.zIndex.overlay)},onEntered:function(){a.onShow&&a.onShow()},onExited:function(){l.ZIndexUtils.clear(m.current),a.onHide&&a.onHide()}},c.createElement("button",p({ref:m,type:"button",className:j,style:a.style},E,{onClick:function(){("window"===a.target?window:y.current.parentElement).scroll({top:0,behavior:a.behavior})}}),P,c.createElement(o.Ripple,null))),g&&c.createElement("span",{ref:y,className:"p-scrolltop-helper"}))})));v.displayName="ScrollTop",exports.ScrollTop=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/csstransition"),n=require("primereact/hooks"),o=require("primereact/ripple"),i=require("primereact/utils"),l=require("primereact/componentbase"),c=require("primereact/icons/chevronup");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=a(e),p=u(t);function f(e){return f="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},f(e)}function m(e,t){if("object"!==f(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==f(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=m(e,"string");return"symbol"===f(t)?t:String(t)}function b(e,t,r){return(t=y(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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=[],u=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)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=l.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}});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 E(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){b(e,t,r[t])})):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 P=s.memo(s.forwardRef((function(e,t){var l=w(s.useState(!1),2),u=l[0],a=l[1],f=j.getProps(e),m=j.setMetaData({props:f,state:{visible:u}}).ptm,y=s.useRef(null),b=s.useRef(null),d="parent"===f.target,v=w(n.useEventListener({target:function(){return b.current&&b.current.parentElement},type:"scroll",listener:function(e){O(e.currentTarget.scrollTop)}}),1)[0],g=w(n.useEventListener({target:"window",type:"scroll",listener:function(){O(i.DomHandler.getWindowScrollTop())}}),1)[0],O=function(e){a(e>f.threshold)};s.useImperativeHandle(t,(function(){return{props:f,getElement:function(){return elementRef.current}}})),n.useMountEffect((function(){"window"===f.target?g():"parent"===f.target&&v()})),n.useUnmountEffect((function(){i.ZIndexUtils.clear(y.current)}));var h=i.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==f.target},f.className),S=i.mergeProps({className:"p-scrolltop-icon"},m("icon")),P=i.IconUtils.getJSXIcon(f.icon||s.createElement(c.ChevronUpIcon,S),E({},S),{props:f}),x=i.mergeProps({ref:y,type:"button",className:h,style:f.style,onClick:function(){("window"===f.target?window:b.current.parentElement).scroll({top:0,behavior:f.behavior})}},j.getOtherProps(f),m("root"));return s.createElement(s.Fragment,null,s.createElement(r.CSSTransition,{nodeRef:y,classNames:"p-scrolltop",in:u,timeout:{enter:150,exit:150},options:f.transitionOptions,unmountOnExit:!0,onEnter:function(){i.ZIndexUtils.set("overlay",y.current,p.default.autoZIndex,p.default.zIndex.overlay)},onEntered:function(){f.onShow&&f.onShow()},onExited:function(){i.ZIndexUtils.clear(y.current),f.onHide&&f.onHide()}},s.createElement("button",x,P,s.createElement(o.Ripple,null))),d&&s.createElement("span",{ref:b,className:"p-scrolltop-helper"}))})));P.displayName="ScrollTop",exports.ScrollTop=P;

package/scrolltop/scrolltop.d.ts

@@ -9,7 +9,43 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
-import { IconType } from '../utils';
+import { IconType, PassThroughType } from '../utils';
+
+export declare type ScrollTopPassThroughType<T> = PassThroughType<T, ScrollTopPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ScrollTopPassThroughMethodOptions {
+    props: ScrollTopProps;
+    state: ScrollTopState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ScrollTopProps.pt}
+ */
+export interface ScrollTopPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: ScrollTopPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: ScrollTopPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+}
+
+/**
+ * Defines current inline state in ScrollTop component.
+ */
+export interface ScrollTopState {
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    visible: boolean;
+}
 
 /**
  * Defines valid properties in ScrollTop component.
@@ -61,6 +97,11 @@ export interface ScrollTopProps {
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {ScrollTopPassThroughOptions}
+     */
+    pt?: ScrollTopPassThroughOptions;
 }
 
 /**

package/scrolltop/scrolltop.esm.js

@@ -3,22 +3,49 @@ import PrimeReact from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useEventListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, DomHandler, ZIndexUtils, classNames, IconUtils } from 'primereact/utils';
+import { DomHandler, ZIndexUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { ChevronUpIcon } from 'primereact/icons/chevronup';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 
 function _arrayWithHoles(arr) {
@@ -76,7 +103,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var ScrollTopBase = {
+var ScrollTopBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'ScrollTop',
     target: 'window',
@@ -89,21 +116,24 @@ var ScrollTopBase = {
     onShow: null,
     onHide: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, ScrollTopBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, ScrollTopBase.defaultProps);
   }
-};
+});
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = ScrollTopBase.getProps(inProps);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
+  var props = ScrollTopBase.getProps(inProps);
+  var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
+      props: props,
+      state: {
+        visible: visibleState
+      }
+    }),
+    ptm = _ScrollTopBase$setMet.ptm;
   var scrollElementRef = React.useRef(null);
   var helperRef = React.useRef(null);
   var isTargetParent = props.target === 'parent';
@@ -161,19 +191,24 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   useUnmountEffect(function () {
     ZIndexUtils.clear(scrollElementRef.current);
   });
-  var otherProps = ScrollTopBase.getOtherProps(props);
   var className = classNames('p-scrolltop p-link p-component', {
     'p-scrolltop-sticky': props.target !== 'window'
   }, props.className);
   var iconClassName = 'p-scrolltop-icon';
-  var icon = props.icon || /*#__PURE__*/React.createElement(ChevronUpIcon, {
-    className: iconClassName
-  });
-  var scrollIcon = IconUtils.getJSXIcon(icon, {
+  var iconProps = mergeProps({
     className: iconClassName
-  }, {
+  }, ptm('icon'));
+  var icon = props.icon || /*#__PURE__*/React.createElement(ChevronUpIcon, iconProps);
+  var scrollIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
     props: props
   });
+  var rootProps = mergeProps({
+    ref: scrollElementRef,
+    type: 'button',
+    className: className,
+    style: props.style,
+    onClick: onClick
+  }, ScrollTopBase.getOtherProps(props), ptm('root'));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CSSTransition, {
     nodeRef: scrollElementRef,
     classNames: "p-scrolltop",
@@ -187,14 +222,7 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     onEnter: onEnter,
     onEntered: onEntered,
     onExited: onExited
-  }, /*#__PURE__*/React.createElement("button", _extends({
-    ref: scrollElementRef,
-    type: "button",
-    className: className,
-    style: props.style
-  }, otherProps, {
-    onClick: onClick
-  }), scrollIcon, /*#__PURE__*/React.createElement(Ripple, null))), isTargetParent && /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React.createElement("button", rootProps, scrollIcon, /*#__PURE__*/React.createElement(Ripple, null))), isTargetParent && /*#__PURE__*/React.createElement("span", {
     ref: helperRef,
     className: "p-scrolltop-helper"
   }));

package/scrolltop/scrolltop.esm.min.js

@@ -1 +1 @@
-import*as t from"react";import e from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as n,useMountEffect as o,useUnmountEffect as l}from"primereact/hooks";import{Ripple as i}from"primereact/ripple";import{ObjectUtils as a,DomHandler as c,ZIndexUtils as u,classNames as s,IconUtils as p}from"primereact/utils";import{ChevronUpIcon as f}from"primereact/icons/chevronup";function m(){return m=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},m.apply(this,arguments)}function d(t){if(Array.isArray(t))return t}function y(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,l,i,a=[],c=!0,u=!1;try{if(l=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(a.push(n.value),a.length!==e);c=!0);}catch(t){u=!0,o=t}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function g(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 h(t,e){if(t){if("string"==typeof t)return g(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)?g(t,e):void 0}}function v(){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(t,e){return d(t)||y(t,e)||h(t,e)||v()}var b={defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(t){return a.getMergedProps(t,b.defaultProps)},getOtherProps:function(t){return a.getDiffProps(t,b.defaultProps)}},E=t.memo(t.forwardRef((function(a,d){var y=b.getProps(a),g=w(t.useState(!1),2),h=g[0],v=g[1],E=t.useRef(null),O=t.useRef(null),S="parent"===y.target,P=w(n({target:function(){return O.current&&O.current.parentElement},type:"scroll",listener:function(t){N(t.currentTarget.scrollTop)}}),1)[0],j=w(n({target:"window",type:"scroll",listener:function(){N(c.getWindowScrollTop())}}),1)[0],N=function(t){v(t>y.threshold)};t.useImperativeHandle(d,(function(){return{props:y,getElement:function(){return elementRef.current}}})),o((function(){"window"===y.target?j():"parent"===y.target&&P()})),l((function(){u.clear(E.current)}));var x=b.getOtherProps(y),I=s("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==y.target},y.className),T="p-scrolltop-icon",A=p.getJSXIcon(y.icon||t.createElement(f,{className:T}),{className:T},{props:y});return t.createElement(t.Fragment,null,t.createElement(r,{nodeRef:E,classNames:"p-scrolltop",in:h,timeout:{enter:150,exit:150},options:y.transitionOptions,unmountOnExit:!0,onEnter:function(){u.set("overlay",E.current,e.autoZIndex,e.zIndex.overlay)},onEntered:function(){y.onShow&&y.onShow()},onExited:function(){u.clear(E.current),y.onHide&&y.onHide()}},t.createElement("button",m({ref:E,type:"button",className:I,style:y.style},x,{onClick:function(){("window"===y.target?window:O.current.parentElement).scroll({top:0,behavior:y.behavior})}}),A,t.createElement(i,null))),S&&t.createElement("span",{ref:O,className:"p-scrolltop-helper"}))})));E.displayName="ScrollTop";export{E as ScrollTop};
+import*as t from"react";import e from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as n,useMountEffect as o,useUnmountEffect as i}from"primereact/hooks";import{Ripple as l}from"primereact/ripple";import{DomHandler as c,ZIndexUtils as a,classNames as u,mergeProps as p,IconUtils as s}from"primereact/utils";import{ComponentBase as f}from"primereact/componentbase";import{ChevronUpIcon as m}from"primereact/icons/chevronup";function y(t){return y="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},y(t)}function b(t,e){if("object"!==y(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!==y(n))return n;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"===y(e)?e:String(e)}function v(t,e,r){return(e=d(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function g(t){if(Array.isArray(t))return t}function h(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,u=!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){u=!0,o=t}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function w(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 O(t,e){if(t){if("string"==typeof t)return w(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)?w(t,e):void 0}}function S(){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 g(t)||h(t,e)||O(t,e)||S()}var E=f.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}});function P(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 x(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?P(Object(r),!0).forEach((function(e){v(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}var N=t.memo(t.forwardRef((function(f,y){var b=j(t.useState(!1),2),d=b[0],v=b[1],g=E.getProps(f),h=E.setMetaData({props:g,state:{visible:d}}).ptm,w=t.useRef(null),O=t.useRef(null),S="parent"===g.target,P=j(n({target:function(){return O.current&&O.current.parentElement},type:"scroll",listener:function(t){T(t.currentTarget.scrollTop)}}),1)[0],N=j(n({target:"window",type:"scroll",listener:function(){T(c.getWindowScrollTop())}}),1)[0],T=function(t){v(t>g.threshold)};t.useImperativeHandle(y,(function(){return{props:g,getElement:function(){return elementRef.current}}})),o((function(){"window"===g.target?N():"parent"===g.target&&P()})),i((function(){a.clear(w.current)}));var I=u("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==g.target},g.className),A=p({className:"p-scrolltop-icon"},h("icon")),k=s.getJSXIcon(g.icon||t.createElement(m,A),x({},A),{props:g}),D=p({ref:w,type:"button",className:I,style:g.style,onClick:function(){("window"===g.target?window:O.current.parentElement).scroll({top:0,behavior:g.behavior})}},E.getOtherProps(g),h("root"));return t.createElement(t.Fragment,null,t.createElement(r,{nodeRef:w,classNames:"p-scrolltop",in:d,timeout:{enter:150,exit:150},options:g.transitionOptions,unmountOnExit:!0,onEnter:function(){a.set("overlay",w.current,e.autoZIndex,e.zIndex.overlay)},onEntered:function(){g.onShow&&g.onShow()},onExited:function(){a.clear(w.current),g.onHide&&g.onHide()}},t.createElement("button",D,k,t.createElement(l,null))),S&&t.createElement("span",{ref:O,className:"p-scrolltop-helper"}))})));N.displayName="ScrollTop";export{N as ScrollTop};

package/scrolltop/scrolltop.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition, hooks, ripple, utils, chevronup) {
+this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition, hooks, ripple, utils, componentbase, chevronup) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,19 +25,45 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
+  function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
   }
 
   function _arrayWithHoles(arr) {
@@ -95,7 +121,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var ScrollTopBase = {
+  var ScrollTopBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'ScrollTop',
       target: 'window',
@@ -108,21 +134,24 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
       onShow: null,
       onHide: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, ScrollTopBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, ScrollTopBase.defaultProps);
     }
-  };
+  });
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ScrollTop = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = ScrollTopBase.getProps(inProps);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
+    var props = ScrollTopBase.getProps(inProps);
+    var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
+        props: props,
+        state: {
+          visible: visibleState
+        }
+      }),
+      ptm = _ScrollTopBase$setMet.ptm;
     var scrollElementRef = React__namespace.useRef(null);
     var helperRef = React__namespace.useRef(null);
     var isTargetParent = props.target === 'parent';
@@ -180,19 +209,24 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(scrollElementRef.current);
     });
-    var otherProps = ScrollTopBase.getOtherProps(props);
     var className = utils.classNames('p-scrolltop p-link p-component', {
       'p-scrolltop-sticky': props.target !== 'window'
     }, props.className);
     var iconClassName = 'p-scrolltop-icon';
-    var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, {
-      className: iconClassName
-    });
-    var scrollIcon = utils.IconUtils.getJSXIcon(icon, {
+    var iconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('icon'));
+    var icon = props.icon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, iconProps);
+    var scrollIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
       props: props
     });
+    var rootProps = utils.mergeProps({
+      ref: scrollElementRef,
+      type: 'button',
+      className: className,
+      style: props.style,
+      onClick: onClick
+    }, ScrollTopBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: scrollElementRef,
       classNames: "p-scrolltop",
@@ -206,14 +240,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
       onEnter: onEnter,
       onEntered: onEntered,
       onExited: onExited
-    }, /*#__PURE__*/React__namespace.createElement("button", _extends({
-      ref: scrollElementRef,
-      type: "button",
-      className: className,
-      style: props.style
-    }, otherProps, {
-      onClick: onClick
-    }), scrollIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), isTargetParent && /*#__PURE__*/React__namespace.createElement("span", {
+    }, /*#__PURE__*/React__namespace.createElement("button", rootProps, scrollIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null))), isTargetParent && /*#__PURE__*/React__namespace.createElement("span", {
       ref: helperRef,
       className: "p-scrolltop-helper"
     }));
@@ -226,4 +253,4 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.ripple, primereact.utils, primereact.icons/chevronup);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.ripple, primereact.utils, primereact.componentbase, primereact.icons.chevronup);

package/scrolltop/scrolltop.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.scrolltop=function(e,t,r,n,o,l,i,a){"use strict";function c(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(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 s=u(t),p=c(r);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 d(e){if(Array.isArray(e))return e}function m(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,a=[],c=!0,u=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw o}}return a}}function y(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 h(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function g(){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 b(e,t){return d(e)||m(e,t)||h(e,t)||g()}var v={defaultProps:{__TYPE:"ScrollTop",target:"window",threshold:400,icon:null,behavior:"smooth",className:null,style:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},getProps:function(e){return i.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return i.ObjectUtils.getDiffProps(e,v.defaultProps)}},w=s.memo(s.forwardRef((function(e,t){var r=v.getProps(e),c=b(s.useState(!1),2),u=c[0],d=c[1],m=s.useRef(null),y=s.useRef(null),h="parent"===r.target,g=b(o.useEventListener({target:function(){return y.current&&y.current.parentElement},type:"scroll",listener:function(e){O(e.currentTarget.scrollTop)}}),1)[0],w=b(o.useEventListener({target:"window",type:"scroll",listener:function(){O(i.DomHandler.getWindowScrollTop())}}),1)[0],O=function(e){d(e>r.threshold)};s.useImperativeHandle(t,(function(){return{props:r,getElement:function(){return elementRef.current}}})),o.useMountEffect((function(){"window"===r.target?w():"parent"===r.target&&g()})),o.useUnmountEffect((function(){i.ZIndexUtils.clear(m.current)}));var E=v.getOtherProps(r),j=i.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==r.target},r.className),S="p-scrolltop-icon",P=i.IconUtils.getJSXIcon(r.icon||s.createElement(a.ChevronUpIcon,{className:S}),{className:S},{props:r});return s.createElement(s.Fragment,null,s.createElement(n.CSSTransition,{nodeRef:m,classNames:"p-scrolltop",in:u,timeout:{enter:150,exit:150},options:r.transitionOptions,unmountOnExit:!0,onEnter:function(){i.ZIndexUtils.set("overlay",m.current,p.default.autoZIndex,p.default.zIndex.overlay)},onEntered:function(){r.onShow&&r.onShow()},onExited:function(){i.ZIndexUtils.clear(m.current),r.onHide&&r.onHide()}},s.createElement("button",f({ref:m,type:"button",className:j,style:r.style},E,{onClick:function(){("window"===r.target?window:y.current.parentElement).scroll({top:0,behavior:r.behavior})}}),P,s.createElement(l.Ripple,null))),h&&s.createElement("span",{ref:y,className:"p-scrolltop-helper"}))})));return w.displayName="ScrollTop",e.ScrollTop=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils,primereact.icons/chevronup);
+this.primereact=this.primereact||{},this.primereact.scrolltop=function(e,t,r,n,o,i,l,c,u){"use strict";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 p=s(t),f=a(r);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 y(e,t){if("object"!==m(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=y(e,"string");return"symbol"===m(t)?t:String(t)}function d(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function v(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,l,c=[],u=!0,a=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);u=!0);}catch(e){a=!0,o=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(a)throw o}}return c}}function h(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 h(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)?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=c.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}});function E(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 P(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){d(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var I=p.memo(p.forwardRef((function(e,t){var r=j(p.useState(!1),2),c=r[0],a=r[1],s=S.getProps(e),m=S.setMetaData({props:s,state:{visible:c}}).ptm,y=p.useRef(null),b=p.useRef(null),d="parent"===s.target,v=j(o.useEventListener({target:function(){return b.current&&b.current.parentElement},type:"scroll",listener:function(e){h(e.currentTarget.scrollTop)}}),1)[0],g=j(o.useEventListener({target:"window",type:"scroll",listener:function(){h(l.DomHandler.getWindowScrollTop())}}),1)[0],h=function(e){a(e>s.threshold)};p.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return elementRef.current}}})),o.useMountEffect((function(){"window"===s.target?g():"parent"===s.target&&v()})),o.useUnmountEffect((function(){l.ZIndexUtils.clear(y.current)}));var O=l.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==s.target},s.className),w=l.mergeProps({className:"p-scrolltop-icon"},m("icon")),E=l.IconUtils.getJSXIcon(s.icon||p.createElement(u.ChevronUpIcon,w),P({},w),{props:s}),I=l.mergeProps({ref:y,type:"button",className:O,style:s.style,onClick:function(){("window"===s.target?window:b.current.parentElement).scroll({top:0,behavior:s.behavior})}},S.getOtherProps(s),m("root"));return p.createElement(p.Fragment,null,p.createElement(n.CSSTransition,{nodeRef:y,classNames:"p-scrolltop",in:c,timeout:{enter:150,exit:150},options:s.transitionOptions,unmountOnExit:!0,onEnter:function(){l.ZIndexUtils.set("overlay",y.current,f.default.autoZIndex,f.default.zIndex.overlay)},onEntered:function(){s.onShow&&s.onShow()},onExited:function(){l.ZIndexUtils.clear(y.current),s.onHide&&s.onHide()}},p.createElement("button",I,E,p.createElement(i.Ripple,null))),d&&p.createElement("span",{ref:b,className:"p-scrolltop-helper"}))})));return I.displayName="ScrollTop",e.ScrollTop=I,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.ripple,primereact.utils,primereact.componentbase,primereact.icons.chevronup);

package/selectbutton/selectbutton.cjs.js

@@ -219,8 +219,12 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       props.onChange({
         originalEvent: event.originalEvent,
         value: newValue,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
+        stopPropagation: function stopPropagation() {
+          event.originalEvent.stopPropagation();
+        },
+        preventDefault: function preventDefault() {
+          event.originalEvent.preventDefault();
+        },
         target: {
           name: props.name,
           id: props.id,