primereact 10.3.0 → 10.3.2

package/selectbutton/selectbutton.cjs.min.js

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

package/selectbutton/selectbutton.esm.js

@@ -1,8 +1,9 @@
 'use client';
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
+import { useMergeProps } from 'primereact/hooks';
 import { Tooltip } from 'primereact/tooltip';
-import { classNames, mergeProps, ObjectUtils, DomHandler } from 'primereact/utils';
+import { classNames, ObjectUtils, DomHandler } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
 import { Ripple } from 'primereact/ripple';
 
@@ -141,6 +142,7 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     focusedState = _React$useState2[0],
     setFocusedState = _React$useState2[1];
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx;
   var getPTOptions = function getPTOptions(key) {
@@ -200,6 +202,7 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
 SelectButtonItem.displayName = 'SelectButtonItem';
 
 var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = SelectButtonBase.getProps(inProps, context);
   var elementRef = React.useRef(null);

package/selectbutton/selectbutton.esm.min.js

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

package/selectbutton/selectbutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.selectbutton = (function (exports, React, api, tooltip, utils, componentbase, ripple) {
+this.primereact.selectbutton = (function (exports, React, api, hooks, tooltip, utils, componentbase, ripple) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -157,6 +157,7 @@ this.primereact.selectbutton = (function (exports, React, api, tooltip, utils, c
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
+    var mergeProps = hooks.useMergeProps();
     var ptm = props.ptm,
       cx = props.cx;
     var getPTOptions = function getPTOptions(key) {
@@ -191,13 +192,13 @@ this.primereact.selectbutton = (function (exports, React, api, tooltip, utils, c
       }
     };
     var createContent = function createContent() {
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, getPTOptions('label'));
       return props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label);
     };
     var content = createContent();
-    var buttonProps = utils.mergeProps({
+    var buttonProps = mergeProps({
       className: utils.classNames(props.className, cx('button', {
         itemProps: props,
         focusedState: focusedState
@@ -216,6 +217,7 @@ this.primereact.selectbutton = (function (exports, React, api, tooltip, utils, c
   SelectButtonItem.displayName = 'SelectButtonItem';
 
   var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = SelectButtonBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
@@ -324,7 +326,7 @@ this.primereact.selectbutton = (function (exports, React, api, tooltip, utils, c
     });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var items = createItems();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
       className: cx('root'),
@@ -346,4 +348,4 @@ this.primereact.selectbutton = (function (exports, React, api, tooltip, utils, c
 
   return exports;
 
-})({}, React, primereact.api, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.ripple);
+})({}, React, primereact.api, primereact.hooks, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.ripple);

package/selectbutton/selectbutton.min.js

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

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',
@@ -334,6 +234,7 @@ var SidebarBase = componentbase.ComponentBase.extend({
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = SidebarBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -360,10 +261,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 && sidebarDisplayOrder,
+    priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR, sidebarDisplayOrder]
   });
   var _useEventListener = hooks.useEventListener({
       type: 'click',
@@ -475,7 +379,8 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     maskRef.current && utils.ZIndexUtils.clear(maskRef.current);
   });
   var createCloseIcon = function createCloseIcon() {
-    var closeButtonProps = utils.mergeProps({
+    var ariaLabel = props.ariaCloseLabel || PrimeReact.localeOption('close');
+    var closeButtonProps = mergeProps({
       type: 'button',
       ref: closeIconRef,
       className: cx('closeButton'),
@@ -484,14 +389,13 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       },
       'aria-label': ariaLabel
     }, ptm('closeButton'));
-    var closeIconProps = utils.mergeProps({
+    var closeIconProps = mergeProps({
       className: cx('closeIcon')
     }, ptm('closeIcon'));
     var icon = props.closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, closeIconProps);
     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));
     }
@@ -503,7 +407,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var createIcons = function createIcons() {
     return props.icons ? utils.ObjectUtils.getJSXElement(props.icons, props) : null;
   };
-  var maskProps = utils.mergeProps({
+  var maskProps = mergeProps({
     ref: maskRef,
     style: sx('mask'),
     className: cx('mask', {
@@ -513,7 +417,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       return onMaskClick(e);
     }
   }, ptm('mask'));
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     className: cx('root', {
       context: context
@@ -521,20 +425,20 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     style: props.style,
     role: 'complementary'
   }, SidebarBase.getOtherProps(props), ptm('root'));
-  var headerProps = utils.mergeProps({
+  var headerProps = mergeProps({
     className: cx('header')
   }, ptm('header'));
-  var contentProps = utils.mergeProps({
+  var contentProps = mergeProps({
     className: cx('content')
   }, ptm('content'));
-  var iconsProps = utils.mergeProps({
+  var iconsProps = mergeProps({
     className: cx('icons')
   }, ptm('icons'));
   var transitionTimeout = {
     enter: props.fullScreen ? 150 : 300,
     exit: props.fullScreen ? 150 : 300
   };
-  var transitionProps = utils.mergeProps({
+  var transitionProps = mergeProps({
     classNames: cx('transition'),
     "in": visibleState,
     timeout: transitionTimeout,

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 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),b=c(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,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)||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,c){var p=i.useMergeProps(),f=d.useContext(n.PrimeReactContext),m=O.getProps(e,f),h=w(d.useState(!1),2),y=h[0],v=h[1],g=w(d.useState(!1),2),x=g[0],S=g[1],E=O.setMetaData({props:m,state:{containerVisible:y}}),k=E.ptm,I=E.cx,P=E.sx;t.useHandleStyle(O.css.styles,E.isUnstyled,{name:"sidebar"});var N=d.useRef(null),C=d.useRef(null),D=d.useRef(null),R=i.useDisplayOrder("sidebar",x);i.useGlobalOnEscapeKey({callback:function(e){_(e)},when:x&&m.closeOnEscape&&R,priority:[i.ESC_KEY_HANDLING_PRIORITIES.SIDEBAR,R]});var U=w(i.useEventListener({type:"click",listener:function(e){0===e.button&&A(e)&&_(e)}}),2),T=U[0],q=U[1],A=function(e){return N&&N.current&&!N.current.contains(e.target)},_=function(e){m.onHide(),e.preventDefault()},B=function(){m.dismissable&&!m.modal&&T(),m.blockScroll&&l.DomHandler.blockBodyScroll()},H=function(){q(),m.blockScroll&&l.DomHandler.unblockBodyScroll()};d.useImperativeHandle(c,(function(){return{props:m,getElement:function(){return N.current},gteMask:function(){return C.current},getCloseIcon:function(){return D.current}}})),i.useMountEffect((function(){m.visible&&v(!0)})),i.useUpdateEffect((function(){m.visible&&!y&&v(!0),m.visible!==x&&y&&S(m.visible)})),i.useUpdateEffect((function(){y&&(l.ZIndexUtils.set("modal",C.current,f&&f.autoZIndex||b.default.autoZIndex,m.baseZIndex||f&&f.zIndex.modal||b.default.zIndex.modal),S(!0))}),[y]),i.useUpdateEffect((function(){x&&(q(),m.dismissable&&!m.modal&&T())}),[m.dismissable,m.modal,x]),i.useUnmountEffect((function(){H(),C.current&&l.ZIndexUtils.clear(C.current)}));var M,Z,z,L,J,X=function(){var e=m.ariaCloseLabel||n.localeOption("close"),t=p({type:"button",ref:D,className:I("closeButton"),onClick:function(e){return _(e)},"aria-label":e},k("closeButton")),r=p({className:I("closeIcon")},k("closeIcon")),i=l.IconUtils.getJSXIcon(m.closeIcon||d.createElement(a.TimesIcon,r),j({},r),{props:m});return m.showCloseIcon?d.createElement("button",t,i,d.createElement(s.Ripple,null)):null},V=p({ref:C,style:P("mask"),className:I("mask",{maskVisibleState:y}),onMouseDown:function(e){return n=e,void(m.dismissable&&m.modal&&C.current===n.target&&_(n));var n}},k("mask")),G=p({id:m.id,className:I("root",{context:f}),style:m.style,role:"complementary"},O.getOtherProps(m),k("root")),K=p({className:I("header")},k("header")),Y=p({className:I("content")},k("content")),F=p({className:I("icons")},k("icons")),$={enter:m.fullScreen?150:300,exit:m.fullScreen?150:300},Q=p({classNames:I("transition"),in:x,timeout:$,options:m.transitionOptions,unmountOnExit:!0,onEntered:function(){var e;m.onShow&&m.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&m.showCloseIcon&&D.current&&D.current.focus(),B()},onExiting:function(){m.modal&&l.DomHandler.addClass(C.current,"p-component-overlay-leave")},onExited:function(){l.ZIndexUtils.clear(C.current),v(!1),H()}},k("transition"));return y&&(J=null!=e&&e.content?(L={closeIconRef:D,hide:_},d.createElement("div",V,d.createElement(r.CSSTransition,u({nodeRef:N},Q),d.createElement("div",u({ref:N},G),l.ObjectUtils.getJSXElement(e.content,L))))):(M=X(),Z=m.icons?l.ObjectUtils.getJSXElement(m.icons,m):null,z=m.header?l.ObjectUtils.getJSXElement(m.header,m):null,d.createElement("div",V,d.createElement(r.CSSTransition,u({nodeRef:N},Q),d.createElement("div",u({ref:N},G),d.createElement("div",K,z,d.createElement("div",F,Z,M)),d.createElement("div",Y,m.children))))),d.createElement(o.Portal,{element:J,appendTo:m.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);
 }
 
 /**