primereact 10.3.0 → 10.3.1

package/resources/themes/viva-light/theme.css

@@ -3284,6 +3284,7 @@
     padding: 0.5rem 0.5rem;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3297,15 +3298,17 @@
     background: #edf0fa;
     color: #6c6c6c;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #6c6c6c;
+    background: #e6e9f3;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #585858;
     background: #ced6f1;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #aebbe8;
+  }
   .p-tree {
     border: 2px solid #ebebeb;
     background: #ffffff;
@@ -3315,6 +3318,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3351,11 +3360,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #6c6c6c;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #bbc7ee;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #ced6f1;
     color: #585858;
@@ -3862,6 +3866,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #ebebeb;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem #bbc7ee;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #ebebeb;
   }

package/ripple/ripple.cjs.js

@@ -175,11 +175,13 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var targetRef = React__namespace.useRef(null);
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = RippleBase.getProps(inProps, context);
+  var isRippleActive = context && context.ripple || PrimeReact__default["default"].ripple;
   var metaData = {
     props: props
   };
   hooks.useStyle(RippleBase.css.styles, {
-    name: 'ripple'
+    name: 'ripple',
+    manual: !isRippleActive
   });
   var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
     ptm = _RippleBase$setMetaDa.ptm,
@@ -258,16 +260,17 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       unbindEvents();
     }
   });
+  if (!isRippleActive) return null;
   var rootProps = utils.mergeProps({
     'aria-hidden': true,
     className: utils.classNames(cx('root'))
   }, RippleBase.getOtherProps(props), ptm('root'));
-  return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
+  return /*#__PURE__*/React__namespace.createElement("span", _extends({
     role: "presentation",
     ref: inkRef
   }, rootProps, {
     onAnimationEnd: onAnimationEnd
-  })) : null;
+  }));
 }));
 Ripple.displayName = 'Ripple';
 

package/ripple/ripple.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils"),o=require("primereact/componentbase");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var c=u(e),a=i(r);function l(){return l=Object.assign?Object.assign.bind():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},l.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function s(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function f(e){var r=s(e,"string");return"symbol"===p(r)?r:String(r)}function d(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==r);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return y(e,r);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,r):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=o.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return n.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,v.defaultProps)}});function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=f(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=c.memo(c.forwardRef((function(e,o){var i,u,p=c.useState(!1),s=(u=2,d(i=p)||m(i,u)||b(i,u)||g()),f=s[0],y=s[1],O=c.useRef(null),j=c.useRef(null),P=c.useContext(r.PrimeReactContext),w=v.getProps(e,P),S={props:w};t.useStyle(v.css.styles,{name:"ripple"});var D=v.setMetaData(h({},S)),E=D.ptm,k=D.cx,H=function(){return O.current&&O.current.parentElement},x=function(){j.current&&j.current.addEventListener("pointerdown",C)},C=function(e){var r=n.DomHandler.getOffset(j.current),t=e.pageX-r.left+document.body.scrollTop-n.DomHandler.getWidth(O.current)/2,o=e.pageY-r.top+document.body.scrollLeft-n.DomHandler.getHeight(O.current)/2;A(t,o)},A=function(e,r){O.current&&"none"!==getComputedStyle(O.current,null).display&&(n.DomHandler.removeClass(O.current,"p-ink-active"),M(),O.current.style.top=r+"px",O.current.style.left=e+"px",n.DomHandler.addClass(O.current,"p-ink-active"))},M=function(){if(O.current&&!n.DomHandler.getHeight(O.current)&&!n.DomHandler.getWidth(O.current)){var e=Math.max(n.DomHandler.getOuterWidth(j.current),n.DomHandler.getOuterHeight(j.current));O.current.style.height=e+"px",O.current.style.width=e+"px"}};c.useImperativeHandle(o,(function(){return{props:w,getInk:function(){return O.current},getTarget:function(){return j.current}}})),t.useMountEffect((function(){y(!0)})),t.useUpdateEffect((function(){f&&O.current&&(j.current=H(),M(),x())}),[f]),t.useUpdateEffect((function(){O.current&&!j.current&&(j.current=H(),M(),x())})),t.useUnmountEffect((function(){O.current&&(j.current=null,j.current&&j.current.removeEventListener("pointerdown",C))}));var R=n.mergeProps({"aria-hidden":!0,className:n.classNames(k("root"))},v.getOtherProps(w),E("root"));return P&&P.ripple||a.default.ripple?c.createElement("span",l({role:"presentation",ref:O},R,{onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));j.displayName="Ripple",exports.Ripple=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/api"),t=require("primereact/hooks"),n=require("primereact/utils"),o=require("primereact/componentbase");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=u(e),c=i(r);function l(){return l=Object.assign?Object.assign.bind():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},l.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function s(e,r){if("object"!==p(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function f(e){var r=s(e,"string");return"symbol"===p(r)?r:String(r)}function d(e){if(Array.isArray(e))return e}function m(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,i,u,a=[],c=!0,l=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=i.call(t)).done)&&(a.push(n.value),a.length!==r);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return a}}function y(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function b(e,r){if(e){if("string"==typeof e)return y(e,r);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,r):void 0}}function g(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=o.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return n.ObjectUtils.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,v.defaultProps)}});function O(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?O(Object(t),!0).forEach((function(r){var n,o,i;n=e,i=t[r],(o=f(o=r))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):O(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var j=a.memo(a.forwardRef((function(e,o){var i,u,p=a.useState(!1),s=(u=2,d(i=p)||m(i,u)||b(i,u)||g()),f=s[0],y=s[1],O=a.useRef(null),j=a.useRef(null),P=a.useContext(r.PrimeReactContext),w=v.getProps(e,P),S=P&&P.ripple||c.default.ripple,D={props:w};t.useStyle(v.css.styles,{name:"ripple",manual:!S});var E=v.setMetaData(h({},D)),k=E.ptm,H=E.cx,x=function(){return O.current&&O.current.parentElement},C=function(){j.current&&j.current.addEventListener("pointerdown",A)},A=function(e){var r=n.DomHandler.getOffset(j.current),t=e.pageX-r.left+document.body.scrollTop-n.DomHandler.getWidth(O.current)/2,o=e.pageY-r.top+document.body.scrollLeft-n.DomHandler.getHeight(O.current)/2;M(t,o)},M=function(e,r){O.current&&"none"!==getComputedStyle(O.current,null).display&&(n.DomHandler.removeClass(O.current,"p-ink-active"),R(),O.current.style.top=r+"px",O.current.style.left=e+"px",n.DomHandler.addClass(O.current,"p-ink-active"))},R=function(){if(O.current&&!n.DomHandler.getHeight(O.current)&&!n.DomHandler.getWidth(O.current)){var e=Math.max(n.DomHandler.getOuterWidth(j.current),n.DomHandler.getOuterHeight(j.current));O.current.style.height=e+"px",O.current.style.width=e+"px"}};if(a.useImperativeHandle(o,(function(){return{props:w,getInk:function(){return O.current},getTarget:function(){return j.current}}})),t.useMountEffect((function(){y(!0)})),t.useUpdateEffect((function(){f&&O.current&&(j.current=x(),R(),C())}),[f]),t.useUpdateEffect((function(){O.current&&!j.current&&(j.current=x(),R(),C())})),t.useUnmountEffect((function(){O.current&&(j.current=null,j.current&&j.current.removeEventListener("pointerdown",A))})),!S)return null;var T=n.mergeProps({"aria-hidden":!0,className:n.classNames(H("root"))},v.getOtherProps(w),k("root"));return a.createElement("span",l({role:"presentation",ref:O},T,{onAnimationEnd:function(e){n.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}))})));j.displayName="Ripple",exports.Ripple=j;

package/ripple/ripple.esm.js

@@ -148,11 +148,13 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
   var targetRef = React.useRef(null);
   var context = React.useContext(PrimeReactContext);
   var props = RippleBase.getProps(inProps, context);
+  var isRippleActive = context && context.ripple || PrimeReact.ripple;
   var metaData = {
     props: props
   };
   useStyle(RippleBase.css.styles, {
-    name: 'ripple'
+    name: 'ripple',
+    manual: !isRippleActive
   });
   var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
     ptm = _RippleBase$setMetaDa.ptm,
@@ -231,16 +233,17 @@ var Ripple = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (in
       unbindEvents();
     }
   });
+  if (!isRippleActive) return null;
   var rootProps = mergeProps({
     'aria-hidden': true,
     className: classNames(cx('root'))
   }, RippleBase.getOtherProps(props), ptm('root'));
-  return context && context.ripple || PrimeReact.ripple ? /*#__PURE__*/React.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     role: "presentation",
     ref: inkRef
   }, rootProps, {
     onAnimationEnd: onAnimationEnd
-  })) : null;
+  }));
 }));
 Ripple.displayName = 'Ripple';
 

package/ripple/ripple.esm.min.js

@@ -1 +1 @@
-import*as r from"react";import e,{PrimeReactContext as t}from"primereact/api";import{useStyle as n,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as u}from"primereact/hooks";import{ObjectUtils as c,mergeProps as a,classNames as l,DomHandler as p}from"primereact/utils";import{ComponentBase as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},f.apply(this,arguments)}function m(r){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},m(r)}function y(r,e){if("object"!==m(r)||null===r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}function b(r){var e=y(r,"string");return"symbol"===m(e)?e:String(e)}function d(r){if(Array.isArray(r))return r}function g(r,e){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(t=t.call(r)).next,0===e){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==e);a=!0);}catch(r){l=!0,o=r}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function v(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function h(r,e){if(r){if("string"==typeof r)return v(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(r,e):void 0}}function O(){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 j=s.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(r){return c.getMergedProps(r,j.defaultProps)},getOtherProps:function(r){return c.getDiffProps(r,j.defaultProps)}});function P(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function w(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?P(Object(t),!0).forEach((function(e){var n,o,i;n=r,i=t[e],(o=b(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var S=r.memo(r.forwardRef((function(c,s){var m,y,b=r.useState(!1),v=(y=2,d(m=b)||g(m,y)||h(m,y)||O()),P=v[0],S=v[1],k=r.useRef(null),x=r.useRef(null),E=r.useContext(t),A=j.getProps(c,E),C={props:A};n(j.css.styles,{name:"ripple"});var D=j.setMetaData(w({},C)),T=D.ptm,I=D.cx,R=function(){return k.current&&k.current.parentElement},H=function(){x.current&&x.current.addEventListener("pointerdown",M)},M=function(r){var e=p.getOffset(x.current),t=r.pageX-e.left+document.body.scrollTop-p.getWidth(k.current)/2,n=r.pageY-e.top+document.body.scrollLeft-p.getHeight(k.current)/2;L(t,n)},L=function(r,e){k.current&&"none"!==getComputedStyle(k.current,null).display&&(p.removeClass(k.current,"p-ink-active"),N(),k.current.style.top=e+"px",k.current.style.left=r+"px",p.addClass(k.current,"p-ink-active"))},N=function(){if(k.current&&!p.getHeight(k.current)&&!p.getWidth(k.current)){var r=Math.max(p.getOuterWidth(x.current),p.getOuterHeight(x.current));k.current.style.height=r+"px",k.current.style.width=r+"px"}};r.useImperativeHandle(s,(function(){return{props:A,getInk:function(){return k.current},getTarget:function(){return x.current}}})),o((function(){S(!0)})),i((function(){P&&k.current&&(x.current=R(),N(),H())}),[P]),i((function(){k.current&&!x.current&&(x.current=R(),N(),H())})),u((function(){k.current&&(x.current=null,x.current&&x.current.removeEventListener("pointerdown",M))}));var W=a({"aria-hidden":!0,className:l(I("root"))},j.getOtherProps(A),T("root"));return E&&E.ripple||e.ripple?r.createElement("span",f({role:"presentation",ref:k},W,{onAnimationEnd:function(r){p.removeClass(r.currentTarget,"p-ink-active")}})):null})));S.displayName="Ripple";export{S as Ripple};
+import*as r from"react";import e,{PrimeReactContext as t}from"primereact/api";import{useStyle as n,useMountEffect as o,useUpdateEffect as i,useUnmountEffect as u}from"primereact/hooks";import{ObjectUtils as c,mergeProps as a,classNames as l,DomHandler as p}from"primereact/utils";import{ComponentBase as s}from"primereact/componentbase";function f(){return f=Object.assign?Object.assign.bind():function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},f.apply(this,arguments)}function m(r){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},m(r)}function y(r,e){if("object"!==m(r)||null===r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!==m(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}function b(r){var e=y(r,"string");return"symbol"===m(e)?e:String(e)}function d(r){if(Array.isArray(r))return r}function g(r,e){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(t=t.call(r)).next,0===e){if(Object(t)!==t)return;a=!1}else for(;!(a=(n=i.call(t)).done)&&(c.push(n.value),c.length!==e);a=!0);}catch(r){l=!0,o=r}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function v(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}function h(r,e){if(r){if("string"==typeof r)return v(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(r,e):void 0}}function O(){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 j=s.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(r){return c.getMergedProps(r,j.defaultProps)},getOtherProps:function(r){return c.getDiffProps(r,j.defaultProps)}});function P(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function w(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?P(Object(t),!0).forEach((function(e){var n,o,i;n=r,i=t[e],(o=b(o=e))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}var S=r.memo(r.forwardRef((function(c,s){var m,y,b=r.useState(!1),v=(y=2,d(m=b)||g(m,y)||h(m,y)||O()),P=v[0],S=v[1],k=r.useRef(null),x=r.useRef(null),E=r.useContext(t),A=j.getProps(c,E),C=E&&E.ripple||e.ripple,D={props:A};n(j.css.styles,{name:"ripple",manual:!C});var T=j.setMetaData(w({},D)),I=T.ptm,R=T.cx,H=function(){return k.current&&k.current.parentElement},M=function(){x.current&&x.current.addEventListener("pointerdown",L)},L=function(r){var e=p.getOffset(x.current),t=r.pageX-e.left+document.body.scrollTop-p.getWidth(k.current)/2,n=r.pageY-e.top+document.body.scrollLeft-p.getHeight(k.current)/2;N(t,n)},N=function(r,e){k.current&&"none"!==getComputedStyle(k.current,null).display&&(p.removeClass(k.current,"p-ink-active"),W(),k.current.style.top=e+"px",k.current.style.left=r+"px",p.addClass(k.current,"p-ink-active"))},W=function(){if(k.current&&!p.getHeight(k.current)&&!p.getWidth(k.current)){var r=Math.max(p.getOuterWidth(x.current),p.getOuterHeight(x.current));k.current.style.height=r+"px",k.current.style.width=r+"px"}};if(r.useImperativeHandle(s,(function(){return{props:A,getInk:function(){return k.current},getTarget:function(){return x.current}}})),o((function(){S(!0)})),i((function(){P&&k.current&&(x.current=H(),W(),M())}),[P]),i((function(){k.current&&!x.current&&(x.current=H(),W(),M())})),u((function(){k.current&&(x.current=null,x.current&&x.current.removeEventListener("pointerdown",L))})),!C)return null;var Y=a({"aria-hidden":!0,className:l(R("root"))},j.getOtherProps(A),I("root"));return r.createElement("span",f({role:"presentation",ref:k},Y,{onAnimationEnd:function(r){p.removeClass(r.currentTarget,"p-ink-active")}}))})));S.displayName="Ripple";export{S as Ripple};

package/ripple/ripple.js

@@ -168,11 +168,13 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
     var targetRef = React__namespace.useRef(null);
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
     var props = RippleBase.getProps(inProps, context);
+    var isRippleActive = context && context.ripple || PrimeReact__default["default"].ripple;
     var metaData = {
       props: props
     };
     hooks.useStyle(RippleBase.css.styles, {
-      name: 'ripple'
+      name: 'ripple',
+      manual: !isRippleActive
     });
     var _RippleBase$setMetaDa = RippleBase.setMetaData(_objectSpread({}, metaData)),
       ptm = _RippleBase$setMetaDa.ptm,
@@ -251,16 +253,17 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
         unbindEvents();
       }
     });
+    if (!isRippleActive) return null;
     var rootProps = utils.mergeProps({
       'aria-hidden': true,
       className: utils.classNames(cx('root'))
     }, RippleBase.getOtherProps(props), ptm('root'));
-    return context && context.ripple || PrimeReact__default["default"].ripple ? /*#__PURE__*/React__namespace.createElement("span", _extends({
+    return /*#__PURE__*/React__namespace.createElement("span", _extends({
       role: "presentation",
       ref: inkRef
     }, rootProps, {
       onAnimationEnd: onAnimationEnd
-    })) : null;
+    }));
   }));
   Ripple.displayName = 'Ripple';
 

package/ripple/ripple.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,o,i){"use strict";function u(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 a=c(t),l=u(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function m(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function b(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 g(e,t){if(e){if("string"==typeof e)return b(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)?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.")}var O=i.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return o.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,O.defaultProps)}});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=d(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=a.memo(a.forwardRef((function(e,t){var i,u,c=a.useState(!1),s=(u=2,m(i=c)||y(i,u)||g(i,u)||v()),f=s[0],d=s[1],b=a.useRef(null),h=a.useRef(null),P=a.useContext(r.PrimeReactContext),w=O.getProps(e,P),S={props:w};n.useStyle(O.css.styles,{name:"ripple"});var D=O.setMetaData(j({},S)),E=D.ptm,k=D.cx,H=function(){return b.current&&b.current.parentElement},x=function(){h.current&&h.current.addEventListener("pointerdown",C)},C=function(e){var t=o.DomHandler.getOffset(h.current),r=e.pageX-t.left+document.body.scrollTop-o.DomHandler.getWidth(b.current)/2,n=e.pageY-t.top+document.body.scrollLeft-o.DomHandler.getHeight(b.current)/2;R(r,n)},R=function(e,t){b.current&&"none"!==getComputedStyle(b.current,null).display&&(o.DomHandler.removeClass(b.current,"p-ink-active"),A(),b.current.style.top=t+"px",b.current.style.left=e+"px",o.DomHandler.addClass(b.current,"p-ink-active"))},A=function(){if(b.current&&!o.DomHandler.getHeight(b.current)&&!o.DomHandler.getWidth(b.current)){var e=Math.max(o.DomHandler.getOuterWidth(h.current),o.DomHandler.getOuterHeight(h.current));b.current.style.height=e+"px",b.current.style.width=e+"px"}};a.useImperativeHandle(t,(function(){return{props:w,getInk:function(){return b.current},getTarget:function(){return h.current}}})),n.useMountEffect((function(){d(!0)})),n.useUpdateEffect((function(){f&&b.current&&(h.current=H(),A(),x())}),[f]),n.useUpdateEffect((function(){b.current&&!h.current&&(h.current=H(),A(),x())})),n.useUnmountEffect((function(){b.current&&(h.current=null,h.current&&h.current.removeEventListener("pointerdown",C))}));var M=o.mergeProps({"aria-hidden":!0,className:o.classNames(k("root"))},O.getOtherProps(w),E("root"));return P&&P.ripple||l.default.ripple?a.createElement("span",p({role:"presentation",ref:b},M,{onAnimationEnd:function(e){o.DomHandler.removeClass(e.currentTarget,"p-ink-active")}})):null})));return P.displayName="Ripple",e.Ripple=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.ripple=function(e,t,r,n,o,i){"use strict";function u(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 a=c(t),l=u(r);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},p.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function f(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=f(e,"string");return"symbol"===s(t)?t:String(t)}function d(e){if(Array.isArray(e))return e}function y(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,u,c=[],a=!0,l=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;a=!1}else for(;!(a=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);a=!0);}catch(e){l=!0,o=e}finally{try{if(!a&&null!=r.return&&(u=r.return(),Object(u)!==u))return}finally{if(l)throw o}}return c}}function b(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 g(e,t){if(e){if("string"==typeof e)return b(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)?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.")}var O=i.ComponentBase.extend({defaultProps:{__TYPE:"Ripple",children:void 0},css:{styles:"\n@layer primereact {\n    .p-ripple {\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-ink {\n        display: block;\n        position: absolute;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 100%;\n        transform: scale(0);\n    }\n    \n    .p-ink-active {\n        animation: ripple 0.4s linear;\n    }\n    \n    .p-ripple-disabled .p-ink {\n        display: none;\n    }\n}\n\n@keyframes ripple {\n    100% {\n        opacity: 0;\n        transform: scale(2.5);\n    }\n}\n\n",classes:{root:"p-ink"}},getProps:function(e){return o.ObjectUtils.getMergedProps(e,O.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,O.defaultProps)}});function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){var n,o,i;n=e,i=r[t],(o=m(o=t))in n?Object.defineProperty(n,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):n[o]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var P=a.memo(a.forwardRef((function(e,t){var i,u,c=a.useState(!1),s=(u=2,d(i=c)||y(i,u)||g(i,u)||v()),f=s[0],m=s[1],b=a.useRef(null),h=a.useRef(null),P=a.useContext(r.PrimeReactContext),w=O.getProps(e,P),S=P&&P.ripple||l.default.ripple,D={props:w};n.useStyle(O.css.styles,{name:"ripple",manual:!S});var E=O.setMetaData(j({},D)),k=E.ptm,H=E.cx,x=function(){return b.current&&b.current.parentElement},C=function(){h.current&&h.current.addEventListener("pointerdown",R)},R=function(e){var t=o.DomHandler.getOffset(h.current),r=e.pageX-t.left+document.body.scrollTop-o.DomHandler.getWidth(b.current)/2,n=e.pageY-t.top+document.body.scrollLeft-o.DomHandler.getHeight(b.current)/2;A(r,n)},A=function(e,t){b.current&&"none"!==getComputedStyle(b.current,null).display&&(o.DomHandler.removeClass(b.current,"p-ink-active"),M(),b.current.style.top=t+"px",b.current.style.left=e+"px",o.DomHandler.addClass(b.current,"p-ink-active"))},M=function(){if(b.current&&!o.DomHandler.getHeight(b.current)&&!o.DomHandler.getWidth(b.current)){var e=Math.max(o.DomHandler.getOuterWidth(h.current),o.DomHandler.getOuterHeight(h.current));b.current.style.height=e+"px",b.current.style.width=e+"px"}};if(a.useImperativeHandle(t,(function(){return{props:w,getInk:function(){return b.current},getTarget:function(){return h.current}}})),n.useMountEffect((function(){m(!0)})),n.useUpdateEffect((function(){f&&b.current&&(h.current=x(),M(),C())}),[f]),n.useUpdateEffect((function(){b.current&&!h.current&&(h.current=x(),M(),C())})),n.useUnmountEffect((function(){b.current&&(h.current=null,h.current&&h.current.removeEventListener("pointerdown",R))})),!S)return null;var T=o.mergeProps({"aria-hidden":!0,className:o.classNames(H("root"))},O.getOtherProps(w),k("root"));return a.createElement("span",p({role:"presentation",ref:b},T,{onAnimationEnd:function(e){o.DomHandler.removeClass(e.currentTarget,"p-ink-active")}}))})));return P.displayName="Ripple",e.Ripple=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.componentbase);

package/sidebar/sidebar.cjs.js

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('primereact/utils');
 var PrimeReact = require('primereact/api');
 var componentbase = require('primereact/componentbase');
 var csstransition = require('primereact/csstransition');
@@ -12,6 +11,7 @@ var hooks = require('primereact/hooks');
 var times = require('primereact/icons/times');
 var portal = require('primereact/portal');
 var ripple = require('primereact/ripple');
+var utils = require('primereact/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -147,106 +147,6 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var usePrevious = function usePrevious(newValue) {
-  var ref = React__namespace.useRef(undefined);
-  React__namespace.useEffect(function () {
-    ref.current = newValue;
-  });
-  return ref.current;
-};
-
-/* eslint-disable */
-var useUnmountEffect = function useUnmountEffect(fn) {
-  return React__namespace.useEffect(function () {
-    return fn;
-  }, []);
-};
-/* eslint-enable */
-
-/* eslint-disable */
-var useEventListener = function useEventListener(_ref) {
-  var _ref$target = _ref.target,
-    target = _ref$target === void 0 ? 'document' : _ref$target,
-    type = _ref.type,
-    listener = _ref.listener,
-    options = _ref.options,
-    _ref$when = _ref.when,
-    when = _ref$when === void 0 ? true : _ref$when;
-  var targetRef = React__namespace.useRef(null);
-  var listenerRef = React__namespace.useRef(null);
-  var prevListener = usePrevious(listener);
-  var prevOptions = usePrevious(options);
-  var bind = function bind() {
-    var bindOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    if (utils.ObjectUtils.isNotEmpty(bindOptions.target)) {
-      unbind();
-      (bindOptions.when || when) && (targetRef.current = utils.DomHandler.getTargetElement(bindOptions.target));
-    }
-    if (!listenerRef.current && targetRef.current) {
-      listenerRef.current = function (event) {
-        return listener && listener(event);
-      };
-      targetRef.current.addEventListener(type, listenerRef.current, options);
-    }
-  };
-  var unbind = function unbind() {
-    if (listenerRef.current) {
-      targetRef.current.removeEventListener(type, listenerRef.current, options);
-      listenerRef.current = null;
-    }
-  };
-  React__namespace.useEffect(function () {
-    if (when) {
-      targetRef.current = utils.DomHandler.getTargetElement(target);
-    } else {
-      unbind();
-      targetRef.current = null;
-    }
-  }, [target, when]);
-  React__namespace.useEffect(function () {
-    // to properly compare functions we can implicitly converting the function to it's body's text as a String
-    if (listenerRef.current && ('' + prevListener !== '' + listener || prevOptions !== options)) {
-      unbind();
-      when && bind();
-    }
-  }, [listener, options, when]);
-  useUnmountEffect(function () {
-    unbind();
-  });
-  return [bind, unbind];
-};
-/* eslint-enable */
-
-var useOnEscapeKey = function useOnEscapeKey(ref, condition, callback) {
-  var handleEsc = function handleEsc(event) {
-    if (event.key === 'Esc' || event.key === 'Escape') {
-      event.stopImmediatePropagation();
-      callback(event);
-    }
-    return;
-  };
-  var _useEventListener = useEventListener({
-      type: 'keydown',
-      listener: handleEsc
-    }),
-    _useEventListener2 = _slicedToArray(_useEventListener, 2),
-    bindKeyDownListener = _useEventListener2[0],
-    unbindKeyDownListener = _useEventListener2[1];
-  React__namespace.useEffect(function () {
-    if (!condition) {
-      return;
-    }
-    if (!ref.current) {
-      return;
-    }
-    bindKeyDownListener();
-    return function () {
-      unbindKeyDownListener();
-    };
-  });
-  return [ref, callback];
-};
-
 var classes = {
   closeButton: 'p-sidebar-close p-sidebar-icon p-link',
   closeIcon: 'p-sidebar-close-icon',
@@ -360,10 +260,13 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var sidebarRef = React__namespace.useRef(null);
   var maskRef = React__namespace.useRef(null);
   var closeIconRef = React__namespace.useRef(null);
-  useOnEscapeKey(maskRef, props.closeOnEscape, function (event) {
-    if (utils.ZIndexUtils.get(maskRef.current) === utils.ZIndexUtils.getCurrent('modal', context && context.autoZIndex || PrimeReact__default["default"].autoZIndex)) {
+  var sidebarDisplayOrder = hooks.useDisplayOrder('sidebar', visibleState);
+  hooks.useGlobalOnEscapeKey({
+    callback: function callback(event) {
       onClose(event);
-    }
+    },
+    when: visibleState && props.closeOnEscape,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR, sidebarDisplayOrder]
   });
   var _useEventListener = hooks.useEventListener({
       type: 'click',
@@ -475,6 +378,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     maskRef.current && utils.ZIndexUtils.clear(maskRef.current);
   });
   var createCloseIcon = function createCloseIcon() {
+    var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
     var closeButtonProps = utils.mergeProps({
       type: 'button',
       ref: closeIconRef,
@@ -491,7 +395,6 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var closeIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, closeIconProps), {
       props: props
     });
-    var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
     if (props.showCloseIcon) {
       return /*#__PURE__*/React__namespace.createElement("button", closeButtonProps, closeIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }

package/sidebar/sidebar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/utils"),t=require("primereact/api"),r=require("primereact/componentbase"),i=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/icons/times"),s=require("primereact/portal"),l=require("primereact/ripple");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=p(e),u=c(t);function b(){return b=Object.assign?Object.assign.bind():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},b.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function h(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,c=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw i}}return s}}function g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,n){return y(e)||h(e,n)||x(e,n)||S()}var E=function(e){var n=d.useRef(void 0);return d.useEffect((function(){n.current=e})),n.current},O=function(e,t,r){var i,a,o,s,l,c,p,u,b,f,m,v,y,h,g,x=(s=void 0===(o=(i={type:"keydown",listener:function(e){"Esc"!==e.key&&"Escape"!==e.key||(e.stopImmediatePropagation(),r(e))}}).target)?"document":o,l=i.type,c=i.listener,p=i.options,b=void 0===(u=i.when)||u,f=d.useRef(null),m=d.useRef(null),v=E(c),y=E(p),h=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};n.ObjectUtils.isNotEmpty(e.target)&&(g(),(e.when||b)&&(f.current=n.DomHandler.getTargetElement(e.target))),!m.current&&f.current&&(m.current=function(e){return c&&c(e)},f.current.addEventListener(l,m.current,p))},g=function(){m.current&&(f.current.removeEventListener(l,m.current,p),m.current=null)},d.useEffect((function(){b?f.current=n.DomHandler.getTargetElement(s):(g(),f.current=null)}),[s,b]),d.useEffect((function(){!m.current||""+v==""+c&&y===p||(g(),b&&h())}),[c,p,b]),a=function(){g()},d.useEffect((function(){return a}),[]),[h,g]),S=w(x,2),O=S[0],j=S[1];return d.useEffect((function(){if(t&&e.current)return O(),function(){j()}})),[e,r]},j=r.ComponentBase.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var t=e.props,r=e.maskVisibleState,i=["left","right","top","bottom"].find((function(e){return e===t.position}));return n.classNames("p-sidebar-mask",i&&!t.fullScreen?"p-sidebar-".concat(i):"",{"p-component-overlay p-component-overlay-enter":t.modal,"p-sidebar-mask-scrollblocker":t.blockScroll,"p-sidebar-visible":r,"p-sidebar-full":t.fullScreen},t.maskClassName)},header:function(e){return n.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var t=e.context;return n.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===u.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===u.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function k(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?k(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=v(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):k(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var P=d.forwardRef((function(e,c){var p=d.useContext(t.PrimeReactContext),f=j.getProps(e,p),m=w(d.useState(!1),2),v=m[0],y=m[1],h=w(d.useState(!1),2),g=h[0],x=h[1],S=j.setMetaData({props:f,state:{containerVisible:v}}),E=S.ptm,k=S.cx,P=S.sx;r.useHandleStyle(j.css.styles,S.isUnstyled,{name:"sidebar"});var C=d.useRef(null),N=d.useRef(null),U=d.useRef(null);O(N,f.closeOnEscape,(function(e){n.ZIndexUtils.get(N.current)===n.ZIndexUtils.getCurrent("modal",p&&p.autoZIndex||u.default.autoZIndex)&&q(e)}));var D=w(a.useEventListener({type:"click",listener:function(e){0===e.button&&Z(e)&&q(e)}}),2),R=D[0],T=D[1],Z=function(e){return C&&C.current&&!C.current.contains(e.target)},q=function(e){f.onHide(),e.preventDefault()},H=function(){f.dismissable&&!f.modal&&R(),f.blockScroll&&n.DomHandler.blockBodyScroll()},A=function(){T(),f.blockScroll&&n.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:f,getElement:function(){return C.current},gteMask:function(){return N.current},getCloseIcon:function(){return U.current}}})),a.useMountEffect((function(){f.visible&&y(!0)})),a.useUpdateEffect((function(){f.visible&&!v&&y(!0),f.visible!==g&&v&&x(f.visible)})),a.useUpdateEffect((function(){v&&(n.ZIndexUtils.set("modal",N.current,p&&p.autoZIndex||u.default.autoZIndex,f.baseZIndex||p&&p.zIndex.modal||u.default.zIndex.modal),x(!0))}),[v]),a.useUpdateEffect((function(){g&&(T(),f.dismissable&&!f.modal&&R())}),[f.dismissable,f.modal,g]),a.useUnmountEffect((function(){A(),N.current&&n.ZIndexUtils.clear(N.current)}));var B,M,z,L,_,J=function(){var e=n.mergeProps({type:"button",ref:U,className:k("closeButton"),onClick:function(e){return q(e)},"aria-label":a},E("closeButton")),r=n.mergeProps({className:k("closeIcon")},E("closeIcon")),i=n.IconUtils.getJSXIcon(f.closeIcon||d.createElement(o.TimesIcon,r),I({},r),{props:f}),a=f.ariaCloseLabel||t.localeOption("close");return f.showCloseIcon?d.createElement("button",e,i,d.createElement(l.Ripple,null)):null},X=n.mergeProps({ref:N,style:P("mask"),className:k("mask",{maskVisibleState:v}),onMouseDown:function(e){return n=e,void(f.dismissable&&f.modal&&N.current===n.target&&q(n));var n}},E("mask")),V=n.mergeProps({id:f.id,className:k("root",{context:p}),style:f.style,role:"complementary"},j.getOtherProps(f),E("root")),F=n.mergeProps({className:k("header")},E("header")),Y=n.mergeProps({className:k("content")},E("content")),$=n.mergeProps({className:k("icons")},E("icons")),G={enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},K=n.mergeProps({classNames:k("transition"),in:g,timeout:G,options:f.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&C&&C.current.contains(e))&&f.showCloseIcon&&U.current&&U.current.focus(),H()},onExiting:function(){f.modal&&n.DomHandler.addClass(N.current,"p-component-overlay-leave")},onExited:function(){n.ZIndexUtils.clear(N.current),y(!1),A()}},E("transition"));return v&&(_=null!=e&&e.content?(L={closeIconRef:U,hide:q},d.createElement("div",X,d.createElement(i.CSSTransition,b({nodeRef:C},K),d.createElement("div",b({ref:C},V),n.ObjectUtils.getJSXElement(e.content,L))))):(B=J(),M=f.icons?n.ObjectUtils.getJSXElement(f.icons,f):null,z=f.header?n.ObjectUtils.getJSXElement(f.header,f):null,d.createElement("div",X,d.createElement(i.CSSTransition,b({nodeRef:C},K),d.createElement("div",b({ref:C},V),d.createElement("div",F,z,d.createElement("div",$,M,B)),d.createElement("div",Y,f.children))))),d.createElement(s.Portal,{element:_,appendTo:f.appendTo,visible:!0}))}));P.displayName="Sidebar",exports.Sidebar=P;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),a=require("primereact/icons/times"),o=require("primereact/portal"),s=require("primereact/ripple"),l=require("primereact/utils");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var d=c(e),b=p(n);function u(){return u=Object.assign?Object.assign.bind():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},u.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function m(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function h(e){var n=m(e,"string");return"symbol"===f(n)?n:String(n)}function y(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,a,o,s=[],l=!0,p=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=a.call(t)).done)&&(s.push(r.value),s.length!==n);l=!0);}catch(e){p=!0,i=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(p)throw i}}return s}}function g(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 x(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e,n){return y(e)||v(e,n)||x(e,n)||S()}var O=t.ComponentBase.extend({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,closeIcon:null,ariaCloseLabel:null,closeOnEscape:!0,icons:null,modal:!0,appendTo:null,transitionOptions:null,onShow:null,onHide:null,children:void 0},css:{classes:{closeButton:"p-sidebar-close p-sidebar-icon p-link",closeIcon:"p-sidebar-close-icon",mask:function(e){var n=e.props,t=e.maskVisibleState,r=["left","right","top","bottom"].find((function(e){return e===n.position}));return l.classNames("p-sidebar-mask",r&&!n.fullScreen?"p-sidebar-".concat(r):"",{"p-component-overlay p-component-overlay-enter":n.modal,"p-sidebar-mask-scrollblocker":n.blockScroll,"p-sidebar-visible":t,"p-sidebar-full":n.fullScreen},n.maskClassName)},header:function(e){return l.classNames("p-sidebar-header",{"p-sidebar-custom-header":e.props.header})},content:"p-sidebar-content",icons:"p-sidebar-icons",root:function(e){var n=e.context;return l.classNames("p-sidebar p-component",e.props.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===b.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===b.default.ripple})},transition:"p-sidebar"},styles:"\n@layer primereact {\n    .p-sidebar-mask {\n        display: none;\n        justify-content: center;\n        align-items: center;\n        pointer-events: none;\n        background-color: transparent;\n        transition-property: background-color;\n    }\n    \n    .p-sidebar-visible {\n        display: flex;\n    }\n    \n    .p-sidebar-mask.p-component-overlay {\n        pointer-events: auto;\n    }\n    \n    .p-sidebar {\n        display: flex;\n        flex-direction: column;\n        pointer-events: auto;\n        transform: translate3d(0px, 0px, 0px);\n        position: relative;\n    }\n    \n    .p-sidebar-content {\n        overflow-y: auto;\n        flex-grow: 1;\n    }\n    \n    .p-sidebar-header {\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n    \n    .p-sidebar-custom-header {\n        justify-content: space-between;\n    }\n    \n    .p-sidebar-icons {\n        display: flex;\n        align-items: center;\n        flex-shrink: 0;\n    }\n    \n    .p-sidebar-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-sidebar-full .p-sidebar {\n        transition: none;\n        transform: none;\n        width: 100vw;\n        height: 100vh;\n        max-height: 100%;\n        top: 0px;\n        left: 0px;\n    }\n    \n    /* Animation */\n    /* Top, Bottom, Left and Right */\n    .p-sidebar-top .p-sidebar-enter,\n    .p-sidebar-top .p-sidebar-exit-active {\n        transform: translate3d(0px, -100%, 0px);\n    }\n    \n    .p-sidebar-bottom .p-sidebar-enter,\n    .p-sidebar-bottom .p-sidebar-exit-active {\n        transform: translate3d(0px, 100%, 0px);\n    }\n    \n    .p-sidebar-left .p-sidebar-enter,\n    .p-sidebar-left .p-sidebar-exit-active {\n        transform: translate3d(-100%, 0px, 0px);\n    }\n    \n    .p-sidebar-right .p-sidebar-enter,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transform: translate3d(100%, 0px, 0px);\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-active,\n    .p-sidebar-bottom .p-sidebar-enter-active,\n    .p-sidebar-left .p-sidebar-enter-active,\n    .p-sidebar-right .p-sidebar-enter-active {\n        transform: translate3d(0px, 0px, 0px);\n        transition: all 0.3s;\n    }\n    \n    .p-sidebar-top .p-sidebar-enter-done,\n    .p-sidebar-bottom .p-sidebar-enter-done,\n    .p-sidebar-left .p-sidebar-enter-done,\n    .p-sidebar-right .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-top .p-sidebar-exit-active,\n    .p-sidebar-bottom .p-sidebar-exit-active,\n    .p-sidebar-left .p-sidebar-exit-active,\n    .p-sidebar-right .p-sidebar-exit-active {\n        transition: all 0.3s;\n    }\n    \n    /* Full */\n    .p-sidebar-full .p-sidebar-enter {\n        opacity: 0;\n        transform: scale(0.5);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-active {\n        opacity: 1;\n        transform: scale(1);\n        transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n    }\n    \n    .p-sidebar-full .p-sidebar-enter-done {\n        transform: none;\n    }\n    \n    .p-sidebar-full .p-sidebar-exit-active {\n        opacity: 0;\n        transform: scale(0.5);\n        transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n    \n    /* Size */\n    .p-sidebar-left .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-right .p-sidebar {\n        width: 20rem;\n        height: 100%;\n    }\n    \n    .p-sidebar-top .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-bottom .p-sidebar {\n        height: 10rem;\n        width: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-sm,\n    .p-sidebar-right .p-sidebar-sm {\n        width: 20rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-md,\n    .p-sidebar-right .p-sidebar-md {\n        width: 40rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-lg,\n    .p-sidebar-right .p-sidebar-lg {\n        width: 60rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-sm,\n    .p-sidebar-bottom .p-sidebar-sm {\n        height: 10rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-md,\n    .p-sidebar-bottom .p-sidebar-md {\n        height: 20rem;\n    }\n    \n    .p-sidebar-top .p-sidebar-lg,\n    .p-sidebar-bottom .p-sidebar-lg {\n        height: 30rem;\n    }\n    \n    .p-sidebar-left .p-sidebar-view,\n    .p-sidebar-right .p-sidebar-view,\n    .p-sidebar-top .p-sidebar-view,\n    .p-sidebar-bottom .p-sidebar-view {\n        width: 100%;\n        height: 100%;\n    }\n    \n    .p-sidebar-left .p-sidebar-content,\n    .p-sidebar-right .p-sidebar-content,\n    .p-sidebar-top .p-sidebar-content,\n    .p-sidebar-bottom .p-sidebar-content {\n        width: 100%;\n        height: 100%;\n    }\n    \n    @media screen and (max-width: 64em) {\n        .p-sidebar-left .p-sidebar-lg,\n        .p-sidebar-left .p-sidebar-md,\n        .p-sidebar-right .p-sidebar-lg,\n        .p-sidebar-right .p-sidebar-md {\n            width: 20rem;\n        }\n    }        \n}\n",inlineStyles:{mask:function(e){var n=e.props;return{position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:"left"===n.position?"flex-start":"right"===n.position?"flex-end":"center",alignItems:"top"===n.position?"flex-start":"bottom"===n.position?"flex-end":"center"}}}}});function E(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function j(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?E(Object(t),!0).forEach((function(n){var r,i,a;r=e,a=t[n],(i=h(i=n))in r?Object.defineProperty(r,i,{value:a,enumerable:!0,configurable:!0,writable:!0}):r[i]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):E(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=d.forwardRef((function(e,p){var c=d.useContext(n.PrimeReactContext),f=O.getProps(e,c),m=w(d.useState(!1),2),h=m[0],y=m[1],v=w(d.useState(!1),2),g=v[0],x=v[1],S=O.setMetaData({props:f,state:{containerVisible:h}}),E=S.ptm,k=S.cx,I=S.sx;t.useHandleStyle(O.css.styles,S.isUnstyled,{name:"sidebar"});var P=d.useRef(null),N=d.useRef(null),C=d.useRef(null),D=i.useDisplayOrder("sidebar",g);i.useGlobalOnEscapeKey({callback:function(e){A(e)},when:g&&f.closeOnEscape,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,D]});var R=w(i.useEventListener({type:"click",listener:function(e){0===e.button&&q(e)&&A(e)}}),2),U=R[0],T=R[1],q=function(e){return P&&P.current&&!P.current.contains(e.target)},A=function(e){f.onHide(),e.preventDefault()},_=function(){f.dismissable&&!f.modal&&U(),f.blockScroll&&l.DomHandler.blockBodyScroll()},B=function(){T(),f.blockScroll&&l.DomHandler.unblockBodyScroll()};d.useImperativeHandle(p,(function(){return{props:f,getElement:function(){return P.current},gteMask:function(){return N.current},getCloseIcon:function(){return C.current}}})),i.useMountEffect((function(){f.visible&&y(!0)})),i.useUpdateEffect((function(){f.visible&&!h&&y(!0),f.visible!==g&&h&&x(f.visible)})),i.useUpdateEffect((function(){h&&(l.ZIndexUtils.set("modal",N.current,c&&c.autoZIndex||b.default.autoZIndex,f.baseZIndex||c&&c.zIndex.modal||b.default.zIndex.modal),x(!0))}),[h]),i.useUpdateEffect((function(){g&&(T(),f.dismissable&&!f.modal&&U())}),[f.dismissable,f.modal,g]),i.useUnmountEffect((function(){B(),N.current&&l.ZIndexUtils.clear(N.current)}));var H,M,Z,z,L,J=function(){var e=f.ariaCloseLabel||n.localeOption("close"),t=l.mergeProps({type:"button",ref:C,className:k("closeButton"),onClick:function(e){return A(e)},"aria-label":e},E("closeButton")),r=l.mergeProps({className:k("closeIcon")},E("closeIcon")),i=l.IconUtils.getJSXIcon(f.closeIcon||d.createElement(a.TimesIcon,r),j({},r),{props:f});return f.showCloseIcon?d.createElement("button",t,i,d.createElement(s.Ripple,null)):null},X=l.mergeProps({ref:N,style:I("mask"),className:k("mask",{maskVisibleState:h}),onMouseDown:function(e){return n=e,void(f.dismissable&&f.modal&&N.current===n.target&&A(n));var n}},E("mask")),V=l.mergeProps({id:f.id,className:k("root",{context:c}),style:f.style,role:"complementary"},O.getOtherProps(f),E("root")),G=l.mergeProps({className:k("header")},E("header")),K=l.mergeProps({className:k("content")},E("content")),Y=l.mergeProps({className:k("icons")},E("icons")),F={enter:f.fullScreen?150:300,exit:f.fullScreen?150:300},$=l.mergeProps({classNames:k("transition"),in:g,timeout:F,options:f.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;f.onShow&&f.onShow(),!((e=document.activeElement)&&P&&P.current.contains(e))&&f.showCloseIcon&&C.current&&C.current.focus(),_()},onExiting:function(){f.modal&&l.DomHandler.addClass(N.current,"p-component-overlay-leave")},onExited:function(){l.ZIndexUtils.clear(N.current),y(!1),B()}},E("transition"));return h&&(L=null!=e&&e.content?(z={closeIconRef:C,hide:A},d.createElement("div",X,d.createElement(r.CSSTransition,u({nodeRef:P},$),d.createElement("div",u({ref:P},V),l.ObjectUtils.getJSXElement(e.content,z))))):(H=J(),M=f.icons?l.ObjectUtils.getJSXElement(f.icons,f):null,Z=f.header?l.ObjectUtils.getJSXElement(f.header,f):null,d.createElement("div",X,d.createElement(r.CSSTransition,u({nodeRef:P},$),d.createElement("div",u({ref:P},V),d.createElement("div",G,Z,d.createElement("div",Y,M,H)),d.createElement("div",K,f.children))))),d.createElement(o.Portal,{element:L,appendTo:f.appendTo,visible:!0}))}));k.displayName="Sidebar",exports.Sidebar=k;

package/sidebar/sidebar.d.ts

@@ -41,7 +41,7 @@ export interface SidebarPassThroughOptions {
     /**
      * Uses to pass attributes to the close button's DOM element.
      */
-    closeButton?: SidebarPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    closeButtonIcon?: SidebarPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
     /**
      * Uses to pass attributes to the close icon's DOM element.
      */
@@ -177,7 +177,7 @@ export interface SidebarProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and self. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | null | undefined;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      * @type {CSSTransitionProps}
@@ -216,7 +216,7 @@ export interface SidebarProps extends Omit<React.DetailedHTMLProps<React.HTMLAtt
      * @param {ContentProps} props - The values of sidebar.
      * @return {React.ReactNode}
      */
-    content: React.ReactNode | ((props: ContentProps) => React.ReactNode);
+    content?: React.ReactNode | ((props: ContentProps) => React.ReactNode);
 }
 
 /**