primereact 8.2.0 → 8.5.0

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

@@ -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/selectitem/selectitem.d.ts

@@ -1,6 +1,6 @@
 import { IconType } from '../utils';
 
-export type SelectItemOptionsType =  SelectItem[] | any[];
+export type SelectItemOptionsType = SelectItem[] | any[];
 
 export interface SelectItem {
     label?: string;

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);

package/sidebar/sidebar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as l,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{Ripple as s}from"primereact/ripple";import{ZIndexUtils as c,DomHandler as u,ObjectUtils as m,classNames as p}from"primereact/utils";function d(){return d=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw o}}return l}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):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 S(e,n){return f(e)||b(e,n)||v(e,n)||h()}var E=e.forwardRef((function(f,b){var y=S(e.useState(!1),2),v=y[0],h=y[1],w=S(e.useState(!1),2),k=w[0],g=w[1],C=e.useRef(null),N=e.useRef(null),x=e.useRef(null),I=S(r({type:"keydown",listener:function(e){27===e.which&&c.get(N.current)===c.getCurrent("modal",n.autoZIndex)&&R(e)}}),2),O=I[0],A=I[1],j=function(e){f.dismissable&&f.modal&&N.current===e.target&&R(e)},R=function(e){f.onHide(),e.preventDefault()},T=function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&f.showCloseIcon&&x.current.focus(),D()},P=function(){f.modal&&u.addClass(N.current,"p-component-overlay-leave")},Z=function(){c.clear(N.current),h(!1),H()},D=function(){f.closeOnEscape&&O(),f.blockScroll&&u.addClass(document.body,"p-overflow-hidden")},H=function(){A(),f.blockScroll&&u.removeClass(document.body,"p-overflow-hidden")};o((function(){f.visible&&h(!0)})),l((function(){f.visible&&!v&&h(!0),f.visible!==k&&v&&g(f.visible)})),l((function(){v&&(c.set("modal",N.current,n.autoZIndex,f.baseZIndex||n.zIndex.modal),g(!0))}),[v]),a((function(){H(),N.current&&c.clear(N.current)}));var L,M,_,z,J,K,U;return v&&(M=m.findDiffKeys(f,E.defaultProps),_=p("p-sidebar p-component",f.className),z=p("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":f.modal,"p-sidebar-mask-scrollblocker":f.blockScroll,"p-sidebar-visible":v,"p-sidebar-full":f.fullScreen},(L=["left","right","top","bottom"].find((function(e){return e===f.position})))?"p-sidebar-".concat(L):"",f.maskClassName),J=f.showCloseIcon?e.createElement("button",{type:"button",ref:x,className:"p-sidebar-close p-sidebar-icon p-link",onClick:R,"aria-label":f.ariaCloseLabel},e.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),e.createElement(s,null)):null,K=f.icons?m.getJSXElement(f.icons,f):null,U=e.createElement("div",{ref:N,style:f.maskStyle,className:z,onMouseDown:j},e.createElement(t,{nodeRef:C,classNames:"p-sidebar",in:k,timeout:{enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},options:f.transitionOptions,unmountOnExit:!0,onEntered:T,onExiting:P,onExited:Z},e.createElement("div",d({ref:C,id:f.id,className:_,style:f.style},M,{role:"complementary"}),e.createElement("div",{className:"p-sidebar-header"},K,J),e.createElement("div",{className:"p-sidebar-content"},f.children)))),e.createElement(i,{element:U,appendTo:f.appendTo,visible:!0}))}));E.displayName="Sidebar",E.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};export{E as Sidebar};
+import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as l,useUnmountEffect as a}from"primereact/hooks";import{Portal as i}from"primereact/portal";import{Ripple as s}from"primereact/ripple";import{ZIndexUtils as c,DomHandler as u,ObjectUtils as m,classNames as p}from"primereact/utils";function d(){return d=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l=[],a=!0,i=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(i)throw o}}return l}}function y(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e,n){if(e){if("string"==typeof e)return y(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?y(e,n):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 S(e,n){return f(e)||b(e,n)||v(e,n)||h()}var E=e.forwardRef((function(f,b){var y=S(e.useState(!1),2),v=y[0],h=y[1],g=S(e.useState(!1),2),w=g[0],k=g[1],C=e.useRef(null),I=e.useRef(null),N=e.useRef(null),x=S(r({type:"keydown",listener:function(e){27===e.which&&c.get(I.current)===c.getCurrent("modal",n.autoZIndex)&&D(e)}}),2),O=x[0],A=x[1],j=S(r({type:"click",listener:function(e){2!==e.which&&P(e)&&D(e)}}),2),R=j[0],T=j[1],P=function(e){return C&&C.current&&!C.current.contains(e.target)},Z=function(e){f.dismissable&&f.modal&&I.current===e.target&&D(e)},D=function(e){f.onHide(),e.preventDefault()},H=function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&f.showCloseIcon&&N.current.focus(),_()},M=function(){f.modal&&u.addClass(I.current,"p-component-overlay-leave")},L=function(){c.clear(I.current),h(!1),z()},_=function(){f.closeOnEscape&&O(),f.dismissable&&!f.modal&&R(),f.blockScroll&&u.addClass(document.body,"p-overflow-hidden")},z=function(){A(),T(),f.blockScroll&&u.removeClass(document.body,"p-overflow-hidden")};e.useImperativeHandle(b,(function(){return{props:f,getElement:function(){return C.current},gteMask:function(){return I.current},getCloseIcon:function(){return N.current}}})),o((function(){f.visible&&h(!0)})),l((function(){f.visible&&!v&&h(!0),f.visible!==w&&v&&k(f.visible)})),l((function(){v&&(c.set("modal",I.current,n.autoZIndex,f.baseZIndex||n.zIndex.modal),k(!0))}),[v]),a((function(){z(),I.current&&c.clear(I.current)}));var J,K,U,X,Y,$,q;return v&&(K=m.findDiffKeys(f,E.defaultProps),U=p("p-sidebar p-component",f.className),X=p("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":f.modal,"p-sidebar-mask-scrollblocker":f.blockScroll,"p-sidebar-visible":v,"p-sidebar-full":f.fullScreen},(J=["left","right","top","bottom"].find((function(e){return e===f.position})))?"p-sidebar-".concat(J):"",f.maskClassName),Y=f.showCloseIcon?e.createElement("button",{type:"button",ref:N,className:"p-sidebar-close p-sidebar-icon p-link",onClick:D,"aria-label":f.ariaCloseLabel},e.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),e.createElement(s,null)):null,$=f.icons?m.getJSXElement(f.icons,f):null,q=e.createElement("div",{ref:I,style:f.maskStyle,className:X,onMouseDown:Z},e.createElement(t,{nodeRef:C,classNames:"p-sidebar",in:w,timeout:{enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},options:f.transitionOptions,unmountOnExit:!0,onEntered:H,onExiting:M,onExited:L},e.createElement("div",d({ref:C,id:f.id,className:U,style:f.style},K,{role:"complementary"}),e.createElement("div",{className:"p-sidebar-header"},$,Y),e.createElement("div",{className:"p-sidebar-content"},f.children)))),e.createElement(i,{element:q,appendTo:f.appendTo,visible:!0}))}));E.displayName="Sidebar",E.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};export{E as Sidebar};

package/sidebar/sidebar.js

@@ -133,6 +133,27 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
         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) {
@@ -184,6 +205,10 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
         bindDocumentEscapeListener();
       }
 
+      if (props.dismissable && !props.modal) {
+        bindDocumentClickListener();
+      }
+
       if (props.blockScroll) {
         utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
       }
@@ -191,12 +216,27 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
 
     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.min.css

@@ -1 +1 @@
-.p-sidebar-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;pointer-events:none;background-color:transparent;transition-property:background-color}.p-sidebar-visible{display:flex}.p-sidebar-mask.p-component-overlay{pointer-events:auto}.p-sidebar{display:flex;flex-direction:column;pointer-events:auto;transform:translate3d(0,0,0);position:relative}.p-sidebar-content{overflow-y:auto;flex-grow:1}.p-sidebar-header{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.p-sidebar-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-sidebar-full .p-sidebar{transition:none;transform:none;width:100vw !important;height:100vh !important;max-height:100%;top:0 !important;left:0 !important}.p-sidebar-top .p-sidebar-enter,.p-sidebar-top .p-sidebar-exit-active{transform:translate3d(0,-100%,0)}.p-sidebar-bottom .p-sidebar-enter,.p-sidebar-bottom .p-sidebar-exit-active{transform:translate3d(0,100%,0)}.p-sidebar-left .p-sidebar-enter,.p-sidebar-left .p-sidebar-exit-active{transform:translate3d(-100%,0,0)}.p-sidebar-right .p-sidebar-enter,.p-sidebar-right .p-sidebar-exit-active{transform:translate3d(100%,0,0)}.p-sidebar-top .p-sidebar-enter-active,.p-sidebar-bottom .p-sidebar-enter-active,.p-sidebar-left .p-sidebar-enter-active,.p-sidebar-right .p-sidebar-enter-active{transform:translate3d(0,0,0);transition:all .3s}.p-sidebar-top .p-sidebar-enter-done,.p-sidebar-bottom .p-sidebar-enter-done,.p-sidebar-left .p-sidebar-enter-done,.p-sidebar-right .p-sidebar-enter-done{transform:none}.p-sidebar-top .p-sidebar-exit-active,.p-sidebar-bottom .p-sidebar-exit-active,.p-sidebar-left .p-sidebar-exit-active,.p-sidebar-right .p-sidebar-exit-active{transition:all .3s}.p-sidebar-full .p-sidebar-enter{opacity:0;transform:scale(0.5)}.p-sidebar-full .p-sidebar-enter-active{opacity:1;transform:scale(1);transition:all .15s cubic-bezier(0,0,0.2,1)}.p-sidebar-full .p-sidebar-enter-done{transform:none}.p-sidebar-full .p-sidebar-exit-active{opacity:0;transform:scale(0.5);transition:all .15s cubic-bezier(0.4,0.0,0.2,1)}.p-sidebar-left{justify-content:flex-start}.p-sidebar-right{justify-content:flex-end}.p-sidebar-top{align-items:flex-start}.p-sidebar-bottom{align-items:flex-end}.p-sidebar-left .p-sidebar{width:20rem;height:100%}.p-sidebar-right .p-sidebar{width:20rem;height:100%}.p-sidebar-top .p-sidebar{height:10rem;width:100%}.p-sidebar-bottom .p-sidebar{height:10rem;width:100%}.p-sidebar-left .p-sidebar-sm,.p-sidebar-right .p-sidebar-sm{width:20rem}.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-md{width:40rem}.p-sidebar-left .p-sidebar-lg,.p-sidebar-right .p-sidebar-lg{width:60rem}.p-sidebar-top .p-sidebar-sm,.p-sidebar-bottom .p-sidebar-sm{height:10rem}.p-sidebar-top .p-sidebar-md,.p-sidebar-bottom .p-sidebar-md{height:20rem}.p-sidebar-top .p-sidebar-lg,.p-sidebar-bottom .p-sidebar-lg{height:30rem}.p-sidebar-left .p-sidebar-view,.p-sidebar-right .p-sidebar-view,.p-sidebar-top .p-sidebar-view,.p-sidebar-bottom .p-sidebar-view{width:100%;height:100%}.p-sidebar-left .p-sidebar-content,.p-sidebar-right .p-sidebar-content,.p-sidebar-top .p-sidebar-content,.p-sidebar-bottom .p-sidebar-content{width:100%;height:100%}@media screen and (max-width:64em){.p-sidebar-left .p-sidebar-lg,.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-lg,.p-sidebar-right .p-sidebar-md{width:20rem}}
+.p-sidebar-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;pointer-events:none;background-color:transparent;transition-property:background-color}.p-sidebar-visible{display:flex}.p-sidebar:not([class*="p-sidebar-"]){display:none}.p-sidebar-mask.p-component-overlay{pointer-events:auto}.p-sidebar{display:flex;flex-direction:column;pointer-events:auto;transform:translate3d(0,0,0);position:relative}.p-sidebar-content{overflow-y:auto;flex-grow:1}.p-sidebar-header{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.p-sidebar-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-sidebar-full .p-sidebar{transition:none;transform:none;width:100vw !important;height:100vh !important;max-height:100%;top:0 !important;left:0 !important}.p-sidebar-top .p-sidebar-enter,.p-sidebar-top .p-sidebar-exit-active{transform:translate3d(0,-100%,0)}.p-sidebar-bottom .p-sidebar-enter,.p-sidebar-bottom .p-sidebar-exit-active{transform:translate3d(0,100%,0)}.p-sidebar-left .p-sidebar-enter,.p-sidebar-left .p-sidebar-exit-active{transform:translate3d(-100%,0,0)}.p-sidebar-right .p-sidebar-enter,.p-sidebar-right .p-sidebar-exit-active{transform:translate3d(100%,0,0)}.p-sidebar-top .p-sidebar-enter-active,.p-sidebar-bottom .p-sidebar-enter-active,.p-sidebar-left .p-sidebar-enter-active,.p-sidebar-right .p-sidebar-enter-active{transform:translate3d(0,0,0);transition:all .3s}.p-sidebar-top .p-sidebar-enter-done,.p-sidebar-bottom .p-sidebar-enter-done,.p-sidebar-left .p-sidebar-enter-done,.p-sidebar-right .p-sidebar-enter-done{transform:none}.p-sidebar-top .p-sidebar-exit-active,.p-sidebar-bottom .p-sidebar-exit-active,.p-sidebar-left .p-sidebar-exit-active,.p-sidebar-right .p-sidebar-exit-active{transition:all .3s}.p-sidebar-full .p-sidebar-enter{opacity:0;transform:scale(0.5)}.p-sidebar-full .p-sidebar-enter-active{opacity:1;transform:scale(1);transition:all .15s cubic-bezier(0,0,0.2,1)}.p-sidebar-full .p-sidebar-enter-done{transform:none}.p-sidebar-full .p-sidebar-exit-active{opacity:0;transform:scale(0.5);transition:all .15s cubic-bezier(0.4,0.0,0.2,1)}.p-sidebar-left{justify-content:flex-start}.p-sidebar-right{justify-content:flex-end}.p-sidebar-top{align-items:flex-start}.p-sidebar-bottom{align-items:flex-end}.p-sidebar-left .p-sidebar{width:20rem;height:100%}.p-sidebar-right .p-sidebar{width:20rem;height:100%}.p-sidebar-top .p-sidebar{height:10rem;width:100%}.p-sidebar-bottom .p-sidebar{height:10rem;width:100%}.p-sidebar-left .p-sidebar-sm,.p-sidebar-right .p-sidebar-sm{width:20rem}.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-md{width:40rem}.p-sidebar-left .p-sidebar-lg,.p-sidebar-right .p-sidebar-lg{width:60rem}.p-sidebar-top .p-sidebar-sm,.p-sidebar-bottom .p-sidebar-sm{height:10rem}.p-sidebar-top .p-sidebar-md,.p-sidebar-bottom .p-sidebar-md{height:20rem}.p-sidebar-top .p-sidebar-lg,.p-sidebar-bottom .p-sidebar-lg{height:30rem}.p-sidebar-left .p-sidebar-view,.p-sidebar-right .p-sidebar-view,.p-sidebar-top .p-sidebar-view,.p-sidebar-bottom .p-sidebar-view{width:100%;height:100%}.p-sidebar-left .p-sidebar-content,.p-sidebar-right .p-sidebar-content,.p-sidebar-top .p-sidebar-content,.p-sidebar-bottom .p-sidebar-content{width:100%;height:100%}@media screen and (max-width:64em){.p-sidebar-left .p-sidebar-lg,.p-sidebar-left .p-sidebar-md,.p-sidebar-right .p-sidebar-lg,.p-sidebar-right .p-sidebar-md{width:20rem}}

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,l,o,a,i){"use strict";function s(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),d=s(n);function f(){return f=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},f.apply(this,arguments)}function p(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 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 b(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 b(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)?b(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 h(e,t){return p(e)||m(e,t)||y(e,t)||v()}var S=u.forwardRef((function(e,t){var n=h(u.useState(!1),2),s=n[0],c=n[1],p=h(u.useState(!1),2),m=p[0],b=p[1],y=u.useRef(null),v=u.useRef(null),E=u.useRef(null),O=h(l.useEventListener({type:"keydown",listener:function(e){27===e.which&&i.ZIndexUtils.get(v.current)===i.ZIndexUtils.getCurrent("modal",d.default.autoZIndex)&&I(e)}}),2),w=O[0],g=O[1],k=function(t){e.dismissable&&e.modal&&v.current===t.target&&I(t)},I=function(t){e.onHide(),t.preventDefault()},x=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&&i.DomHandler.addClass(v.current,"p-component-overlay-leave")},C=function(){i.ZIndexUtils.clear(v.current),c(!1),U()},N=function(){e.closeOnEscape&&w(),e.blockScroll&&i.DomHandler.addClass(document.body,"p-overflow-hidden")},U=function(){g(),e.blockScroll&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")};l.useMountEffect((function(){e.visible&&c(!0)})),l.useUpdateEffect((function(){e.visible&&!s&&c(!0),e.visible!==m&&s&&b(e.visible)})),l.useUpdateEffect((function(){s&&(i.ZIndexUtils.set("modal",v.current,d.default.autoZIndex,e.baseZIndex||d.default.zIndex.modal),b(!0))}),[s]),l.useUnmountEffect((function(){U(),v.current&&i.ZIndexUtils.clear(v.current)}));var Z,P,D,R,A,T,_;return s&&(P=i.ObjectUtils.findDiffKeys(e,S.defaultProps),D=i.classNames("p-sidebar p-component",e.className),R=i.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?u.createElement("button",{type:"button",ref:E,className:"p-sidebar-close p-sidebar-icon p-link",onClick:I,"aria-label":e.ariaCloseLabel},u.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),u.createElement(a.Ripple,null)):null,T=e.icons?i.ObjectUtils.getJSXElement(e.icons,e):null,_=u.createElement("div",{ref:v,style:e.maskStyle,className:R,onMouseDown:k},u.createElement(r.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:x,onExiting:j,onExited:C},u.createElement("div",f({ref:y,id:e.id,className:D,style:e.style},P,{role:"complementary"}),u.createElement("div",{className:"p-sidebar-header"},T,A),u.createElement("div",{className:"p-sidebar-content"},e.children)))),u.createElement(o.Portal,{element:_,appendTo:e.appendTo,visible:!0}))}));return S.displayName="Sidebar",S.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},e.Sidebar=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,l,o,a,i){"use strict";function s(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),d=s(n);function f(){return f=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},f.apply(this,arguments)}function p(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 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 b(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 b(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)?b(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 h(e,t){return p(e)||m(e,t)||y(e,t)||v()}var E=u.forwardRef((function(e,t){var n=h(u.useState(!1),2),s=n[0],c=n[1],p=h(u.useState(!1),2),m=p[0],b=p[1],y=u.useRef(null),v=u.useRef(null),S=u.useRef(null),g=h(l.useEventListener({type:"keydown",listener:function(e){27===e.which&&i.ZIndexUtils.get(v.current)===i.ZIndexUtils.getCurrent("modal",d.default.autoZIndex)&&N(e)}}),2),w=g[0],O=g[1],k=h(l.useEventListener({type:"click",listener:function(e){2!==e.which&&C(e)&&N(e)}}),2),I=k[0],x=k[1],C=function(e){return y&&y.current&&!y.current.contains(e.target)},j=function(t){e.dismissable&&e.modal&&v.current===t.target&&N(t)},N=function(t){e.onHide(),t.preventDefault()},U=function(){var t;e.onShow&&e.onShow(),!((t=document.activeElement)&&y&&y.current.contains(t))&&e.showCloseIcon&&S.current.focus(),D()},Z=function(){e.modal&&i.DomHandler.addClass(v.current,"p-component-overlay-leave")},P=function(){i.ZIndexUtils.clear(v.current),c(!1),R()},D=function(){e.closeOnEscape&&w(),e.dismissable&&!e.modal&&I(),e.blockScroll&&i.DomHandler.addClass(document.body,"p-overflow-hidden")},R=function(){O(),x(),e.blockScroll&&i.DomHandler.removeClass(document.body,"p-overflow-hidden")};u.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return y.current},gteMask:function(){return v.current},getCloseIcon:function(){return S.current}}})),l.useMountEffect((function(){e.visible&&c(!0)})),l.useUpdateEffect((function(){e.visible&&!s&&c(!0),e.visible!==m&&s&&b(e.visible)})),l.useUpdateEffect((function(){s&&(i.ZIndexUtils.set("modal",v.current,d.default.autoZIndex,e.baseZIndex||d.default.zIndex.modal),b(!0))}),[s]),l.useUnmountEffect((function(){R(),v.current&&i.ZIndexUtils.clear(v.current)}));var A,H,M,T,_,L,z;return s&&(H=i.ObjectUtils.findDiffKeys(e,E.defaultProps),M=i.classNames("p-sidebar p-component",e.className),T=i.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),_=e.showCloseIcon?u.createElement("button",{type:"button",ref:S,className:"p-sidebar-close p-sidebar-icon p-link",onClick:N,"aria-label":e.ariaCloseLabel},u.createElement("span",{className:"p-sidebar-close-icon pi pi-times"}),u.createElement(a.Ripple,null)):null,L=e.icons?i.ObjectUtils.getJSXElement(e.icons,e):null,z=u.createElement("div",{ref:v,style:e.maskStyle,className:T,onMouseDown:j},u.createElement(r.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:U,onExiting:Z,onExited:P},u.createElement("div",f({ref:y,id:e.id,className:M,style:e.style},H,{role:"complementary"}),u.createElement("div",{className:"p-sidebar-header"},L,_),u.createElement("div",{className:"p-sidebar-content"},e.children)))),u.createElement(o.Portal,{element:z,appendTo:e.appendTo,visible:!0}))}));return E.displayName="Sidebar",E.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},e.Sidebar=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils);

package/skeleton/skeleton.cjs.js

@@ -44,6 +44,7 @@ function _extends() {
 }
 
 var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
   var style = props.size ? {
     width: props.size,
@@ -58,7 +59,16 @@ var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     'p-skeleton-circle': props.shape === 'circle',
     'p-skeleton-none': props.animation === 'none'
   }, props.className);
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef,
     style: style,
     className: className
   }, otherProps));

package/skeleton/skeleton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(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 n=r(e);function a(){return a=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},a.apply(this,arguments)}var i=n.memo(n.forwardRef((function(e,r){var s=t.ObjectUtils.findDiffKeys(e,i.defaultProps),l=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},o=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return n.createElement("div",a({style:l,className:o},s))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},exports.Skeleton=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(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 n=t(e);function a(){return a=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},a.apply(this,arguments)}var i=n.memo(n.forwardRef((function(e,t){var s=n.useRef(null),l=r.ObjectUtils.findDiffKeys(e,i.defaultProps),o=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},u=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return n.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return s.current}}})),n.createElement("div",a({ref:s,style:o,className:u},l))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},exports.Skeleton=i;