primereact 8.2.0 → 8.3.0

package/selectbutton/selectbutton.esm.js

@@ -21,6 +21,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -156,6 +171,9 @@ var SelectButtonItem = /*#__PURE__*/React.memo(function (props) {
 });
 SelectButtonItem.displayName = 'SelectButtonItem';
 
+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 SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
 
@@ -254,6 +272,13 @@ var SelectButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, SelectButton.defaultProps);
   var className = classNames('p-selectbutton p-buttonset p-component', props.className);

package/selectbutton/selectbutton.esm.min.js

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

package/selectbutton/selectbutton.js

@@ -40,6 +40,21 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -175,6 +190,9 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
   });
   SelectButtonItem.displayName = 'SelectButtonItem';
 
+  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 SelectButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
 
@@ -273,6 +291,13 @@ this.primereact.selectbutton = (function (exports, React, tooltip, utils, ripple
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, SelectButton.defaultProps);
     var className = utils.classNames('p-selectbutton p-buttonset p-component', props.className);

package/selectbutton/selectbutton.min.js

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

package/sidebar/sidebar.cjs.js

@@ -51,6 +51,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -112,6 +127,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+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 (props, ref) {
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -205,6 +223,19 @@ var Sidebar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return sidebarRef.current;
+      },
+      gteMask: function gteMask() {
+        return maskRef.current;
+      },
+      getCloseIcon: function getCloseIcon() {
+        return closeIconRef.current;
+      }
+    }, props);
+  });
   hooks.useMountEffect(function () {
     if (props.visible) {
       setMaskVisibleState(true);

package/sidebar/sidebar.cjs.min.js

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

package/sidebar/sidebar.d.ts

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

package/sidebar/sidebar.esm.js

@@ -24,6 +24,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -85,6 +100,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+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 (props, ref) {
   var _React$useState = React.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -178,6 +196,19 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return sidebarRef.current;
+      },
+      gteMask: function gteMask() {
+        return maskRef.current;
+      },
+      getCloseIcon: function getCloseIcon() {
+        return closeIconRef.current;
+      }
+    }, props);
+  });
   useMountEffect(function () {
     if (props.visible) {
       setMaskVisibleState(true);

package/sidebar/sidebar.esm.min.js

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

package/sidebar/sidebar.js

@@ -43,6 +43,21 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -104,6 +119,9 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  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 (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -197,6 +215,19 @@ this.primereact.sidebar = (function (exports, React, PrimeReact, csstransition,
       }
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return sidebarRef.current;
+        },
+        gteMask: function gteMask() {
+          return maskRef.current;
+        },
+        getCloseIcon: function getCloseIcon() {
+          return closeIconRef.current;
+        }
+      }, props);
+    });
     hooks.useMountEffect(function () {
       if (props.visible) {
         setMaskVisibleState(true);

package/sidebar/sidebar.min.js

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

package/skeleton/skeleton.cjs.js

@@ -43,7 +43,26 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+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 Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
   var style = props.size ? {
     width: props.size,
@@ -58,7 +77,15 @@ var Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     'p-skeleton-circle': props.shape === 'circle',
     'p-skeleton-none': props.animation === 'none'
   }, props.className);
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef,
     style: style,
     className: className
   }, otherProps));

package/skeleton/skeleton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=r(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var i=n.memo(n.forwardRef((function(e,r){var s=t.ObjectUtils.findDiffKeys(e,i.defaultProps),l=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},o=t.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return n.createElement("div",a({style:l,className:o},s))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},exports.Skeleton=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var n=t(e);function i(){return i=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},i.apply(this,arguments)}function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?a(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var u=n.memo(n.forwardRef((function(e,t){var o=n.useRef(null),a=r.ObjectUtils.findDiffKeys(e,u.defaultProps),l=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},s=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return n.useImperativeHandle(t,(function(){return c({getElement:function(){return o.current}},e)})),n.createElement("div",i({ref:o,style:l,className:s},a))})));u.displayName="Skeleton",u.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},exports.Skeleton=u;

package/skeleton/skeleton.d.ts

@@ -4,16 +4,16 @@ type SkeletonShapeType = 'rectangle' | 'circle';
 
 type SkeletonAnimationType = 'wave' | 'none';
 
-export interface SkeletonProps {
+export interface SkeletonProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     shape?: SkeletonShapeType;
     size?: string;
     width?: string;
     height?: string;
     borderRadius?: string;
     animation?: SkeletonAnimationType;
-    style?: object;
-    className?: string;
     children?: React.ReactNode;
 }
 
-export declare class Skeleton extends React.Component<SkeletonProps, any> { }
+export declare class Skeleton extends React.Component<SkeletonProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/skeleton/skeleton.esm.js

@@ -19,7 +19,26 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+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 Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
   var style = props.size ? {
     width: props.size,
@@ -34,7 +53,15 @@ var Skeleton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     'p-skeleton-circle': props.shape === 'circle',
     'p-skeleton-none': props.animation === 'none'
   }, props.className);
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef,
     style: style,
     className: className
   }, otherProps));

package/skeleton/skeleton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function a(){return a=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},a.apply(this,arguments)}var i=e.memo(e.forwardRef((function(n,o){var s=r.findDiffKeys(n,i.defaultProps),l=n.size?{width:n.size,height:n.size,borderRadius:n.borderRadius}:{width:n.width,height:n.height,borderRadius:n.borderRadius},d=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===n.shape,"p-skeleton-none":"none"===n.animation},n.className);return e.createElement("div",a({style:l,className:d},s))})));i.displayName="Skeleton",i.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null};export{i as Skeleton};
+import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},n.apply(this,arguments)}function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?i(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):i(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var c=e.memo(e.forwardRef((function(o,i){var l=e.useRef(null),s=r.findDiffKeys(o,c.defaultProps),u=o.size?{width:o.size,height:o.size,borderRadius:o.borderRadius}:{width:o.width,height:o.height,borderRadius:o.borderRadius},p=t("p-skeleton p-component",{"p-skeleton-circle":"circle"===o.shape,"p-skeleton-none":"none"===o.animation},o.className);return e.useImperativeHandle(i,(function(){return a({getElement:function(){return l.current}},o)})),e.createElement("div",n({ref:l,style:u,className:p},s))})));c.displayName="Skeleton",c.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null};export{c as Skeleton};

package/skeleton/skeleton.js

@@ -40,7 +40,26 @@ this.primereact.skeleton = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  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 Skeleton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Skeleton.defaultProps);
     var style = props.size ? {
       width: props.size,
@@ -55,7 +74,15 @@ this.primereact.skeleton = (function (exports, React, utils) {
       'p-skeleton-circle': props.shape === 'circle',
       'p-skeleton-none': props.animation === 'none'
     }, props.className);
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       style: style,
       className: className
     }, otherProps));

package/skeleton/skeleton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(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=n(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var s=i.memo(i.forwardRef((function(e,t){var n=r.ObjectUtils.findDiffKeys(e,s.defaultProps),l=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},o=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return i.createElement("div",a({style:l,className:o},n))})));return s.displayName="Skeleton",s.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},e.Skeleton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.skeleton=function(e,t,r){"use strict";function n(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=n(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(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 l(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var s=i.memo(i.forwardRef((function(e,t){var n=i.useRef(null),c=r.ObjectUtils.findDiffKeys(e,s.defaultProps),a=e.size?{width:e.size,height:e.size,borderRadius:e.borderRadius}:{width:e.width,height:e.height,borderRadius:e.borderRadius},u=r.classNames("p-skeleton p-component",{"p-skeleton-circle":"circle"===e.shape,"p-skeleton-none":"none"===e.animation},e.className);return i.useImperativeHandle(t,(function(){return l({getElement:function(){return n.current}},e)})),i.createElement("div",o({ref:n,style:a,className:u},c))})));return s.displayName="Skeleton",s.defaultProps={__TYPE:"Skeleton",shape:"rectangle",size:null,width:"100%",height:"1rem",borderRadius:null,animation:"wave",style:null,className:null},e.Skeleton=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);