primereact 9.5.0 → 9.6.0

package/selectbutton/selectbutton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple) {
+this.primereact.selectbutton = (function (exports, React, tooltip, utils, componentbase, ripple, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -68,7 +68,7 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
     return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
   }
 
-  var SelectButtonBase = {
+  var SelectButtonBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'SelectButton',
       id: null,
@@ -89,14 +89,8 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       itemTemplate: null,
       onChange: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, SelectButtonBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, SelectButtonBase.defaultProps);
     }
-  };
+  });
 
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
@@ -143,6 +137,13 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       _React$useState2 = _slicedToArray(_React$useState, 2),
       focusedState = _React$useState2[0],
       setFocusedState = _React$useState2[1];
+    var getPTOptions = function getPTOptions(item, key) {
+      return props.ptm(key, {
+        context: {
+          selected: props.selected
+        }
+      });
+    };
     var onClick = function onClick(event) {
       if (props.onClick) {
         props.onClick({
@@ -165,9 +166,10 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       }
     };
     var createContent = function createContent() {
-      return props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-button-label p-c"
-      }, props.label);
+      var labelProps = utils.mergeProps({
+        className: 'p-button-label p-c'
+      }, getPTOptions(props.option, 'label'));
+      return props.template ? utils.ObjectUtils.getJSXElement(props.template, props.option) : /*#__PURE__*/React__namespace.createElement("span", labelProps, props.label);
     };
     var className = utils.classNames('p-button p-component', {
       'p-highlight': props.selected,
@@ -175,23 +177,29 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       'p-focus': focusedState
     }, props.className);
     var content = createContent();
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var buttonProps = utils.mergeProps({
       className: className,
-      role: "button",
-      "aria-label": props.label,
-      "aria-pressed": props.selected,
+      role: 'button',
+      'aria-label': props.label,
+      'aria-pressed': props.selected,
       onClick: onClick,
       onKeyDown: onKeyDown,
       tabIndex: props.tabIndex,
       onFocus: onFocus,
       onBlur: onBlur
-    }, content, !props.disabled && /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, getPTOptions(props.option, 'button'));
+    return /*#__PURE__*/React__namespace.createElement("div", buttonProps, content, !props.disabled && /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
   SelectButtonItem.displayName = 'SelectButtonItem';
 
   var SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = SelectButtonBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = SelectButtonBase.getProps(inProps, context);
     var elementRef = React__namespace.useRef(null);
+    var _SelectButtonBase$set = SelectButtonBase.setMetaData({
+        props: props
+      }),
+      ptm = _SelectButtonBase$set.ptm;
     var onOptionClick = function onOptionClick(event) {
       if (props.disabled || isOptionDisabled(event.option)) {
         return;
@@ -270,7 +278,8 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
             template: props.itemTemplate,
             selected: selected,
             tabIndex: tabIndex,
-            disabled: isDisabled
+            disabled: isDisabled,
+            ptm: ptm
           });
         });
       }
@@ -288,20 +297,21 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       };
     });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
-    var otherProps = SelectButtonBase.getOtherProps(props);
     var className = utils.classNames('p-selectbutton p-buttonset p-component', props.className);
     var items = createItems();
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       id: props.id,
       className: className,
-      style: props.style
-    }, otherProps, {
-      role: "group"
-    }), items), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      style: props.style,
+      role: 'group'
+    }, SelectButtonBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, items), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
-    }, props.tooltipOptions)));
+    }, props.tooltipOptions, {
+      pt: ptm('tooltip')
+    })));
   }));
   SelectButton.displayName = 'SelectButton';
 
@@ -311,4 +321,4 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
 
   return exports;
 
-})({}, React, primereact.tooltip, primereact.utils, primereact.ripple);
+})({}, React, primereact.tooltip, primereact.utils, primereact.componentbase, primereact.ripple, primereact.api);

package/selectbutton/selectbutton.min.js

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

package/sidebar/sidebar.cjs.js

@@ -6,11 +6,11 @@ var React = require('react');
 var PrimeReact = require('primereact/api');
 var csstransition = require('primereact/csstransition');
 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');
 var componentbase = require('primereact/componentbase');
-var times = require('primereact/icons/times');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -162,7 +162,8 @@ var SidebarBase = componentbase.ComponentBase.extend({
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = SidebarBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = SidebarBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     maskVisibleState = _React$useState2[0],
@@ -185,7 +186,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
       type: 'keydown',
       listener: function listener(event) {
         if (event.key === 'Escape') {
-          if (utils.ZIndexUtils.get(maskRef.current) === utils.ZIndexUtils.getCurrent('modal', PrimeReact__default["default"].autoZIndex)) {
+          if (utils.ZIndexUtils.get(maskRef.current) === utils.ZIndexUtils.getCurrent('modal', context && context.autoZIndex || PrimeReact__default["default"].autoZIndex)) {
             onClose(event);
           }
         }
@@ -297,7 +298,7 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   });
   hooks.useUpdateEffect(function () {
     if (maskVisibleState) {
-      utils.ZIndexUtils.set('modal', maskRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
+      utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
       setVisibleState(true);
     }
   }, [maskVisibleState]);
@@ -343,8 +344,8 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   };
   var createElement = function createElement() {
     var className = utils.classNames('p-sidebar p-component', props.className, {
-      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     });
     var maskClassName = utils.classNames('p-sidebar-mask', {
       'p-component-overlay p-component-overlay-enter': props.modal,

package/sidebar/sidebar.cjs.min.js

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

package/sidebar/sidebar.esm.js

@@ -1,12 +1,12 @@
 import * as React from 'react';
-import PrimeReact, { localeOption } from 'primereact/api';
+import PrimeReact, { PrimeReactContext, localeOption } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useEventListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
+import { TimesIcon } from 'primereact/icons/times';
 import { Portal } from 'primereact/portal';
 import { Ripple } from 'primereact/ripple';
 import { ZIndexUtils, DomHandler, classNames, mergeProps, IconUtils, ObjectUtils } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
-import { TimesIcon } from 'primereact/icons/times';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -135,7 +135,8 @@ var SidebarBase = ComponentBase.extend({
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = SidebarBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = SidebarBase.getProps(inProps, context);
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     maskVisibleState = _React$useState2[0],
@@ -158,7 +159,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       type: 'keydown',
       listener: function listener(event) {
         if (event.key === 'Escape') {
-          if (ZIndexUtils.get(maskRef.current) === ZIndexUtils.getCurrent('modal', PrimeReact.autoZIndex)) {
+          if (ZIndexUtils.get(maskRef.current) === ZIndexUtils.getCurrent('modal', context && context.autoZIndex || PrimeReact.autoZIndex)) {
             onClose(event);
           }
         }
@@ -270,7 +271,7 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   });
   useUpdateEffect(function () {
     if (maskVisibleState) {
-      ZIndexUtils.set('modal', maskRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['modal']);
+      ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact.zIndex['modal']);
       setVisibleState(true);
     }
   }, [maskVisibleState]);
@@ -316,8 +317,8 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   };
   var createElement = function createElement() {
     var className = classNames('p-sidebar p-component', props.className, {
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     });
     var maskClassName = classNames('p-sidebar-mask', {
       'p-component-overlay p-component-overlay-enter': props.modal,

package/sidebar/sidebar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{localeOption as r}from"primereact/api";import{CSSTransition as n}from"primereact/csstransition";import{useEventListener as o,useMountEffect as l,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{Portal as c}from"primereact/portal";import{Ripple as s}from"primereact/ripple";import{ZIndexUtils as u,DomHandler as p,classNames as m,mergeProps as f,IconUtils as d,ObjectUtils as b}from"primereact/utils";import{ComponentBase as y}from"primereact/componentbase";import{TimesIcon as v}from"primereact/icons/times";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 g(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 h(e){var t=g(e,"string");return"symbol"===S(t)?t:String(t)}function O(e,t,r){return(t=h(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){if(Array.isArray(e))return e}function E(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,l,i,a=[],c=!0,s=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=l.call(r)).done)&&(a.push(n.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function k(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 j(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function I(){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 P(e,t){return w(e)||E(e,t)||j(e,t)||I()}var C=y.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}});function N(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 x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){O(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=e.forwardRef((function(y,S){var g=C.getProps(y),h=P(e.useState(!1),2),O=h[0],w=h[1],E=P(e.useState(!1),2),k=E[0],j=E[1],I=C.setMetaData({props:g,state:{containerVisible:O}}).ptm,N=e.useRef(null),D=e.useRef(null),A=e.useRef(null),T=P(o({type:"keydown",listener:function(e){"Escape"===e.key&&u.get(D.current)===u.getCurrent("modal",t.autoZIndex)&&X(e)}}),2),R=T[0],M=T[1],Z=P(o({type:"click",listener:function(e){0===e.button&&L(e)&&X(e)}}),2),H=Z[0],J=Z[1],L=function(e){return N&&N.current&&!N.current.contains(e.target)},X=function(e){g.onHide(),e.preventDefault()},_=function(){var e;g.onShow&&g.onShow(),!((e=document.activeElement)&&N&&N.current.contains(e))&&g.showCloseIcon&&A.current.focus(),U()},z=function(){g.modal&&p.addClass(D.current,"p-component-overlay-leave")},B=function(){u.clear(D.current),w(!1),V()},U=function(){g.closeOnEscape&&R(),g.dismissable&&!g.modal&&H(),g.blockScroll&&p.addClass(document.body,"p-overflow-hidden")},V=function(){M(),J(),g.blockScroll&&p.removeClass(document.body,"p-overflow-hidden")};e.useImperativeHandle(S,(function(){return{props:g,getElement:function(){return N.current},gteMask:function(){return D.current},getCloseIcon:function(){return A.current}}})),l((function(){g.visible&&w(!0)})),i((function(){g.visible&&!O&&w(!0),g.visible!==k&&O&&j(g.visible)})),i((function(){O&&(u.set("modal",D.current,t.autoZIndex,g.baseZIndex||t.zIndex.modal),j(!0))}),[O]),i((function(){k&&(J(),g.dismissable&&!g.modal&&H())}),[g.dismissable,g.modal,k]),a((function(){V(),D.current&&u.clear(D.current)}));var Y,$,q,F,G,K,Q,W,ee,te,re=function(){var t=f({type:"button",ref:A,className:"p-sidebar-close p-sidebar-icon p-link",onClick:function(e){return X(e)},"aria-label":l},I("closeButton")),n=f({className:"p-sidebar-close-icon"},I("closeIcon")),o=d.getJSXIcon(g.closeIcon||e.createElement(v,n),x({},n),{props:g}),l=g.ariaCloseLabel||r("close");return g.showCloseIcon?e.createElement("button",t,o,e.createElement(s,null)):null};return O&&($=m("p-sidebar p-component",g.className,{"p-input-filled":"filled"===t.inputStyle,"p-ripple-disabled":!1===t.ripple}),q=m("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":g.modal,"p-sidebar-mask-scrollblocker":g.blockScroll,"p-sidebar-visible":O,"p-sidebar-full":g.fullScreen},(Y=["left","right","top","bottom"].find((function(e){return e===g.position})))?"p-sidebar-".concat(Y):"",g.maskClassName),F=re(),G=g.icons?b.getJSXElement(g.icons,g):null,K={enter:g.fullScreen?150:300,exit:g.fullScreen?150:300},Q=f({ref:D,style:g.maskStyle,className:q,onMouseDown:function(e){return t=e,void(g.dismissable&&g.modal&&D.current===t.target&&X(t));var t}},I("mask")),W=f({id:g.id,ref:N,className:$,style:g.style,role:"complementary"},C.getOtherProps(g),I("root")),ee=f({className:"p-sidebar-header"},I("header")),te=f({className:"p-sidebar-content"},I("content")),e.createElement(c,{element:e.createElement("div",Q,e.createElement(n,{nodeRef:N,classNames:"p-sidebar",in:k,timeout:K,options:g.transitionOptions,unmountOnExit:!0,onEntered:_,onExiting:z,onExited:B},e.createElement("div",W,e.createElement("div",ee,G,F),e.createElement("div",te,g.children)))),appendTo:g.appendTo,visible:!0}))}));D.displayName="Sidebar";export{D as Sidebar};
+import*as e from"react";import t,{PrimeReactContext as n,localeOption as r}from"primereact/api";import{CSSTransition as o}from"primereact/csstransition";import{useEventListener as l,useMountEffect as i,useUpdateEffect as a,useUnmountEffect as c}from"primereact/hooks";import{TimesIcon as s}from"primereact/icons/times";import{Portal as u}from"primereact/portal";import{Ripple as p}from"primereact/ripple";import{ZIndexUtils as m,DomHandler as f,classNames as d,mergeProps as b,IconUtils as y,ObjectUtils as v}from"primereact/utils";import{ComponentBase as S}from"primereact/componentbase";function g(e){return g="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},g(e)}function h(e,t){if("object"!==g(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==g(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=h(e,"string");return"symbol"===g(t)?t:String(t)}function w(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e){if(Array.isArray(e))return e}function k(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function I(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 j(e,t){if(e){if("string"==typeof e)return I(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?I(e,t):void 0}}function x(){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 C(e,t){return E(e)||k(e,t)||j(e,t)||x()}var P=S.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}});function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=e.forwardRef((function(S,g){var h=e.useContext(n),O=P.getProps(S,h),w=C(e.useState(!1),2),E=w[0],k=w[1],I=C(e.useState(!1),2),j=I[0],x=I[1],N=P.setMetaData({props:O,state:{containerVisible:E}}).ptm,A=e.useRef(null),T=e.useRef(null),Z=e.useRef(null),R=C(l({type:"keydown",listener:function(e){"Escape"===e.key&&m.get(T.current)===m.getCurrent("modal",h&&h.autoZIndex||t.autoZIndex)&&_(e)}}),2),M=R[0],H=R[1],z=C(l({type:"click",listener:function(e){0===e.button&&X(e)&&_(e)}}),2),J=z[0],L=z[1],X=function(e){return A&&A.current&&!A.current.contains(e.target)},_=function(e){O.onHide(),e.preventDefault()},B=function(){var e;O.onShow&&O.onShow(),!((e=document.activeElement)&&A&&A.current.contains(e))&&O.showCloseIcon&&Z.current.focus(),Y()},U=function(){O.modal&&f.addClass(T.current,"p-component-overlay-leave")},V=function(){m.clear(T.current),k(!1),$()},Y=function(){O.closeOnEscape&&M(),O.dismissable&&!O.modal&&J(),O.blockScroll&&f.addClass(document.body,"p-overflow-hidden")},$=function(){H(),L(),O.blockScroll&&f.removeClass(document.body,"p-overflow-hidden")};e.useImperativeHandle(g,(function(){return{props:O,getElement:function(){return A.current},gteMask:function(){return T.current},getCloseIcon:function(){return Z.current}}})),i((function(){O.visible&&k(!0)})),a((function(){O.visible&&!E&&k(!0),O.visible!==j&&E&&x(O.visible)})),a((function(){E&&(m.set("modal",T.current,h&&h.autoZIndex||t.autoZIndex,O.baseZIndex||h&&h.zIndex.modal||t.zIndex.modal),x(!0))}),[E]),a((function(){j&&(L(),O.dismissable&&!O.modal&&J())}),[O.dismissable,O.modal,j]),c((function(){$(),T.current&&m.clear(T.current)}));var q,F,G,K,Q,W,ee,te,ne,re,oe=function(){var t=b({type:"button",ref:Z,className:"p-sidebar-close p-sidebar-icon p-link",onClick:function(e){return _(e)},"aria-label":l},N("closeButton")),n=b({className:"p-sidebar-close-icon"},N("closeIcon")),o=y.getJSXIcon(O.closeIcon||e.createElement(s,n),D({},n),{props:O}),l=O.ariaCloseLabel||r("close");return O.showCloseIcon?e.createElement("button",t,o,e.createElement(p,null)):null};return E&&(F=d("p-sidebar p-component",O.className,{"p-input-filled":h&&"filled"===h.inputStyle||"filled"===t.inputStyle,"p-ripple-disabled":h&&!1===h.ripple||!1===t.ripple}),G=d("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":O.modal,"p-sidebar-mask-scrollblocker":O.blockScroll,"p-sidebar-visible":E,"p-sidebar-full":O.fullScreen},(q=["left","right","top","bottom"].find((function(e){return e===O.position})))?"p-sidebar-".concat(q):"",O.maskClassName),K=oe(),Q=O.icons?v.getJSXElement(O.icons,O):null,W={enter:O.fullScreen?150:300,exit:O.fullScreen?150:300},ee=b({ref:T,style:O.maskStyle,className:G,onMouseDown:function(e){return t=e,void(O.dismissable&&O.modal&&T.current===t.target&&_(t));var t}},N("mask")),te=b({id:O.id,ref:A,className:F,style:O.style,role:"complementary"},P.getOtherProps(O),N("root")),ne=b({className:"p-sidebar-header"},N("header")),re=b({className:"p-sidebar-content"},N("content")),e.createElement(u,{element:e.createElement("div",ee,e.createElement(o,{nodeRef:A,classNames:"p-sidebar",in:j,timeout:W,options:O.transitionOptions,unmountOnExit:!0,onEntered:B,onExiting:U,onExited:V},e.createElement("div",te,e.createElement("div",ne,Q,K),e.createElement("div",re,O.children)))),appendTo:O.appendTo,visible:!0}))}));A.displayName="Sidebar";export{A as Sidebar};

package/sidebar/sidebar.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition, hooks, portal, ripple, utils, componentbase, times) {
+this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition, hooks, times, portal, ripple, utils, componentbase) {
   'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -152,7 +152,8 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
   function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = SidebarBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = SidebarBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       maskVisibleState = _React$useState2[0],
@@ -175,7 +176,7 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
         type: 'keydown',
         listener: function listener(event) {
           if (event.key === 'Escape') {
-            if (utils.ZIndexUtils.get(maskRef.current) === utils.ZIndexUtils.getCurrent('modal', PrimeReact__default["default"].autoZIndex)) {
+            if (utils.ZIndexUtils.get(maskRef.current) === utils.ZIndexUtils.getCurrent('modal', context && context.autoZIndex || PrimeReact__default["default"].autoZIndex)) {
               onClose(event);
             }
           }
@@ -287,7 +288,7 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
     });
     hooks.useUpdateEffect(function () {
       if (maskVisibleState) {
-        utils.ZIndexUtils.set('modal', maskRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['modal']);
+        utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
         setVisibleState(true);
       }
     }, [maskVisibleState]);
@@ -333,8 +334,8 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
     };
     var createElement = function createElement() {
       var className = utils.classNames('p-sidebar p-component', props.className, {
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       });
       var maskClassName = utils.classNames('p-sidebar-mask', {
         'p-component-overlay p-component-overlay-enter': props.modal,
@@ -399,4 +400,4 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.portal, primereact.ripple, primereact.utils, primereact.componentbase, primereact.icons.times);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.icons.times, primereact.portal, primereact.ripple, primereact.utils, primereact.componentbase);

package/sidebar/sidebar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,o,l,i,a,c,s){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(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 p=f(t),d=u(n);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function O(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 h(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return g(e)||S(e,t)||h(e,t)||E()}var w=c.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}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=p.forwardRef((function(e,t){var c=w.getProps(e),u=j(p.useState(!1),2),f=u[0],m=u[1],b=j(p.useState(!1),2),y=b[0],v=b[1],g=w.setMetaData({props:c,state:{containerVisible:f}}).ptm,S=p.useRef(null),O=p.useRef(null),h=p.useRef(null),E=j(o.useEventListener({type:"keydown",listener:function(e){"Escape"===e.key&&a.ZIndexUtils.get(O.current)===a.ZIndexUtils.getCurrent("modal",d.default.autoZIndex)&&D(e)}}),2),P=E[0],k=E[1],x=j(o.useEventListener({type:"click",listener:function(e){0===e.button&&U(e)&&D(e)}}),2),C=x[0],N=x[1],U=function(e){return S&&S.current&&!S.current.contains(e.target)},D=function(e){c.onHide(),e.preventDefault()},Z=function(){var e;c.onShow&&c.onShow(),!((e=document.activeElement)&&S&&S.current.contains(e))&&c.showCloseIcon&&h.current.focus(),R()},T=function(){c.modal&&a.DomHandler.addClass(O.current,"p-component-overlay-leave")},M=function(){a.ZIndexUtils.clear(O.current),m(!1),A()},R=function(){c.closeOnEscape&&P(),c.dismissable&&!c.modal&&C(),c.blockScroll&&a.DomHandler.addClass(document.body,"p-overflow-hidden")},A=function(){k(),N(),c.blockScroll&&a.DomHandler.removeClass(document.body,"p-overflow-hidden")};p.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return S.current},gteMask:function(){return O.current},getCloseIcon:function(){return h.current}}})),o.useMountEffect((function(){c.visible&&m(!0)})),o.useUpdateEffect((function(){c.visible&&!f&&m(!0),c.visible!==y&&f&&v(c.visible)})),o.useUpdateEffect((function(){f&&(a.ZIndexUtils.set("modal",O.current,d.default.autoZIndex,c.baseZIndex||d.default.zIndex.modal),v(!0))}),[f]),o.useUpdateEffect((function(){y&&(N(),c.dismissable&&!c.modal&&C())}),[c.dismissable,c.modal,y]),o.useUnmountEffect((function(){A(),O.current&&a.ZIndexUtils.clear(O.current)}));var H,_,L,z,B,J,X,V,Y,$,q=function(){var e=a.mergeProps({type:"button",ref:h,className:"p-sidebar-close p-sidebar-icon p-link",onClick:function(e){return D(e)},"aria-label":o},g("closeButton")),t=a.mergeProps({className:"p-sidebar-close-icon"},g("closeIcon")),r=a.IconUtils.getJSXIcon(c.closeIcon||p.createElement(s.TimesIcon,t),I({},t),{props:c}),o=c.ariaCloseLabel||n.localeOption("close");return c.showCloseIcon?p.createElement("button",e,r,p.createElement(i.Ripple,null)):null};return f&&(_=a.classNames("p-sidebar p-component",c.className,{"p-input-filled":"filled"===d.default.inputStyle,"p-ripple-disabled":!1===d.default.ripple}),L=a.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":c.modal,"p-sidebar-mask-scrollblocker":c.blockScroll,"p-sidebar-visible":f,"p-sidebar-full":c.fullScreen},(H=["left","right","top","bottom"].find((function(e){return e===c.position})))?"p-sidebar-".concat(H):"",c.maskClassName),z=q(),B=c.icons?a.ObjectUtils.getJSXElement(c.icons,c):null,J={enter:c.fullScreen?150:300,exit:c.fullScreen?150:300},X=a.mergeProps({ref:O,style:c.maskStyle,className:L,onMouseDown:function(e){return t=e,void(c.dismissable&&c.modal&&O.current===t.target&&D(t));var t}},g("mask")),V=a.mergeProps({id:c.id,ref:S,className:_,style:c.style,role:"complementary"},w.getOtherProps(c),g("root")),Y=a.mergeProps({className:"p-sidebar-header"},g("header")),$=a.mergeProps({className:"p-sidebar-content"},g("content")),p.createElement(l.Portal,{element:p.createElement("div",X,p.createElement(r.CSSTransition,{nodeRef:S,classNames:"p-sidebar",in:y,timeout:J,options:c.transitionOptions,unmountOnExit:!0,onEntered:Z,onExiting:T,onExited:M},p.createElement("div",V,p.createElement("div",Y,B,z),p.createElement("div",$,c.children)))),appendTo:c.appendTo,visible:!0}))}));return k.displayName="Sidebar",e.Sidebar=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.ripple,primereact.utils,primereact.componentbase,primereact.icons.times);
+this.primereact=this.primereact||{},this.primereact.sidebar=function(e,t,n,r,o,l,i,a,c,s){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 f=p(t),d=u(n);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){if("object"!==m(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==m(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function y(e){var t=b(e,"string");return"symbol"===m(t)?t:String(t)}function v(e,t,n){return(t=y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],c=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw o}}return a}}function O(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 h(e,t){if(e){if("string"==typeof e)return O(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)?O(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(e,t){return g(e)||S(e,t)||h(e,t)||E()}var I=s.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}});function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=f.forwardRef((function(e,t){var s=f.useContext(n.PrimeReactContext),u=I.getProps(e,s),p=j(f.useState(!1),2),m=p[0],b=p[1],y=j(f.useState(!1),2),v=y[0],g=y[1],S=I.setMetaData({props:u,state:{containerVisible:m}}).ptm,O=f.useRef(null),h=f.useRef(null),E=f.useRef(null),P=j(o.useEventListener({type:"keydown",listener:function(e){"Escape"===e.key&&c.ZIndexUtils.get(h.current)===c.ZIndexUtils.getCurrent("modal",s&&s.autoZIndex||d.default.autoZIndex)&&Z(e)}}),2),k=P[0],x=P[1],C=j(o.useEventListener({type:"click",listener:function(e){0===e.button&&D(e)&&Z(e)}}),2),N=C[0],U=C[1],D=function(e){return O&&O.current&&!O.current.contains(e.target)},Z=function(e){u.onHide(),e.preventDefault()},R=function(){var e;u.onShow&&u.onShow(),!((e=document.activeElement)&&O&&O.current.contains(e))&&u.showCloseIcon&&E.current.focus(),A()},T=function(){u.modal&&c.DomHandler.addClass(h.current,"p-component-overlay-leave")},M=function(){c.ZIndexUtils.clear(h.current),b(!1),H()},A=function(){u.closeOnEscape&&k(),u.dismissable&&!u.modal&&N(),u.blockScroll&&c.DomHandler.addClass(document.body,"p-overflow-hidden")},H=function(){x(),U(),u.blockScroll&&c.DomHandler.removeClass(document.body,"p-overflow-hidden")};f.useImperativeHandle(t,(function(){return{props:u,getElement:function(){return O.current},gteMask:function(){return h.current},getCloseIcon:function(){return E.current}}})),o.useMountEffect((function(){u.visible&&b(!0)})),o.useUpdateEffect((function(){u.visible&&!m&&b(!0),u.visible!==v&&m&&g(u.visible)})),o.useUpdateEffect((function(){m&&(c.ZIndexUtils.set("modal",h.current,s&&s.autoZIndex||d.default.autoZIndex,u.baseZIndex||s&&s.zIndex.modal||d.default.zIndex.modal),g(!0))}),[m]),o.useUpdateEffect((function(){v&&(U(),u.dismissable&&!u.modal&&N())}),[u.dismissable,u.modal,v]),o.useUnmountEffect((function(){H(),h.current&&c.ZIndexUtils.clear(h.current)}));var _,L,z,B,J,X,V,Y,$,q,F=function(){var e=c.mergeProps({type:"button",ref:E,className:"p-sidebar-close p-sidebar-icon p-link",onClick:function(e){return Z(e)},"aria-label":o},S("closeButton")),t=c.mergeProps({className:"p-sidebar-close-icon"},S("closeIcon")),r=c.IconUtils.getJSXIcon(u.closeIcon||f.createElement(l.TimesIcon,t),w({},t),{props:u}),o=u.ariaCloseLabel||n.localeOption("close");return u.showCloseIcon?f.createElement("button",e,r,f.createElement(a.Ripple,null)):null};return m&&(L=c.classNames("p-sidebar p-component",u.className,{"p-input-filled":s&&"filled"===s.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":s&&!1===s.ripple||!1===d.default.ripple}),z=c.classNames("p-sidebar-mask",{"p-component-overlay p-component-overlay-enter":u.modal,"p-sidebar-mask-scrollblocker":u.blockScroll,"p-sidebar-visible":m,"p-sidebar-full":u.fullScreen},(_=["left","right","top","bottom"].find((function(e){return e===u.position})))?"p-sidebar-".concat(_):"",u.maskClassName),B=F(),J=u.icons?c.ObjectUtils.getJSXElement(u.icons,u):null,X={enter:u.fullScreen?150:300,exit:u.fullScreen?150:300},V=c.mergeProps({ref:h,style:u.maskStyle,className:z,onMouseDown:function(e){return t=e,void(u.dismissable&&u.modal&&h.current===t.target&&Z(t));var t}},S("mask")),Y=c.mergeProps({id:u.id,ref:O,className:L,style:u.style,role:"complementary"},I.getOtherProps(u),S("root")),$=c.mergeProps({className:"p-sidebar-header"},S("header")),q=c.mergeProps({className:"p-sidebar-content"},S("content")),f.createElement(i.Portal,{element:f.createElement("div",V,f.createElement(r.CSSTransition,{nodeRef:O,classNames:"p-sidebar",in:v,timeout:X,options:u.transitionOptions,unmountOnExit:!0,onEntered:R,onExiting:T,onExited:M},f.createElement("div",Y,f.createElement("div",$,J,B),f.createElement("div",q,u.children)))),appendTo:u.appendTo,visible:!0}))}));return k.displayName="Sidebar",e.Sidebar=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.icons.times,primereact.portal,primereact.ripple,primereact.utils,primereact.componentbase);

package/skeleton/skeleton.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var utils = require('primereact/utils');
 var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -36,13 +37,13 @@ var SkeletonBase = componentbase.ComponentBase.extend({
     borderRadius: null,
     animation: 'wave',
     style: null,
-    className: null,
-    children: undefined
+    className: null
   }
 });
 
 var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = SkeletonBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = SkeletonBase.getProps(inProps, context);
   var _SkeletonBase$setMeta = SkeletonBase.setMetaData({
       props: props
     }),

package/skeleton/skeleton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils"),t=require("primereact/componentbase");function n(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=n(e),o=t.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null,children:void 0}}),i=a.memo(a.forwardRef((function(e,t){var n=o.getProps(e),i=o.setMetaData({props:n}).ptm,s=a.useRef(null),l=n.size?{width:n.size,height:n.size,borderRadius:n.borderRadius}:{width:n.width,height:n.height,borderRadius:n.borderRadius},u=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===n.shape,"p-skeleton-none":"none"===n.animation},n.className);a.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return s.current}}}));var c=r.mergeProps({ref:s,className:u,style:l},o.getOtherProps(n),i("root"));return a.createElement("div",c)})));i.displayName="Skeleton",exports.Skeleton=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils"),r=require("primereact/componentbase"),n=require("primereact/api");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(e),o=r.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null}}),s=i.memo(i.forwardRef((function(e,r){var a=i.useContext(n.PrimeReactContext),s=o.getProps(e,a),u=o.setMetaData({props:s}).ptm,l=i.useRef(null),c=s.size?{width:s.size,height:s.size,borderRadius:s.borderRadius}:{width:s.width,height:s.height,borderRadius:s.borderRadius},p=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===s.shape,"p-skeleton-none":"none"===s.animation},s.className);i.useImperativeHandle(r,(function(){return{props:s,getElement:function(){return l.current}}}));var d=t.mergeProps({ref:l,className:p,style:c},o.getOtherProps(s),u("root"));return i.createElement("div",d)})));s.displayName="Skeleton",exports.Skeleton=s;

package/skeleton/skeleton.esm.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { classNames, mergeProps } from 'primereact/utils';
 import { ComponentBase } from 'primereact/componentbase';
+import { PrimeReactContext } from 'primereact/api';
 
 var SkeletonBase = ComponentBase.extend({
   defaultProps: {
@@ -12,13 +13,13 @@ var SkeletonBase = ComponentBase.extend({
     borderRadius: null,
     animation: 'wave',
     style: null,
-    className: null,
-    children: undefined
+    className: null
   }
 });
 
 var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = SkeletonBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = SkeletonBase.getProps(inProps, context);
   var _SkeletonBase$setMeta = SkeletonBase.setMetaData({
       props: props
     }),

package/skeleton/skeleton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{classNames as r,mergeProps as t}from"primereact/utils";import{ComponentBase as n}from"primereact/componentbase";var o=n.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null,children:void 0}}),a=e.memo(e.forwardRef((function(n,a){var i=o.getProps(n),s=o.setMetaData({props:i}).ptm,l=e.useRef(null),p=i.size?{width:i.size,height:i.size,borderRadius:i.borderRadius}:{width:i.width,height:i.height,borderRadius:i.borderRadius},m=r("p-skeleton p-component",{"p-skeleton-circle":"circle"===i.shape,"p-skeleton-none":"none"===i.animation},i.className);e.useImperativeHandle(a,(function(){return{props:i,getElement:function(){return l.current}}}));var d=t({ref:l,className:m,style:p},o.getOtherProps(i),s("root"));return e.createElement("div",d)})));a.displayName="Skeleton";export{a as Skeleton};
+import*as e from"react";import{classNames as t,mergeProps as r}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";import{PrimeReactContext as a}from"primereact/api";var i=o.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null}}),n=e.memo(e.forwardRef((function(o,n){var s=e.useContext(a),l=i.getProps(o,s),p=i.setMetaData({props:l}).ptm,m=e.useRef(null),u=l.size?{width:l.size,height:l.size,borderRadius:l.borderRadius}:{width:l.width,height:l.height,borderRadius:l.borderRadius},d=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===l.shape,"p-skeleton-none":"none"===l.animation},l.className);e.useImperativeHandle(n,(function(){return{props:l,getElement:function(){return m.current}}}));var c=r({ref:m,className:d,style:u},i.getOtherProps(l),p("root"));return e.createElement("div",c)})));n.displayName="Skeleton";export{n as Skeleton};

package/skeleton/skeleton.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.skeleton = (function (exports, React, utils, componentbase) {
+this.primereact.skeleton = (function (exports, React, utils, componentbase, api) {
     'use strict';
 
     function _interopNamespace(e) {
@@ -32,13 +32,13 @@ this.primereact.skeleton = (function (exports, React, utils, componentbase) {
         borderRadius: null,
         animation: 'wave',
         style: null,
-        className: null,
-        children: undefined
+        className: null
       }
     });
 
     var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-      var props = SkeletonBase.getProps(inProps);
+      var context = React__namespace.useContext(api.PrimeReactContext);
+      var props = SkeletonBase.getProps(inProps, context);
       var _SkeletonBase$setMeta = SkeletonBase.setMetaData({
           props: props
         }),
@@ -80,4 +80,4 @@ this.primereact.skeleton = (function (exports, React, utils, componentbase) {
 
     return exports;
 
-})({}, React, primereact.utils, primereact.componentbase);
+})({}, React, primereact.utils, primereact.componentbase, primereact.api);

package/skeleton/skeleton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(t),s=n.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null,children:void 0}}),o=i.memo(i.forwardRef((function(e,t){var n=s.getProps(e),a=s.setMetaData({props:n}).ptm,o=i.useRef(null),l=n.size?{width:n.size,height:n.size,borderRadius:n.borderRadius}:{width:n.width,height:n.height,borderRadius:n.borderRadius},c=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===n.shape,"p-skeleton-none":"none"===n.animation},n.className);i.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return o.current}}}));var u=r.mergeProps({ref:o,className:c,style:l},s.getOtherProps(n),a("root"));return i.createElement("div",u)})));return o.displayName="Skeleton",e.Skeleton=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r,n,a){"use strict";function i(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 s=i(t),o=n.ComponentBase.extend({defaultProps:{__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null}}),l=s.memo(s.forwardRef((function(e,t){var n=s.useContext(a.PrimeReactContext),i=o.getProps(e,n),l=o.setMetaData({props:i}).ptm,c=s.useRef(null),u=i.size?{width:i.size,height:i.size,borderRadius:i.borderRadius}:{width:i.width,height:i.height,borderRadius:i.borderRadius},p=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===i.shape,"p-skeleton-none":"none"===i.animation},i.className);s.useImperativeHandle(t,(function(){return{props:i,getElement:function(){return c.current}}}));var d=r.mergeProps({ref:c,className:p,style:u},o.getOtherProps(i),l("root"));return s.createElement("div",d)})));return l.displayName="Skeleton",e.Skeleton=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase,primereact.api);