primereact 9.4.0 → 9.6.0

package/scrolltop/scrolltop.esm.js

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import PrimeReact from 'primereact/api';
+import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
-import { useEventListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
+import { useEventListener, useUnmountEffect } from 'primereact/hooks';
+import { ChevronUpIcon } from 'primereact/icons/chevronup';
 import { Ripple } from 'primereact/ripple';
 import { DomHandler, ZIndexUtils, classNames, mergeProps, IconUtils } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
-import { ChevronUpIcon } from 'primereact/icons/chevronup';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -126,7 +126,8 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
     setVisibleState = _React$useState2[1];
-  var props = ScrollTopBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = ScrollTopBase.getProps(inProps, context);
   var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
       props: props,
       state: {
@@ -151,8 +152,8 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var _useEventListener3 = useEventListener({
       target: 'window',
       type: 'scroll',
-      listener: function listener() {
-        checkVisibility(DomHandler.getWindowScrollTop());
+      listener: function listener(event) {
+        event && checkVisibility(DomHandler.getWindowScrollTop());
       }
     }),
     _useEventListener4 = _slicedToArray(_useEventListener3, 1),
@@ -168,7 +169,7 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     setVisibleState(scrollY > props.threshold);
   };
   var onEnter = function onEnter() {
-    ZIndexUtils.set('overlay', scrollElementRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
+    ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, context && context.zIndex['overlay'] || PrimeReact.zIndex['overlay']);
   };
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
@@ -185,9 +186,10 @@ var ScrollTop = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       }
     };
   });
-  useMountEffect(function () {
+  React.useEffect(function () {
     if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
-  });
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   useUnmountEffect(function () {
     ZIndexUtils.clear(scrollElementRef.current);
   });

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 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};
+import*as t from"react";import e,{PrimeReactContext as r}from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useEventListener as o,useUnmountEffect as i}from"primereact/hooks";import{ChevronUpIcon as l}from"primereact/icons/chevronup";import{Ripple as c}from"primereact/ripple";import{DomHandler as a,ZIndexUtils as u,classNames as p,mergeProps as s,IconUtils as f}from"primereact/utils";import{ComponentBase as m}from"primereact/componentbase";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=m.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 I=t.memo(t.forwardRef((function(m,y){var b=j(t.useState(!1),2),d=b[0],v=b[1],g=t.useContext(r),h=E.getProps(m,g),w=E.setMetaData({props:h,state:{visible:d}}).ptm,O=t.useRef(null),S=t.useRef(null),P="parent"===h.target,I=j(o({target:function(){return S.current&&S.current.parentElement},type:"scroll",listener:function(t){T(t.currentTarget.scrollTop)}}),1)[0],N=j(o({target:"window",type:"scroll",listener:function(t){t&&T(a.getWindowScrollTop())}}),1)[0],T=function(t){v(t>h.threshold)};t.useImperativeHandle(y,(function(){return{props:h,getElement:function(){return elementRef.current}}})),t.useEffect((function(){"window"===h.target?N():"parent"===h.target&&I()}),[]),i((function(){u.clear(O.current)}));var A=p("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==h.target},h.className),k=s({className:"p-scrolltop-icon"},w("icon")),D=f.getJSXIcon(h.icon||t.createElement(l,k),x({},k),{props:h}),R=s({ref:O,type:"button",className:A,style:h.style,onClick:function(){("window"===h.target?window:S.current.parentElement).scroll({top:0,behavior:h.behavior})}},E.getOtherProps(h),w("root"));return t.createElement(t.Fragment,null,t.createElement(n,{nodeRef:O,classNames:"p-scrolltop",in:d,timeout:{enter:150,exit:150},options:h.transitionOptions,unmountOnExit:!0,onEnter:function(){u.set("overlay",O.current,g&&g.autoZIndex||e.autoZIndex,g&&g.zIndex.overlay||e.zIndex.overlay)},onEntered:function(){h.onShow&&h.onShow()},onExited:function(){u.clear(O.current),h.onHide&&h.onHide()}},t.createElement("button",R,D,t.createElement(c,null))),P&&t.createElement("span",{ref:S,className:"p-scrolltop-helper"}))})));I.displayName="ScrollTop";export{I 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, componentbase, chevronup) {
+this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition, hooks, chevronup, ripple, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -144,7 +144,8 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
-    var props = ScrollTopBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = ScrollTopBase.getProps(inProps, context);
     var _ScrollTopBase$setMet = ScrollTopBase.setMetaData({
         props: props,
         state: {
@@ -169,8 +170,8 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
     var _useEventListener3 = hooks.useEventListener({
         target: 'window',
         type: 'scroll',
-        listener: function listener() {
-          checkVisibility(utils.DomHandler.getWindowScrollTop());
+        listener: function listener(event) {
+          event && checkVisibility(utils.DomHandler.getWindowScrollTop());
         }
       }),
       _useEventListener4 = _slicedToArray(_useEventListener3, 1),
@@ -186,7 +187,7 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
       setVisibleState(scrollY > props.threshold);
     };
     var onEnter = function onEnter() {
-      utils.ZIndexUtils.set('overlay', scrollElementRef.current, PrimeReact__default["default"].autoZIndex, PrimeReact__default["default"].zIndex['overlay']);
+      utils.ZIndexUtils.set('overlay', scrollElementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
     };
     var onEntered = function onEntered() {
       props.onShow && props.onShow();
@@ -203,9 +204,10 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
         }
       };
     });
-    hooks.useMountEffect(function () {
+    React__namespace.useEffect(function () {
       if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
-    });
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
     hooks.useUnmountEffect(function () {
       utils.ZIndexUtils.clear(scrollElementRef.current);
     });
@@ -253,4 +255,4 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.ripple, primereact.utils, primereact.componentbase, primereact.icons.chevronup);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.icons.chevronup, primereact.ripple, primereact.utils, primereact.componentbase);

package/scrolltop/scrolltop.min.js

@@ -1 +1 @@
-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);
+this.primereact=this.primereact||{},this.primereact.scrolltop=function(e,t,r,n,o,i,l,c,a){"use strict";function u(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=u(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=[],a=!0,u=!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){u=!0,o=e}finally{try{if(!a&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)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=a.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 x=p.memo(p.forwardRef((function(e,t){var a=j(p.useState(!1),2),u=a[0],s=a[1],m=p.useContext(r.PrimeReactContext),y=S.getProps(e,m),b=S.setMetaData({props:y,state:{visible:u}}).ptm,d=p.useRef(null),v=p.useRef(null),g="parent"===y.target,h=j(o.useEventListener({target:function(){return v.current&&v.current.parentElement},type:"scroll",listener:function(e){w(e.currentTarget.scrollTop)}}),1)[0],O=j(o.useEventListener({target:"window",type:"scroll",listener:function(e){e&&w(c.DomHandler.getWindowScrollTop())}}),1)[0],w=function(e){s(e>y.threshold)};p.useImperativeHandle(t,(function(){return{props:y,getElement:function(){return elementRef.current}}})),p.useEffect((function(){"window"===y.target?O():"parent"===y.target&&h()}),[]),o.useUnmountEffect((function(){c.ZIndexUtils.clear(d.current)}));var E=c.classNames("p-scrolltop p-link p-component",{"p-scrolltop-sticky":"window"!==y.target},y.className),x=c.mergeProps({className:"p-scrolltop-icon"},b("icon")),I=c.IconUtils.getJSXIcon(y.icon||p.createElement(i.ChevronUpIcon,x),P({},x),{props:y}),T=c.mergeProps({ref:d,type:"button",className:E,style:y.style,onClick:function(){("window"===y.target?window:v.current.parentElement).scroll({top:0,behavior:y.behavior})}},S.getOtherProps(y),b("root"));return p.createElement(p.Fragment,null,p.createElement(n.CSSTransition,{nodeRef:d,classNames:"p-scrolltop",in:u,timeout:{enter:150,exit:150},options:y.transitionOptions,unmountOnExit:!0,onEnter:function(){c.ZIndexUtils.set("overlay",d.current,m&&m.autoZIndex||f.default.autoZIndex,m&&m.zIndex.overlay||f.default.zIndex.overlay)},onEntered:function(){y.onShow&&y.onShow()},onExited:function(){c.ZIndexUtils.clear(d.current),y.onHide&&y.onHide()}},p.createElement("button",T,I,p.createElement(l.Ripple,null))),g&&p.createElement("span",{ref:v,className:"p-scrolltop-helper"}))})));return x.displayName="ScrollTop",e.ScrollTop=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.icons.chevronup,primereact.ripple,primereact.utils,primereact.componentbase);

package/selectbutton/selectbutton.cjs.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var tooltip = require('primereact/tooltip');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var ripple = require('primereact/ripple');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -73,7 +75,7 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-var SelectButtonBase = {
+var SelectButtonBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'SelectButton',
     id: null,
@@ -94,14 +96,8 @@ var SelectButtonBase = {
     itemTemplate: null,
     onChange: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, SelectButtonBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, SelectButtonBase.defaultProps);
   }
-};
+});
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -148,6 +144,13 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var getPTOptions = function getPTOptions(item, key) {
+    return props.ptm(key, {
+      context: {
+        selected: props.selected
+      }
+    });
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -170,9 +173,10 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     }
   };
   var createContent = function createContent() {
-    return props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-button-label p-c"
-    }, props.label);
+    var labelProps = utils.mergeProps({
+      className: 'p-button-label p-c'
+    }, getPTOptions(props.option, 'label'));
+    return props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label);
   };
   var className = utils.classNames('p-button p-component', {
     'p-highlight': props.selected,
@@ -180,23 +184,29 @@ var SelectButtonItem = /*#__PURE__*/React__namespace.memo(function (props) {
     'p-focus': focusedState
   }, props.className);
   var content = createContent();
-  return /*#__PURE__*/React__namespace.createElement("div", {
+  var buttonProps = utils.mergeProps({
     className: className,
-    role: "button",
-    "aria-label": props.label,
-    "aria-pressed": props.selected,
+    role: 'button',
+    'aria-label': props.label,
+    'aria-pressed': props.selected,
     onClick: onClick,
     onKeyDown: onKeyDown,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur
-  }, content, !props.disabled && /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+  }, getPTOptions(props.option, 'button'));
+  return /*#__PURE__*/React__namespace.createElement("div", buttonProps, content, !props.disabled && /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
 var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = SelectButtonBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = SelectButtonBase.getProps(inProps, context);
   var elementRef = React__namespace.useRef(null);
+  var _SelectButtonBase$set = SelectButtonBase.setMetaData({
+      props: props
+    }),
+    ptm = _SelectButtonBase$set.ptm;
   var onOptionClick = function onOptionClick(event) {
     if (props.disabled || isOptionDisabled(event.option)) {
       return;
@@ -275,7 +285,8 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
           template: props.itemTemplate,
           selected: selected,
           tabIndex: tabIndex,
-          disabled: isDisabled
+          disabled: isDisabled,
+          ptm: ptm
         });
       });
     }
@@ -293,20 +304,21 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     };
   });
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = SelectButtonBase.getOtherProps(props);
   var className = utils.classNames('p-selectbutton p-buttonset p-component', props.className);
   var items = createItems();
-  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
-    style: props.style
-  }, otherProps, {
-    role: "group"
-  }), items), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    style: props.style,
+    role: 'group'
+  }, SelectButtonBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, items), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 SelectButton.displayName = 'SelectButton';
 

package/selectbutton/selectbutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),l=require("primereact/ripple");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(e);function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return u(e)||s(e)||c(e)||p()}var d={defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,d.defaultProps)}};function b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o,a,i=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=o.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return i}}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.")}var y=o.memo((function(e){var t,r,a=o.useState(!1),i=(r=2,b(t=a)||m(t,r)||c(t,r)||v()),u=i[1],s=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},p=n.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),f=e.template?n.ObjectUtils.getJSXElement(e.template,e.option):o.createElement("span",{className:"p-button-label p-c"},e.label);return o.createElement("div",{className:p,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:s,onKeyDown:function(e){32===e.which&&(s(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},f,!e.disabled&&o.createElement(l.Ripple,null))}));y.displayName="SelectButtonItem";var g=o.memo(o.forwardRef((function(e,l){var r=d.getProps(e),i=o.useRef(null),u=function(e){if(!r.disabled&&!p(e.option)){var t=b(e.option);if(!t||r.unselectable){var l,o=c(e.option);if(r.multiple){var a=r.value?f(r.value):[];l=t?a.filter((function(e){return!n.ObjectUtils.equals(e,o,r.dataKey)})):[].concat(f(a),[o])}else l=t?null:o;r.onChange&&r.onChange({originalEvent:e.originalEvent,value:l,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:r.name,id:r.id,value:l}})}}},s=function(e){return r.optionLabel?n.ObjectUtils.resolveFieldData(e,r.optionLabel):e&&void 0!==e.label?e.label:e},c=function(e){return r.optionValue?n.ObjectUtils.resolveFieldData(e,r.optionValue):e&&void 0!==e.value?e.value:e},p=function(e){return r.optionDisabled?n.ObjectUtils.isFunction(r.optionDisabled)?r.optionDisabled(e):n.ObjectUtils.resolveFieldData(e,r.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},b=function(e){var t=c(e);return r.multiple?!(!r.value||!r.value.length)&&r.value.some((function(e){return n.ObjectUtils.equals(e,t,r.dataKey)})):n.ObjectUtils.equals(r.value,t,r.dataKey)};o.useImperativeHandle(l,(function(){return{props:r,focus:function(){return n.DomHandler.focusFirstElement(i.current)},getElement:function(){return i.current}}}));var m=n.ObjectUtils.isNotEmpty(r.tooltip),v=d.getOtherProps(r),g=n.classNames("p-selectbutton p-buttonset p-component",r.className),O=r.options&&r.options.length?r.options.map((function(e,t){var n=r.disabled||p(e),l=s(e),a=n?null:0,i=b(e);return o.createElement(y,{key:l+"_"+t,label:l,className:e.className,option:e,onClick:u,template:r.itemTemplate,selected:i,tabIndex:a,disabled:n})})):null;return o.createElement(o.Fragment,null,o.createElement("div",a({ref:i,id:r.id,className:g,style:r.style},v,{role:"group"}),O),m&&o.createElement(t.Tooltip,a({target:i,content:r.tooltip},r.tooltipOptions)))})));g.displayName="SelectButton",exports.SelectButton=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/tooltip"),n=require("primereact/utils"),r=require("primereact/componentbase"),l=require("primereact/ripple"),o=require("primereact/api");function a(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 i=a(e);function u(){return u=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},u.apply(this,arguments)}function c(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 s(e){if(Array.isArray(e))return c(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return s(e)||p(e)||d(e)||f()}var b=r.ComponentBase.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0}});function v(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}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.")}var h=i.memo((function(e){var t,r,o,a=i.useState(!1),u=(r=2,v(t=a)||y(t,r)||d(t,r)||g()),c=u[1],s=function(t,n){return e.ptm(n,{context:{selected:e.selected}})},p=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},f=n.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":u[0]},e.className),m=(o=n.mergeProps({className:"p-button-label p-c"},s(0,"label")),e.template?n.ObjectUtils.getJSXElement(e.template,e.option):i.createElement("span",o,e.label)),b=n.mergeProps({className:f,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:p,onKeyDown:function(e){32===e.which&&(p(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){c(!0)},onBlur:function(){c(!1)}},s(0,"button"));return i.createElement("div",b,m,!e.disabled&&i.createElement(l.Ripple,null))}));h.displayName="SelectButtonItem";var O=i.memo(i.forwardRef((function(e,r){var l=i.useContext(o.PrimeReactContext),a=b.getProps(e,l),c=i.useRef(null),s=b.setMetaData({props:a}).ptm,p=function(e){if(!a.disabled&&!v(e.option)){var t=y(e.option);if(!t||a.unselectable){var r,l=f(e.option);if(a.multiple){var o=a.value?m(a.value):[];r=t?o.filter((function(e){return!n.ObjectUtils.equals(e,l,a.dataKey)})):[].concat(m(o),[l])}else r=t?null:l;a.onChange&&a.onChange({originalEvent:e.originalEvent,value:r,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:a.name,id:a.id,value:r}})}}},d=function(e){return a.optionLabel?n.ObjectUtils.resolveFieldData(e,a.optionLabel):e&&void 0!==e.label?e.label:e},f=function(e){return a.optionValue?n.ObjectUtils.resolveFieldData(e,a.optionValue):e&&void 0!==e.value?e.value:e},v=function(e){return a.optionDisabled?n.ObjectUtils.isFunction(a.optionDisabled)?a.optionDisabled(e):n.ObjectUtils.resolveFieldData(e,a.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},y=function(e){var t=f(e);return a.multiple?!(!a.value||!a.value.length)&&a.value.some((function(e){return n.ObjectUtils.equals(e,t,a.dataKey)})):n.ObjectUtils.equals(a.value,t,a.dataKey)};i.useImperativeHandle(r,(function(){return{props:a,focus:function(){return n.DomHandler.focusFirstElement(c.current)},getElement:function(){return c.current}}}));var g=n.ObjectUtils.isNotEmpty(a.tooltip),O=n.classNames("p-selectbutton p-buttonset p-component",a.className),j=a.options&&a.options.length?a.options.map((function(e,t){var n=a.disabled||v(e),r=d(e),l=n?null:0,o=y(e);return i.createElement(h,{key:r+"_"+t,label:r,className:e.className,option:e,onClick:p,template:a.itemTemplate,selected:o,tabIndex:l,disabled:n,ptm:s})})):null,E=n.mergeProps({ref:c,id:a.id,className:O,style:a.style,role:"group"},b.getOtherProps(a),s("root"));return i.createElement(i.Fragment,null,i.createElement("div",E,j),g&&i.createElement(t.Tooltip,u({target:c,content:a.tooltip},a.tooltipOptions,{pt:s("tooltip")})))})));O.displayName="SelectButton",exports.SelectButton=O;

package/selectbutton/selectbutton.d.ts

@@ -9,8 +9,54 @@
  */
 import * as React from 'react';
 import { SelectItemOptionsType } from '../selectitem/selectitem';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
+import { PassThroughType } from '../utils/utils';
+
+export declare type SelectButtonPassThroughType<T> = PassThroughType<T, SelectButtonPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface SelectButtonPassThroughMethodOptions {
+    props: SelectButtonProps;
+    context: SelectButtonContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link SelectButtonProps.pt}
+ */
+export interface SelectButtonPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: SelectButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the button's DOM element.
+     */
+    button?: SelectButtonPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the label's DOM element.
+     */
+    label?: SelectButtonPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+}
+
+/**
+ * Defines current options in SelectButton component.
+ */
+export interface SelectButtonContext {
+    /**
+     * Current selected value.
+     */
+    selected: any;
+}
 
 /**
  * Custom change event.
@@ -24,7 +70,7 @@ interface SelectButtonChangeEvent extends FormEvent {}
  * Defines valid properties in SelectButton component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'unselectable' | 'onChange' | 'ref'> {
+export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'unselectable' | 'onChange' | 'ref' | 'pt'> {
     /**
      * Value of the component.
      */
@@ -95,6 +141,11 @@ export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.In
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {SelectButtonPassThroughOptions}
+     */
+    pt?: SelectButtonPassThroughOptions;
 }
 
 /**

package/selectbutton/selectbutton.esm.js

@@ -1,7 +1,9 @@
 import * as React from 'react';
 import { Tooltip } from 'primereact/tooltip';
-import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
+import { classNames, mergeProps, ObjectUtils, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { Ripple } from 'primereact/ripple';
+import { PrimeReactContext } from 'primereact/api';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -49,7 +51,7 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-var SelectButtonBase = {
+var SelectButtonBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'SelectButton',
     id: null,
@@ -70,14 +72,8 @@ var SelectButtonBase = {
     itemTemplate: null,
     onChange: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, SelectButtonBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, SelectButtonBase.defaultProps);
   }
-};
+});
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -124,6 +120,13 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var getPTOptions = function getPTOptions(item, key) {
+    return props.ptm(key, {
+      context: {
+        selected: props.selected
+      }
+    });
+  };
   var onClick = function onClick(event) {
     if (props.onClick) {
       props.onClick({
@@ -146,9 +149,10 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
     }
   };
   var createContent = function createContent() {
-    return props.template ? ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React.createElement("span", {
-      className: "p-button-label p-c"
-    }, props.label);
+    var labelProps = mergeProps({
+      className: 'p-button-label p-c'
+    }, getPTOptions(props.option, 'label'));
+    return props.template ? ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React.createElement("span", labelProps, props.label);
   };
   var className = classNames('p-button p-component', {
     'p-highlight': props.selected,
@@ -156,23 +160,29 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
     'p-focus': focusedState
   }, props.className);
   var content = createContent();
-  return /*#__PURE__*/React.createElement("div", {
+  var buttonProps = mergeProps({
     className: className,
-    role: "button",
-    "aria-label": props.label,
-    "aria-pressed": props.selected,
+    role: 'button',
+    'aria-label': props.label,
+    'aria-pressed': props.selected,
     onClick: onClick,
     onKeyDown: onKeyDown,
     tabIndex: props.tabIndex,
     onFocus: onFocus,
     onBlur: onBlur
-  }, content, !props.disabled && /*#__PURE__*/React.createElement(Ripple, null));
+  }, getPTOptions(props.option, 'button'));
+  return /*#__PURE__*/React.createElement("div", buttonProps, content, !props.disabled && /*#__PURE__*/React.createElement(Ripple, null));
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
 var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = SelectButtonBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = SelectButtonBase.getProps(inProps, context);
   var elementRef = React.useRef(null);
+  var _SelectButtonBase$set = SelectButtonBase.setMetaData({
+      props: props
+    }),
+    ptm = _SelectButtonBase$set.ptm;
   var onOptionClick = function onOptionClick(event) {
     if (props.disabled || isOptionDisabled(event.option)) {
       return;
@@ -251,7 +261,8 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
           template: props.itemTemplate,
           selected: selected,
           tabIndex: tabIndex,
-          disabled: isDisabled
+          disabled: isDisabled,
+          ptm: ptm
         });
       });
     }
@@ -269,20 +280,21 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     };
   });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
-  var otherProps = SelectButtonBase.getOtherProps(props);
   var className = classNames('p-selectbutton p-buttonset p-component', props.className);
   var items = createItems();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     id: props.id,
     className: className,
-    style: props.style
-  }, otherProps, {
-    role: "group"
-  }), items), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+    style: props.style,
+    role: 'group'
+  }, SelectButtonBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", rootProps, items), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
-  }, props.tooltipOptions)));
+  }, props.tooltipOptions, {
+    pt: ptm('tooltip')
+  })));
 }));
 SelectButton.displayName = 'SelectButton';
 

package/selectbutton/selectbutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{ObjectUtils as n,classNames as l,DomHandler as o}from"primereact/utils";import{Ripple as r}from"primereact/ripple";function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function u(e){if(Array.isArray(e))return i(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return i(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)?i(e,t):void 0}}function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function f(e){return u(e)||s(e)||p(e)||c()}var d={defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0},getProps:function(e){return n.getMergedProps(e,d.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,d.defaultProps)}};function m(e){if(Array.isArray(e))return e}function b(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r,a,i=[],u=!0,s=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=r.call(n)).done)&&(i.push(l.value),i.length!==t);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 i}}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.")}var y=e.memo((function(t){var o,a,i=e.useState(!1),u=(a=2,m(o=i)||b(o,a)||p(o,a)||v()),s=u[1],c=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},f=l("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":u[0]},t.className),d=t.template?n.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:f,role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){s(!0)},onBlur:function(){s(!1)}},d,!t.disabled&&e.createElement(r,null))}));y.displayName="SelectButtonItem";var g=e.memo(e.forwardRef((function(r,i){var u=d.getProps(r),s=e.useRef(null),p=function(e){if(!u.disabled&&!b(e.option)){var t=v(e.option);if(!t||u.unselectable){var l,o=m(e.option);if(u.multiple){var r=u.value?f(u.value):[];l=t?r.filter((function(e){return!n.equals(e,o,u.dataKey)})):[].concat(f(r),[o])}else l=t?null:o;u.onChange&&u.onChange({originalEvent:e.originalEvent,value:l,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:u.name,id:u.id,value:l}})}}},c=function(e){return u.optionLabel?n.resolveFieldData(e,u.optionLabel):e&&void 0!==e.label?e.label:e},m=function(e){return u.optionValue?n.resolveFieldData(e,u.optionValue):e&&void 0!==e.value?e.value:e},b=function(e){return u.optionDisabled?n.isFunction(u.optionDisabled)?u.optionDisabled(e):n.resolveFieldData(e,u.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},v=function(e){var t=m(e);return u.multiple?!(!u.value||!u.value.length)&&u.value.some((function(e){return n.equals(e,t,u.dataKey)})):n.equals(u.value,t,u.dataKey)};e.useImperativeHandle(i,(function(){return{props:u,focus:function(){return o.focusFirstElement(s.current)},getElement:function(){return s.current}}}));var g=n.isNotEmpty(u.tooltip),h=d.getOtherProps(u),E=l("p-selectbutton p-buttonset p-component",u.className),D=u.options&&u.options.length?u.options.map((function(t,n){var l=u.disabled||b(t),o=c(t),r=l?null:0,a=v(t);return e.createElement(y,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:p,template:u.itemTemplate,selected:a,tabIndex:r,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:s,id:u.id,className:E,style:u.style},h,{role:"group"}),D),g&&e.createElement(t,a({target:s,content:u.tooltip},u.tooltipOptions)))})));g.displayName="SelectButton";export{g as SelectButton};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,mergeProps as o,ObjectUtils as l,DomHandler as r}from"primereact/utils";import{ComponentBase as a}from"primereact/componentbase";import{Ripple as i}from"primereact/ripple";import{PrimeReactContext as u}from"primereact/api";function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},p.apply(this,arguments)}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function s(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function d(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return s(e)||m(e)||f(e)||d()}var v=a.extend({defaultProps:{__TYPE:"SelectButton",id:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,tabIndex:null,multiple:!1,unselectable:!0,disabled:!1,style:null,className:null,dataKey:null,tooltip:null,tooltipOptions:null,itemTemplate:null,onChange:null,children:void 0}});function y(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 o,l,r,a,i=[],u=!0,p=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(o=r.call(n)).done)&&(i.push(o.value),i.length!==t);u=!0);}catch(e){p=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(p)throw l}}return i}}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.")}var E=e.memo((function(t){var r,a,u,p=e.useState(!1),c=(a=2,y(r=p)||g(r,a)||f(r,a)||h()),s=c[1],m=function(e,n){return t.ptm(n,{context:{selected:t.selected}})},d=function(e){t.onClick&&t.onClick({originalEvent:e,option:t.option})},b=n("p-button p-component",{"p-highlight":t.selected,"p-disabled":t.disabled,"p-focus":c[0]},t.className),v=(u=o({className:"p-button-label p-c"},m(0,"label")),t.template?l.getJSXElement(t.template,t.option):e.createElement("span",u,t.label)),E=o({className:b,role:"button","aria-label":t.label,"aria-pressed":t.selected,onClick:d,onKeyDown:function(e){32===e.which&&(d(e),e.preventDefault())},tabIndex:t.tabIndex,onFocus:function(){s(!0)},onBlur:function(){s(!1)}},m(0,"button"));return e.createElement("div",E,v,!t.disabled&&e.createElement(i,null))}));E.displayName="SelectButtonItem";var D=e.memo(e.forwardRef((function(a,i){var c=e.useContext(u),s=v.getProps(a,c),m=e.useRef(null),f=v.setMetaData({props:s}).ptm,d=function(e){if(!s.disabled&&!h(e.option)){var t=D(e.option);if(!t||s.unselectable){var n,o=g(e.option);if(s.multiple){var r=s.value?b(s.value):[];n=t?r.filter((function(e){return!l.equals(e,o,s.dataKey)})):[].concat(b(r),[o])}else n=t?null:o;s.onChange&&s.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:s.name,id:s.id,value:n}})}}},y=function(e){return s.optionLabel?l.resolveFieldData(e,s.optionLabel):e&&void 0!==e.label?e.label:e},g=function(e){return s.optionValue?l.resolveFieldData(e,s.optionValue):e&&void 0!==e.value?e.value:e},h=function(e){return s.optionDisabled?l.isFunction(s.optionDisabled)?s.optionDisabled(e):l.resolveFieldData(e,s.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},D=function(e){var t=g(e);return s.multiple?!(!s.value||!s.value.length)&&s.value.some((function(e){return l.equals(e,t,s.dataKey)})):l.equals(s.value,t,s.dataKey)};e.useImperativeHandle(i,(function(){return{props:s,focus:function(){return r.focusFirstElement(m.current)},getElement:function(){return m.current}}}));var S=l.isNotEmpty(s.tooltip),I=n("p-selectbutton p-buttonset p-component",s.className),N=s.options&&s.options.length?s.options.map((function(t,n){var o=s.disabled||h(t),l=y(t),r=o?null:0,a=D(t);return e.createElement(E,{key:l+"_"+n,label:l,className:t.className,option:t,onClick:d,template:s.itemTemplate,selected:a,tabIndex:r,disabled:o,ptm:f})})):null,O=o({ref:m,id:s.id,className:I,style:s.style,role:"group"},v.getOtherProps(s),f("root"));return e.createElement(e.Fragment,null,e.createElement("div",O,N),S&&e.createElement(t,p({target:m,content:s.tooltip},s.tooltipOptions,{pt:f("tooltip")})))})));D.displayName="SelectButton";export{D as SelectButton};