primereact 8.1.1 → 8.4.0

package/scrollpanel/scrollpanel.d.ts

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

package/scrollpanel/scrollpanel.esm.js

@@ -154,7 +154,20 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   React.useImperativeHandle(ref, function () {
     return {
-      refresh: refresh
+      props: props,
+      refresh: refresh,
+      getElement: function getElement() {
+        return containerRef.current;
+      },
+      getContent: function getContent() {
+        return contentRef.current;
+      },
+      getXBar: function getXBar() {
+        return xBarRef.current;
+      },
+      getYBar: function getYBar() {
+        return yBarRef.current;
+      }
     };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);

package/scrollpanel/scrollpanel.esm.min.js

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

package/scrollpanel/scrollpanel.js

@@ -174,7 +174,20 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
-        refresh: refresh
+        props: props,
+        refresh: refresh,
+        getElement: function getElement() {
+          return containerRef.current;
+        },
+        getContent: function getContent() {
+          return contentRef.current;
+        },
+        getXBar: function getXBar() {
+          return xBarRef.current;
+        },
+        getYBar: function getYBar() {
+          return yBarRef.current;
+        }
       };
     });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ScrollPanel.defaultProps);

package/scrollpanel/scrollpanel.min.js

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

package/scrolltop/scrolltop.cjs.js

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

package/scrolltop/scrolltop.cjs.min.js

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

package/scrolltop/scrolltop.d.ts

@@ -19,4 +19,6 @@ export interface ScrollTopProps {
     children?: React.ReactNode;
 }
 
-export declare class ScrollTop extends React.Component<ScrollTopProps, any> { }
+export declare class ScrollTop extends React.Component<ScrollTopProps, any> { 
+    public getElement(): HTMLButtonElement;
+}

package/scrolltop/scrolltop.esm.js

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

package/scrolltop/scrolltop.esm.min.js

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

package/scrolltop/scrolltop.js

@@ -161,6 +161,14 @@ this.primereact.scrolltop = (function (exports, React, PrimeReact, csstransition
       props.onHide && props.onHide();
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     hooks.useMountEffect(function () {
       if (props.target === 'window') bindDocumentScrollListener();else if (props.target === 'parent') bindParentScrollListener();
     });

package/scrolltop/scrolltop.min.js

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

package/selectbutton/selectbutton.cjs.js

@@ -278,6 +278,14 @@ var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, SelectButton.defaultProps);
   var className = utils.classNames('p-selectbutton p-buttonset p-component', props.className);

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 o(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 r=o(e);function a(){return a=Object.assign||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 d(e){return u(e)||s(e)||c(e)||p()}function f(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=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}function m(){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 v=r.memo((function(e){var t,o,a=r.useState(!1),i=(o=2,f(t=a)||b(t,o)||c(t,o)||m()),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),d=e.template?n.ObjectUtils.getJSXElement(e.template,e.option):r.createElement("span",{className:"p-button-label p-c"},e.label);return r.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)}},d,!e.disabled&&r.createElement(l.Ripple,null))}));v.displayName="SelectButtonItem";var y=r.memo(r.forwardRef((function(e,l){var o=r.useRef(null),i=function(t){if(!e.disabled&&!c(t.option)){var l=p(t.option);if(!l||e.unselectable){var o,r=s(t.option);if(e.multiple){var a=e.value?d(e.value):[];o=l?a.filter((function(t){return!n.ObjectUtils.equals(t,r,e.dataKey)})):[].concat(d(a),[r])}else o=l?null:r;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:o,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:o}})}}},u=function(t){return e.optionLabel?n.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},s=function(t){return e.optionValue?n.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},c=function(t){return e.optionDisabled?n.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):n.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var l=s(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return n.ObjectUtils.equals(t,l,e.dataKey)})):n.ObjectUtils.equals(e.value,l,e.dataKey)},f=n.ObjectUtils.isNotEmpty(e.tooltip),b=n.ObjectUtils.findDiffKeys(e,y.defaultProps),m=n.classNames("p-selectbutton p-buttonset p-component",e.className),g=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||c(t),o=u(t),a=l?null:0,s=p(t);return r.createElement(v,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:i,template:e.itemTemplate,selected:s,tabIndex:a,disabled:l})})):null;return r.createElement(r.Fragment,null,r.createElement("div",a({ref:o,id:e.id,className:m,style:e.style},b,{role:"group"}),g),f&&r.createElement(t.Tooltip,a({target:o,content:e.tooltip},e.tooltipOptions)))})));y.displayName="SelectButton",y.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},exports.SelectButton=y;
+"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||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 c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(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 d(e){return u(e)||c(e)||s(e)||p()}function f(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,r,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}function m(){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 v=o.memo((function(e){var t,r,a=o.useState(!1),i=(r=2,f(t=a)||b(t,r)||s(t,r)||m()),u=i[1],c=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),d=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:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&o.createElement(l.Ripple,null))}));v.displayName="SelectButtonItem";var y=o.memo(o.forwardRef((function(e,l){var r=o.useRef(null),i=function(t){if(!e.disabled&&!s(t.option)){var l=p(t.option);if(!l||e.unselectable){var r,o=c(t.option);if(e.multiple){var a=e.value?d(e.value):[];r=l?a.filter((function(t){return!n.ObjectUtils.equals(t,o,e.dataKey)})):[].concat(d(a),[o])}else r=l?null:o;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}})}}},u=function(t){return e.optionLabel?n.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?n.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?n.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):n.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var l=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return n.ObjectUtils.equals(t,l,e.dataKey)})):n.ObjectUtils.equals(e.value,l,e.dataKey)};o.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return r.current}}}));var f=n.ObjectUtils.isNotEmpty(e.tooltip),b=n.ObjectUtils.findDiffKeys(e,y.defaultProps),m=n.classNames("p-selectbutton p-buttonset p-component",e.className),g=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),r=u(t),a=l?null:0,c=p(t);return o.createElement(v,{key:r+"_"+n,label:r,className:t.className,option:t,onClick:i,template:e.itemTemplate,selected:c,tabIndex:a,disabled:l})})):null;return o.createElement(o.Fragment,null,o.createElement("div",a({ref:r,id:e.id,className:m,style:e.style},b,{role:"group"}),g),f&&o.createElement(t.Tooltip,a({target:r,content:e.tooltip},e.tooltipOptions)))})));y.displayName="SelectButton",y.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},exports.SelectButton=y;

package/selectbutton/selectbutton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
-import { SelectItemOptionsType } from '../selectitem/SelectItem';
+import { SelectItemOptionsType } from '../selectitem/selectitem';
 
 type SelectButtonOptionDisabledType = string | ((option: any) => boolean);
 
@@ -19,7 +19,6 @@ interface SelectButtonChangeParams {
 }
 
 export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'unselectable' | 'onChange' | 'ref'> {
-    id?: string;
     value?: any;
     options?: SelectItemOptionsType;
     optionLabel?: string;
@@ -29,8 +28,6 @@ export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.In
     multiple?: boolean;
     unselectable?: boolean;
     disabled?: boolean;
-    style?: object;
-    className?: string;
     dataKey?: string;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
@@ -40,4 +37,6 @@ export interface SelectButtonProps extends Omit<React.DetailedHTMLProps<React.In
     children?: React.ReactNode;
 }
 
-export declare class SelectButton extends React.Component<SelectButtonProps, any> { }
+export declare class SelectButton extends React.Component<SelectButtonProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/selectbutton/selectbutton.esm.js

@@ -254,6 +254,14 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, SelectButton.defaultProps);
   var className = classNames('p-selectbutton p-buttonset p-component', props.className);

package/selectbutton/selectbutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function a(){return a=Object.assign||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 r(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 i(e){if(Array.isArray(e))return r(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return r(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)?r(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 c(e){return i(e)||u(e)||s(e)||p()}function d(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,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=e.memo((function(t){var a,r,i=e.useState(!1),u=(r=2,d(a=i)||m(a,r)||s(a,r)||f()),p=u[1],c=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":u[0]},t.className),v=t.template?l.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:b,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(){p(!0)},onBlur:function(){p(!1)}},v,!t.disabled&&e.createElement(o,null))}));b.displayName="SelectButtonItem";var v=e.memo(e.forwardRef((function(o,r){var i=e.useRef(null),u=function(e){if(!o.disabled&&!d(e.option)){var t=m(e.option);if(!t||o.unselectable){var n,a=p(e.option);if(o.multiple){var r=o.value?c(o.value):[];n=t?r.filter((function(e){return!l.equals(e,a,o.dataKey)})):[].concat(c(r),[a])}else n=t?null:a;o.onChange&&o.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:o.name,id:o.id,value:n}})}}},s=function(e){return o.optionLabel?l.resolveFieldData(e,o.optionLabel):e&&void 0!==e.label?e.label:e},p=function(e){return o.optionValue?l.resolveFieldData(e,o.optionValue):e&&void 0!==e.value?e.value:e},d=function(e){return o.optionDisabled?l.isFunction(o.optionDisabled)?o.optionDisabled(e):l.resolveFieldData(e,o.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},m=function(e){var t=p(e);return o.multiple?!(!o.value||!o.value.length)&&o.value.some((function(e){return l.equals(e,t,o.dataKey)})):l.equals(o.value,t,o.dataKey)},f=l.isNotEmpty(o.tooltip),y=l.findDiffKeys(o,v.defaultProps),h=n("p-selectbutton p-buttonset p-component",o.className),g=o.options&&o.options.length?o.options.map((function(t,n){var l=o.disabled||d(t),a=s(t),r=l?null:0,i=m(t);return e.createElement(b,{key:a+"_"+n,label:a,className:t.className,option:t,onClick:u,template:o.itemTemplate,selected:i,tabIndex:r,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:i,id:o.id,className:h,style:o.style},y,{role:"group"}),g),f&&e.createElement(t,a({target:i,content:o.tooltip},o.tooltipOptions)))})));v.displayName="SelectButton",v.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};export{v as SelectButton};
+import*as e from"react";import{Tooltip as t}from"primereact/tooltip";import{classNames as n,ObjectUtils as l}from"primereact/utils";import{Ripple as o}from"primereact/ripple";function a(){return a=Object.assign||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 r(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 i(e){if(Array.isArray(e))return r(e)}function u(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 r(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)?r(e,t):void 0}}function s(){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 c(e){return i(e)||u(e)||p(e)||s()}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}function f(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=e.memo((function(t){var a,r,i=e.useState(!1),u=(r=2,m(a=i)||d(a,r)||p(a,r)||f()),s=u[1],c=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":u[0]},t.className),v=t.template?l.getJSXElement(t.template,t.option):e.createElement("span",{className:"p-button-label p-c"},t.label);return e.createElement("div",{className:b,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)}},v,!t.disabled&&e.createElement(o,null))}));b.displayName="SelectButtonItem";var v=e.memo(e.forwardRef((function(o,r){var i=e.useRef(null),u=function(e){if(!o.disabled&&!m(e.option)){var t=d(e.option);if(!t||o.unselectable){var n,a=s(e.option);if(o.multiple){var r=o.value?c(o.value):[];n=t?r.filter((function(e){return!l.equals(e,a,o.dataKey)})):[].concat(c(r),[a])}else n=t?null:a;o.onChange&&o.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:o.name,id:o.id,value:n}})}}},p=function(e){return o.optionLabel?l.resolveFieldData(e,o.optionLabel):e&&void 0!==e.label?e.label:e},s=function(e){return o.optionValue?l.resolveFieldData(e,o.optionValue):e&&void 0!==e.value?e.value:e},m=function(e){return o.optionDisabled?l.isFunction(o.optionDisabled)?o.optionDisabled(e):l.resolveFieldData(e,o.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},d=function(e){var t=s(e);return o.multiple?!(!o.value||!o.value.length)&&o.value.some((function(e){return l.equals(e,t,o.dataKey)})):l.equals(o.value,t,o.dataKey)};e.useImperativeHandle(r,(function(){return{props:o,getElement:function(){return i.current}}}));var f=l.isNotEmpty(o.tooltip),y=l.findDiffKeys(o,v.defaultProps),g=n("p-selectbutton p-buttonset p-component",o.className),h=o.options&&o.options.length?o.options.map((function(t,n){var l=o.disabled||m(t),a=p(t),r=l?null:0,i=d(t);return e.createElement(b,{key:a+"_"+n,label:a,className:t.className,option:t,onClick:u,template:o.itemTemplate,selected:i,tabIndex:r,disabled:l})})):null;return e.createElement(e.Fragment,null,e.createElement("div",a({ref:i,id:o.id,className:g,style:o.style},y,{role:"group"}),h),f&&e.createElement(t,a({target:i,content:o.tooltip},o.tooltipOptions)))})));v.displayName="SelectButton",v.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};export{v as SelectButton};

package/selectbutton/selectbutton.js

@@ -273,6 +273,14 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, SelectButton.defaultProps);
     var className = utils.classNames('p-selectbutton p-buttonset p-component', props.className);

package/selectbutton/selectbutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,o){"use strict";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 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 r=a(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function u(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 c(e){if(Array.isArray(e))return u(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 u(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)?u(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 f(e){return c(e)||s(e)||p(e)||d()}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,o,a=[],r=!0,i=!1;try{for(n=n.call(e);!(r=(l=n.next()).done)&&(a.push(l.value),!t||a.length!==t);r=!0);}catch(e){i=!0,o=e}finally{try{r||null==n.return||n.return()}finally{if(i)throw o}}return a}}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=r.memo((function(e){var t,n,a=r.useState(!1),i=(n=2,b(t=a)||m(t,n)||p(t,n)||v()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},s=l.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),d=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):r.createElement("span",{className:"p-button-label p-c"},e.label);return r.createElement("div",{className:s,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},d,!e.disabled&&r.createElement(o.Ripple,null))}));y.displayName="SelectButtonItem";var h=r.memo(r.forwardRef((function(e,t){var o=r.useRef(null),a=function(t){if(!e.disabled&&!s(t.option)){var n=p(t.option);if(!n||e.unselectable){var o,a=c(t.option);if(e.multiple){var r=e.value?f(e.value):[];o=n?r.filter((function(t){return!l.ObjectUtils.equals(t,a,e.dataKey)})):[].concat(f(r),[a])}else o=n?null:a;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:o,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:o}})}}},u=function(t){return e.optionLabel?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var n=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return l.ObjectUtils.equals(t,n,e.dataKey)})):l.ObjectUtils.equals(e.value,n,e.dataKey)},d=l.ObjectUtils.isNotEmpty(e.tooltip),b=l.ObjectUtils.findDiffKeys(e,h.defaultProps),m=l.classNames("p-selectbutton p-buttonset p-component",e.className),v=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),o=u(t),i=l?null:0,c=p(t);return r.createElement(y,{key:o+"_"+n,label:o,className:t.className,option:t,onClick:a,template:e.itemTemplate,selected:c,tabIndex:i,disabled:l})})):null;return r.createElement(r.Fragment,null,r.createElement("div",i({ref:o,id:e.id,className:m,style:e.style},b,{role:"group"}),v),d&&r.createElement(n.Tooltip,i({target:o,content:e.tooltip},e.tooltipOptions)))})));return h.displayName="SelectButton",h.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},e.SelectButton=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.selectbutton=function(e,t,n,l,r){"use strict";function o(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 a=o(t);function i(){return i=Object.assign||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},i.apply(this,arguments)}function u(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 c(e){if(Array.isArray(e))return u(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 u(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)?u(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 d(e){return c(e)||s(e)||p(e)||f()}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=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}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=a.memo((function(e){var t,n,o=a.useState(!1),i=(n=2,b(t=o)||m(t,n)||p(t,n)||v()),u=i[1],c=function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},s=l.classNames("p-button p-component",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-focus":i[0]},e.className),f=e.template?l.ObjectUtils.getJSXElement(e.template,e.option):a.createElement("span",{className:"p-button-label p-c"},e.label);return a.createElement("div",{className:s,role:"button","aria-label":e.label,"aria-pressed":e.selected,onClick:c,onKeyDown:function(e){32===e.which&&(c(e),e.preventDefault())},tabIndex:e.tabIndex,onFocus:function(){u(!0)},onBlur:function(){u(!1)}},f,!e.disabled&&a.createElement(r.Ripple,null))}));y.displayName="SelectButtonItem";var h=a.memo(a.forwardRef((function(e,t){var r=a.useRef(null),o=function(t){if(!e.disabled&&!s(t.option)){var n=p(t.option);if(!n||e.unselectable){var r,o=c(t.option);if(e.multiple){var a=e.value?d(e.value):[];r=n?a.filter((function(t){return!l.ObjectUtils.equals(t,o,e.dataKey)})):[].concat(d(a),[o])}else r=n?null:o;e.onChange&&e.onChange({originalEvent:t.originalEvent,value:r,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:r}})}}},u=function(t){return e.optionLabel?l.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},c=function(t){return e.optionValue?l.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},s=function(t){return e.optionDisabled?l.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):l.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},p=function(t){var n=c(t);return e.multiple?!(!e.value||!e.value.length)&&e.value.some((function(t){return l.ObjectUtils.equals(t,n,e.dataKey)})):l.ObjectUtils.equals(e.value,n,e.dataKey)};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}}));var f=l.ObjectUtils.isNotEmpty(e.tooltip),b=l.ObjectUtils.findDiffKeys(e,h.defaultProps),m=l.classNames("p-selectbutton p-buttonset p-component",e.className),v=e.options&&e.options.length?e.options.map((function(t,n){var l=e.disabled||s(t),r=u(t),i=l?null:0,c=p(t);return a.createElement(y,{key:r+"_"+n,label:r,className:t.className,option:t,onClick:o,template:e.itemTemplate,selected:c,tabIndex:i,disabled:l})})):null;return a.createElement(a.Fragment,null,a.createElement("div",i({ref:r,id:e.id,className:m,style:e.style},b,{role:"group"}),v),f&&a.createElement(n.Tooltip,i({target:r,content:e.tooltip},e.tooltipOptions)))})));return h.displayName="SelectButton",h.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},e.SelectButton=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.tooltip,primereact.utils,primereact.ripple);

package/sidebar/sidebar.cjs.js

@@ -141,6 +141,27 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       bindDocumentEscapeListener = _useEventListener2[0],
       unbindDocumentEscapeListener = _useEventListener2[1];
 
+  var _useEventListener3 = hooks.useEventListener({
+    type: 'click',
+    listener: function listener(event) {
+      if (event.which === 2) {
+        // left click
+        return;
+      }
+
+      if (isOutsideClicked(event)) {
+        onClose(event);
+      }
+    }
+  }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentClickListener = _useEventListener4[0],
+      unbindDocumentClickListener = _useEventListener4[1];
+
+  var isOutsideClicked = function isOutsideClicked(event) {
+    return sidebarRef && sidebarRef.current && !sidebarRef.current.contains(event.target);
+  };
+
   var getPositionClass = function getPositionClass() {
     var positions = ['left', 'right', 'top', 'bottom'];
     var pos = positions.find(function (item) {
@@ -192,6 +213,10 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       bindDocumentEscapeListener();
     }
 
+    if (props.dismissable && !props.modal) {
+      bindDocumentClickListener();
+    }
+
     if (props.blockScroll) {
       utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
     }
@@ -199,12 +224,27 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
 
   var disableDocumentSettings = function disableDocumentSettings() {
     unbindDocumentEscapeListener();
+    unbindDocumentClickListener();
 
     if (props.blockScroll) {
       utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return sidebarRef.current;
+      },
+      gteMask: function gteMask() {
+        return maskRef.current;
+      },
+      getCloseIcon: function getCloseIcon() {
+        return closeIconRef.current;
+      }
+    };
+  });
   hooks.useMountEffect(function () {
     if (props.visible) {
       setMaskVisibleState(true);

package/sidebar/sidebar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/portal"),o=require("primereact/ripple"),a=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(e),u=i(t);function d(){return d=Object.assign||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},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}function m(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 b(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,t){return f(e)||p(e,t)||b(e,t)||y()}var h=c.forwardRef((function(e,t){var i=v(c.useState(!1),2),s=i[0],f=i[1],p=v(c.useState(!1),2),m=p[0],b=p[1],y=c.useRef(null),S=c.useRef(null),E=c.useRef(null),O=v(r.useEventListener({type:"keydown",listener:function(e){27===e.which&&a.ZIndexUtils.get(S.current)===a.ZIndexUtils.getCurrent("modal",u.default.autoZIndex)&&k(e)}}),2),w=O[0],g=O[1],x=function(t){e.dismissable&&e.modal&&S.current===t.target&&k(t)},k=function(t){e.onHide(),t.preventDefault()},I=function(){var t;e.onShow&&e.onShow(),!((t=document.activeElement)&&y&&y.current.contains(t))&&e.showCloseIcon&&E.current.focus(),N()},j=function(){e.modal&&a.DomHandler.addClass(S.current,"p-component-overlay-leave")},C=function(){a.ZIndexUtils.clear(S.current),f(!1),U()},N=function(){e.closeOnEscape&&w(),e.blockScroll&&a.DomHandler.addClass(document.body,"p-overflow-hidden")},U=function(){g(),e.blockScroll&&a.DomHandler.removeClass(document.body,"p-overflow-hidden")};r.useMountEffect((function(){e.visible&&f(!0)})),r.useUpdateEffect((function(){e.visible&&!s&&f(!0),e.visible!==m&&s&&b(e.visible)})),r.useUpdateEffect((function(){s&&(a.ZIndexUtils.set("modal",S.current,u.default.autoZIndex,e.baseZIndex||u.default.zIndex.modal),b(!0))}),[s]),r.useUnmountEffect((function(){U(),S.current&&a.ZIndexUtils.clear(S.current)}));var Z,P,q,D,A,R,T;return s&&(P=a.ObjectUtils.findDiffKeys(e,h.defaultProps),q=a.classNames("p-sidebar p-component",e.className),D=a.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":e.modal,"p-sidebar-mask-scrollblocker":e.blockScroll,"p-sidebar-visible":s,"p-sidebar-full":e.fullScreen},(Z=["left","right","top","bottom"].find((function(t){return t===e.position})))?"p-sidebar-".concat(Z):"",e.maskClassName),A=e.showCloseIcon?c.createElement("button",{type:"button",ref:E,className:"p-sidebar-close p-sidebar-icon p-link",onClick:k,"aria-label":e.ariaCloseLabel},c.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),c.createElement(o.Ripple,null)):null,R=e.icons?a.ObjectUtils.getJSXElement(e.icons,e):null,T=c.createElement("div",{ref:S,style:e.maskStyle,className:D,onMouseDown:x},c.createElement(n.CSSTransition,{nodeRef:y,classNames:"p-sidebar",in:m,timeout:{enter:e.fullScreen?150:300,exit:e.fullScreen?150:300},options:e.transitionOptions,unmountOnExit:!0,onEntered:I,onExiting:j,onExited:C},c.createElement("div",d({ref:y,id:e.id,className:q,style:e.style},P,{role:"complementary"}),c.createElement("div",{className:"p-sidebar-header"},R,A),c.createElement("div",{className:"p-sidebar-content"},e.children)))),c.createElement(l.Portal,{element:T,appendTo:e.appendTo,visible:!0}))}));h.displayName="Sidebar",h.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.Sidebar=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),l=require("primereact/portal"),o=require("primereact/ripple"),a=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=s(e),u=i(t);function d(){return d=Object.assign||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},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function p(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){i=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw l}}return o}}function m(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 b(e,t){if(e){if("string"==typeof e)return m(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)?m(e,t):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 y(e,t){return f(e)||p(e,t)||b(e,t)||v()}var h=c.forwardRef((function(e,t){var i=y(c.useState(!1),2),s=i[0],f=i[1],p=y(c.useState(!1),2),m=p[0],b=p[1],v=c.useRef(null),E=c.useRef(null),S=c.useRef(null),g=y(r.useEventListener({type:"keydown",listener:function(e){27===e.which&&a.ZIndexUtils.get(E.current)===a.ZIndexUtils.getCurrent("modal",u.default.autoZIndex)&&N(e)}}),2),w=g[0],O=g[1],k=y(r.useEventListener({type:"click",listener:function(e){2!==e.which&&C(e)&&N(e)}}),2),I=k[0],x=k[1],C=function(e){return v&&v.current&&!v.current.contains(e.target)},j=function(t){e.dismissable&&e.modal&&E.current===t.target&&N(t)},N=function(t){e.onHide(),t.preventDefault()},U=function(){var t;e.onShow&&e.onShow(),!((t=document.activeElement)&&v&&v.current.contains(t))&&e.showCloseIcon&&S.current.focus(),q()},Z=function(){e.modal&&a.DomHandler.addClass(E.current,"p-component-overlay-leave")},P=function(){a.ZIndexUtils.clear(E.current),f(!1),D()},q=function(){e.closeOnEscape&&w(),e.dismissable&&!e.modal&&I(),e.blockScroll&&a.DomHandler.addClass(document.body,"p-overflow-hidden")},D=function(){O(),x(),e.blockScroll&&a.DomHandler.removeClass(document.body,"p-overflow-hidden")};c.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return v.current},gteMask:function(){return E.current},getCloseIcon:function(){return S.current}}})),r.useMountEffect((function(){e.visible&&f(!0)})),r.useUpdateEffect((function(){e.visible&&!s&&f(!0),e.visible!==m&&s&&b(e.visible)})),r.useUpdateEffect((function(){s&&(a.ZIndexUtils.set("modal",E.current,u.default.autoZIndex,e.baseZIndex||u.default.zIndex.modal),b(!0))}),[s]),r.useUnmountEffect((function(){D(),E.current&&a.ZIndexUtils.clear(E.current)}));var A,H,M,R,T,_,L;return s&&(H=a.ObjectUtils.findDiffKeys(e,h.defaultProps),M=a.classNames("p-sidebar p-component",e.className),R=a.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":e.modal,"p-sidebar-mask-scrollblocker":e.blockScroll,"p-sidebar-visible":s,"p-sidebar-full":e.fullScreen},(A=["left","right","top","bottom"].find((function(t){return t===e.position})))?"p-sidebar-".concat(A):"",e.maskClassName),T=e.showCloseIcon?c.createElement("button",{type:"button",ref:S,className:"p-sidebar-close p-sidebar-icon p-link",onClick:N,"aria-label":e.ariaCloseLabel},c.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),c.createElement(o.Ripple,null)):null,_=e.icons?a.ObjectUtils.getJSXElement(e.icons,e):null,L=c.createElement("div",{ref:E,style:e.maskStyle,className:R,onMouseDown:j},c.createElement(n.CSSTransition,{nodeRef:v,classNames:"p-sidebar",in:m,timeout:{enter:e.fullScreen?150:300,exit:e.fullScreen?150:300},options:e.transitionOptions,unmountOnExit:!0,onEntered:U,onExiting:Z,onExited:P},c.createElement("div",d({ref:v,id:e.id,className:M,style:e.style},H,{role:"complementary"}),c.createElement("div",{className:"p-sidebar-header"},_,T),c.createElement("div",{className:"p-sidebar-content"},e.children)))),c.createElement(l.Portal,{element:L,appendTo:e.appendTo,visible:!0}))}));h.displayName="Sidebar",h.defaultProps={__TYPE:"Sidebar",id:null,style:null,className:null,maskStyle:null,maskClassName:null,visible:!1,position:"left",fullScreen:!1,blockScroll:!1,baseZIndex:0,dismissable:!0,showCloseIcon:!0,ariaCloseLabel:"close",closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.Sidebar=h;

package/sidebar/sidebar.d.ts

@@ -7,10 +7,7 @@ type SidebarTemplateType = React.ReactNode | ((props: SidebarProps) => React.Rea
 
 type SidebarAppendToType = 'self' | HTMLElement | undefined | null;
 
-export interface SidebarProps {
-    id?: string;
-    style?: object;
-    className?: string;
+export interface SidebarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     maskStyle?: object;
     maskClassName?: string;
     visible?: boolean;
@@ -31,4 +28,8 @@ export interface SidebarProps {
     children?: React.ReactNode;
 }
 
-export declare class Sidebar extends React.Component<SidebarProps, any> { }
+export declare class Sidebar extends React.Component<SidebarProps, any> { 
+    public getElement(): HTMLDivElement;
+    public getMask(): HTMLElement;
+    public getCloseIcon(): HTMLButtonElement;
+}

package/sidebar/sidebar.esm.js

@@ -114,6 +114,27 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       bindDocumentEscapeListener = _useEventListener2[0],
       unbindDocumentEscapeListener = _useEventListener2[1];
 
+  var _useEventListener3 = useEventListener({
+    type: 'click',
+    listener: function listener(event) {
+      if (event.which === 2) {
+        // left click
+        return;
+      }
+
+      if (isOutsideClicked(event)) {
+        onClose(event);
+      }
+    }
+  }),
+      _useEventListener4 = _slicedToArray(_useEventListener3, 2),
+      bindDocumentClickListener = _useEventListener4[0],
+      unbindDocumentClickListener = _useEventListener4[1];
+
+  var isOutsideClicked = function isOutsideClicked(event) {
+    return sidebarRef && sidebarRef.current && !sidebarRef.current.contains(event.target);
+  };
+
   var getPositionClass = function getPositionClass() {
     var positions = ['left', 'right', 'top', 'bottom'];
     var pos = positions.find(function (item) {
@@ -165,6 +186,10 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       bindDocumentEscapeListener();
     }
 
+    if (props.dismissable && !props.modal) {
+      bindDocumentClickListener();
+    }
+
     if (props.blockScroll) {
       DomHandler.addClass(document.body, 'p-overflow-hidden');
     }
@@ -172,12 +197,27 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var disableDocumentSettings = function disableDocumentSettings() {
     unbindDocumentEscapeListener();
+    unbindDocumentClickListener();
 
     if (props.blockScroll) {
       DomHandler.removeClass(document.body, 'p-overflow-hidden');
     }
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return sidebarRef.current;
+      },
+      gteMask: function gteMask() {
+        return maskRef.current;
+      },
+      getCloseIcon: function getCloseIcon() {
+        return closeIconRef.current;
+      }
+    };
+  });
   useMountEffect(function () {
     if (props.visible) {
       setMaskVisibleState(true);