primereact 8.1.0 → 8.3.0

package/toast/toast.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.toast=function(e,t,r,n,o,a,i,s,c){"use strict";function l(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(t),p=l(n);function m(){return m=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},m.apply(this,arguments)}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(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 b(e){if(Array.isArray(e))return d(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function g(){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 h(e){return b(e)||O(e)||v(e)||g()}function j(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return a}}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 P(e,t){return j(e)||w(e,t)||v(e,t)||E()}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 S(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){y(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 C=f.memo(f.forwardRef((function(e,t){var r=e.message,n=r.severity,o=r.content,i=r.summary,l=r.detail,u=r.closable,p=r.className,m=r.style,d=r.contentClassName,b=r.contentStyle,O=P(a.useTimeout((function(){v()}),r.life||3e3,!r.sticky),1)[0],v=function(){O(),e.onClose&&e.onClose(e.message)},g=s.classNames("p-toast-message",y({},"p-toast-message-".concat(n),n),p),h=s.classNames("p-toast-message-content",d),j=function(){if(e.message){var t=s.ObjectUtils.getJSXElement(o,S(S({},e),{},{onClose:v})),r=s.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times":"error"===n,"pi-check":"success"===n});return t||f.createElement(f.Fragment,null,f.createElement("span",{className:r}),f.createElement("div",{className:"p-toast-message-text"},f.createElement("span",{className:"p-toast-summary"},i),l&&f.createElement("div",{className:"p-toast-detail"},l)))}return null}();return f.createElement("div",{ref:t,className:g,style:m,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(t){!e.onClick||s.DomHandler.hasClass(t.target,"p-toast-icon-close")||s.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(e.message)}},f.createElement("div",{className:h,style:b},j,!1!==u?f.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:v},f.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),f.createElement(c.Ripple,null)):null))})));function k(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?k(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="ToastMessage";var I=0,T=f.memo(f.forwardRef((function(e,t){var n=P(f.useState([]),2),c=n[0],l=n[1],u=f.useRef(null),y=function(t){if(t){var r;if(Array.isArray(t)){for(var n=h(t),o=0;o<n.length;o++){var a=x({},n[o]);a.id=I++,n[o]=a}r=[].concat(h(c),h(n))}else{var i=x({},t);i.id=I++,r=c?[].concat(h(c),[i]):[i]}0===c.length&&s.ZIndexUtils.set("toast",u.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.toast),l(r)}},d=function(){s.ZIndexUtils.clear(u.current),l([])},b=function(t){var r=c.filter((function(e){return e.id!==t.id}));l(r),e.onRemove&&e.onRemove(t)},O=function(){e.onShow&&e.onShow()},v=function(){0===c.length&&s.ZIndexUtils.clear(u.current),e.onHide&&e.onHide()};a.useUnmountEffect((function(){s.ZIndexUtils.clear(u.current)})),f.useImperativeHandle(t,(function(){return{show:y,clear:d}}));var g,j,w=(g=s.ObjectUtils.findDiffKeys(e,T.defaultProps),j=s.classNames("p-toast p-component p-toast-"+e.position,e.className),f.createElement("div",m({ref:u,id:e.id,className:j,style:e.style},g),f.createElement(r.TransitionGroup,null,c.map((function(t){var r=f.createRef();return f.createElement(o.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:O,onExited:v,options:e.transitionOptions},f.createElement(C,{ref:r,message:t,onClick:e.onClick,onClose:b}))})))));return f.createElement(i.Portal,{element:w,appendTo:e.appendTo})})));return T.displayName="Toast",T.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null},e.Toast=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.toast=function(e,t,r,n,o,a,i,s,c){"use strict";function l(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(t),p=l(n);function m(){return m=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},m.apply(this,arguments)}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(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 b(e){if(Array.isArray(e))return d(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function g(){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 h(e){return b(e)||O(e)||v(e)||g()}function j(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,a=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw o}}return a}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,t){return j(e)||E(e,t)||v(e,t)||w()}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 S(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){y(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 C=f.memo(f.forwardRef((function(e,t){var r=e.message,n=r.severity,o=r.content,i=r.summary,l=r.detail,u=r.closable,p=r.className,m=r.style,d=r.contentClassName,b=r.contentStyle,O=P(a.useTimeout((function(){v()}),r.life||3e3,!r.sticky),1)[0],v=function(){O(),e.onClose&&e.onClose(e.message)},g=s.classNames("p-toast-message",y({},"p-toast-message-".concat(n),n),p),h=s.classNames("p-toast-message-content",d),j=function(){if(e.message){var t=s.ObjectUtils.getJSXElement(o,S(S({},e),{},{onClose:v})),r=s.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times":"error"===n,"pi-check":"success"===n});return t||f.createElement(f.Fragment,null,f.createElement("span",{className:r}),f.createElement("div",{className:"p-toast-message-text"},f.createElement("span",{className:"p-toast-summary"},i),l&&f.createElement("div",{className:"p-toast-detail"},l)))}return null}();return f.createElement("div",{ref:t,className:g,style:m,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(t){!e.onClick||s.DomHandler.hasClass(t.target,"p-toast-icon-close")||s.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(e.message)}},f.createElement("div",{className:h,style:b},j,!1!==u?f.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:v},f.createElement("span",{className:"p-toast-icon-close-icon pi pi-times"}),f.createElement(c.Ripple,null)):null))})));function k(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?k(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):k(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}C.displayName="ToastMessage";var I=0,T=f.memo(f.forwardRef((function(e,t){var n=P(f.useState([]),2),c=n[0],l=n[1],u=f.useRef(null),y=function(t){if(t){var r;if(Array.isArray(t))for(var n=0;n<t.length;n++)t[n].id=I++,r=[].concat(h(c),h(t));else t.id=I++,r=c?[].concat(h(c),[t]):[t];0===c.length&&s.ZIndexUtils.set("toast",u.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.toast),l(r)}},d=function(){s.ZIndexUtils.clear(u.current),l([])},b=function(e){var t=Array.isArray(e)?e:[e];l(t)},O=function(t){var r=c.filter((function(e){return e.id!==t.id}));l(r),e.onRemove&&e.onRemove(t)},v=function(){e.onShow&&e.onShow()},g=function(){1===c.length&&s.ZIndexUtils.clear(u.current),e.onHide&&e.onHide()};a.useUnmountEffect((function(){s.ZIndexUtils.clear(u.current)})),f.useImperativeHandle(t,(function(){return x({show:y,replace:b,clear:d,getElement:function(){return u.current}},e)}));var j,E,w=(j=s.ObjectUtils.findDiffKeys(e,T.defaultProps),E=s.classNames("p-toast p-component p-toast-"+e.position,e.className),f.createElement("div",m({ref:u,id:e.id,className:E,style:e.style},j),f.createElement(r.TransitionGroup,null,c.map((function(t){var r=f.createRef();return f.createElement(o.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:v,onExited:g,options:e.transitionOptions},f.createElement(C,{ref:r,message:t,onClick:e.onClick,onClose:O}))})))));return f.createElement(i.Portal,{element:w,appendTo:e.appendTo})})));return T.displayName="Toast",T.defaultProps={__TYPE:"Toast",id:null,className:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null},e.Toast=T,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.ripple);

package/togglebutton/togglebutton.cjs.js

@@ -45,6 +45,24 @@ 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 ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
   var hasLabel = props.onLabel && props.onLabel.length > 0 && props.offLabel && props.offLabel.length > 0;
@@ -91,6 +109,13 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
   var tabIndex = !props.disabled && props.tabIndex;
   var otherProps = utils.ObjectUtils.findDiffKeys(props, ToggleButton.defaultProps);

package/togglebutton/togglebutton.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}var c=r.memo(r.forwardRef((function(e,l){var i=r.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,d=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},b=o.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=o.ObjectUtils.findDiffKeys(e,c.defaultProps),h=o.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),v=function(){if(s){var t=o.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return o.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return r.createElement(r.Fragment,null,r.createElement("div",a({ref:i,id:e.id,className:h,style:e.style},m,{onClick:d,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(d(e),e.preventDefault())},tabIndex:g,role:"button","aria-pressed":e.checked}),v,r.createElement("span",{className:"p-button-label"},f),r.createElement(t.Ripple,null)),b&&r.createElement(n.Tooltip,a({target:i,content:e.tooltip},e.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},exports.ToggleButton=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),o=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=r(e);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.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){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var s=l.memo(l.forwardRef((function(e,r){var a=l.useRef(null),i=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,f=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,p=i?e.checked?e.onLabel:e.offLabel:"&nbsp;",b=e.checked?e.onIcon:e.offIcon,d=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})};l.useImperativeHandle(r,(function(){return u({getElement:function(){return a.current}},e)}));var g=o.ObjectUtils.isNotEmpty(e.tooltip),O=!e.disabled&&e.tabIndex,m=o.ObjectUtils.findDiffKeys(e,s.defaultProps),y=o.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":f&&!i,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),h=function(){if(f){var t=o.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&p,"p-button-icon-right":"right"===e.iconPos&&p});return o.IconUtils.getJSXIcon(b,{className:t},{props:e})}return null}();return l.createElement(l.Fragment,null,l.createElement("div",c({ref:a,id:e.id,className:y,style:e.style},m,{onClick:d,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(d(e),e.preventDefault())},tabIndex:O,role:"button","aria-pressed":e.checked}),h,l.createElement("span",{className:"p-button-label"},p),l.createElement(t.Ripple,null)),g&&l.createElement(n.Tooltip,c({target:a,content:e.tooltip},e.tooltipOptions)))})));s.displayName="ToggleButton",s.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},exports.ToggleButton=s;

package/togglebutton/togglebutton.d.ts

@@ -18,17 +18,13 @@ interface ToggleButtonChangeParams {
     target: ToggleButtonChangeTargetOptions;
 }
 
-export interface ToggleButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange'> {
-    id?: string;
+export interface ToggleButtonProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
     onIcon?: IconType<ToggleButtonProps>;
     offIcon?: IconType<ToggleButtonProps>;
     onLabel?: string;
     offLabel?: string;
     iconPos?: ToggleButtonIconPositionType;
-    style?: object;
-    className?: string;
     checked?: boolean;
-    tabIndex?: number;
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     onChange?(e: ToggleButtonChangeParams): void;
@@ -37,4 +33,6 @@ export interface ToggleButtonProps extends Omit<React.DetailedHTMLProps<React.In
     children?: React.ReactNode;
 }
 
-export declare class ToggleButton extends React.Component<ToggleButtonProps, any> { }
+export declare class ToggleButton extends React.Component<ToggleButtonProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/togglebutton/togglebutton.esm.js

@@ -21,6 +21,24 @@ 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 ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var hasLabel = props.onLabel && props.onLabel.length > 0 && props.offLabel && props.offLabel.length > 0;
@@ -67,6 +85,13 @@ var ToggleButton = /*#__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 tabIndex = !props.disabled && props.tabIndex;
   var otherProps = ObjectUtils.findDiffKeys(props, ToggleButton.defaultProps);

package/togglebutton/togglebutton.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as a}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var o=arguments[n];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},r.apply(this,arguments)}var c=e.memo(e.forwardRef((function(i,u){var p=e.useRef(null),f=i.onLabel&&i.onLabel.length>0&&i.offLabel&&i.offLabel.length>0,s=i.onIcon&&i.onIcon.length>0&&i.offIcon&&i.offIcon.length>0,d=f?i.checked?i.onLabel:i.offLabel:"&nbsp;",m=i.checked?i.onIcon:i.offIcon,b=function(e){!i.disabled&&i.onChange&&i.onChange({originalEvent:e,value:!i.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:i.name,id:i.id,value:!i.checked}})},g=t.isNotEmpty(i.tooltip),h=!i.disabled&&i.tabIndex,v=t.findDiffKeys(i,c.defaultProps),y=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":i.checked,"p-disabled":i.disabled},i.className),I=function(){if(s){var e=l("p-button-icon p-c",{"p-button-icon-left":"left"===i.iconPos&&d,"p-button-icon-right":"right"===i.iconPos&&d});return a.getJSXIcon(m,{className:e},{props:i})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",r({ref:p,id:i.id,className:y,style:i.style},v,{onClick:b,onFocus:i.onFocus,onBlur:i.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:h,role:"button","aria-pressed":i.checked}),I,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,r({target:p,content:i.tooltip},i.tooltipOptions)))})));c.displayName="ToggleButton",c.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null};export{c as ToggleButton};
+import*as e from"react";import{Ripple as t}from"primereact/ripple";import{Tooltip as n}from"primereact/tooltip";import{ObjectUtils as o,classNames as r,IconUtils as l}from"primereact/utils";function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},c.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){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var p=e.memo(e.forwardRef((function(a,i){var f=e.useRef(null),s=a.onLabel&&a.onLabel.length>0&&a.offLabel&&a.offLabel.length>0,b=a.onIcon&&a.onIcon.length>0&&a.offIcon&&a.offIcon.length>0,d=s?a.checked?a.onLabel:a.offLabel:"&nbsp;",m=a.checked?a.onIcon:a.offIcon,g=function(e){!a.disabled&&a.onChange&&a.onChange({originalEvent:e,value:!a.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:a.name,id:a.id,value:!a.checked}})};e.useImperativeHandle(i,(function(){return u({getElement:function(){return f.current}},a)}));var h=o.isNotEmpty(a.tooltip),y=!a.disabled&&a.tabIndex,O=o.findDiffKeys(a,p.defaultProps),v=r("p-button p-togglebutton p-component",{"p-button-icon-only":b&&!s,"p-highlight":a.checked,"p-disabled":a.disabled},a.className),P=function(){if(b){var e=r("p-button-icon p-c",{"p-button-icon-left":"left"===a.iconPos&&d,"p-button-icon-right":"right"===a.iconPos&&d});return l.getJSXIcon(m,{className:e},{props:a})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",c({ref:f,id:a.id,className:v,style:a.style},O,{onClick:g,onFocus:a.onFocus,onBlur:a.onBlur,onKeyDown:function(e){32===e.keyCode&&(g(e),e.preventDefault())},tabIndex:y,role:"button","aria-pressed":a.checked}),P,e.createElement("span",{className:"p-button-label"},d),e.createElement(t,null)),h&&e.createElement(n,c({target:f,content:a.tooltip},a.tooltipOptions)))})));p.displayName="ToggleButton",p.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null};export{p as ToggleButton};

package/togglebutton/togglebutton.js

@@ -40,6 +40,24 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, 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 ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var hasLabel = props.onLabel && props.onLabel.length > 0 && props.offLabel && props.offLabel.length > 0;
@@ -86,6 +104,13 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var tabIndex = !props.disabled && props.tabIndex;
     var otherProps = utils.ObjectUtils.findDiffKeys(props, ToggleButton.defaultProps);

package/togglebutton/togglebutton.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,l){"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 o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},r.apply(this,arguments)}var i=c.memo(c.forwardRef((function(e,t){var a=c.useRef(null),u=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,s=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,f=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",p=e.checked?e.onIcon:e.offIcon,b=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})},d=l.ObjectUtils.isNotEmpty(e.tooltip),g=!e.disabled&&e.tabIndex,m=l.ObjectUtils.findDiffKeys(e,i.defaultProps),h=l.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!u,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),v=function(){if(s){var t=l.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&f,"p-button-icon-right":"right"===e.iconPos&&f});return l.IconUtils.getJSXIcon(p,{className:t},{props:e})}return null}();return c.createElement(c.Fragment,null,c.createElement("div",r({ref:a,id:e.id,className:h,style:e.style},m,{onClick:b,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(b(e),e.preventDefault())},tabIndex:g,role:"button","aria-pressed":e.checked}),v,c.createElement("span",{className:"p-button-label"},f),c.createElement(n.Ripple,null)),d&&c.createElement(o.Tooltip,r({target:a,content:e.tooltip},e.tooltipOptions)))})));return i.displayName="ToggleButton",i.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},e.ToggleButton=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.togglebutton=function(e,t,n,o,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=l(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a.apply(this,arguments)}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var f=c.memo(c.forwardRef((function(e,t){var l=c.useRef(null),i=e.onLabel&&e.onLabel.length>0&&e.offLabel&&e.offLabel.length>0,u=e.onIcon&&e.onIcon.length>0&&e.offIcon&&e.offIcon.length>0,p=i?e.checked?e.onLabel:e.offLabel:"&nbsp;",b=e.checked?e.onIcon:e.offIcon,d=function(t){!e.disabled&&e.onChange&&e.onChange({originalEvent:t,value:!e.checked,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:!e.checked}})};c.useImperativeHandle(t,(function(){return s({getElement:function(){return l.current}},e)}));var g=r.ObjectUtils.isNotEmpty(e.tooltip),m=!e.disabled&&e.tabIndex,O=r.ObjectUtils.findDiffKeys(e,f.defaultProps),h=r.classNames("p-button p-togglebutton p-component",{"p-button-icon-only":u&&!i,"p-highlight":e.checked,"p-disabled":e.disabled},e.className),y=function(){if(u){var t=r.classNames("p-button-icon p-c",{"p-button-icon-left":"left"===e.iconPos&&p,"p-button-icon-right":"right"===e.iconPos&&p});return r.IconUtils.getJSXIcon(b,{className:t},{props:e})}return null}();return c.createElement(c.Fragment,null,c.createElement("div",a({ref:l,id:e.id,className:h,style:e.style},O,{onClick:d,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:function(e){32===e.keyCode&&(d(e),e.preventDefault())},tabIndex:m,role:"button","aria-pressed":e.checked}),y,c.createElement("span",{className:"p-button-label"},p),c.createElement(n.Ripple,null)),g&&c.createElement(o.Tooltip,a({target:l,content:e.tooltip},e.tooltipOptions)))})));return f.displayName="ToggleButton",f.defaultProps={__TYPE:"ToggleButton",id:null,onIcon:null,offIcon:null,onLabel:"Yes",offLabel:"No",iconPos:"left",style:null,className:null,checked:!1,tabIndex:0,tooltip:null,tooltipOptions:null,onChange:null,onFocus:null,onBlur:null},e.ToggleButton=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);

package/toolbar/toolbar.cjs.js

@@ -43,13 +43,40 @@ 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 Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Toolbar.defaultProps);
   var toolbarClass = utils.classNames('p-toolbar p-component', props.className);
   var left = utils.ObjectUtils.getJSXElement(props.left, props);
   var right = utils.ObjectUtils.getJSXElement(props.right, props);
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: toolbarClass,
     style: props.style,
     role: "toolbar"

package/toolbar/toolbar.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 l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=r(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},a.apply(this,arguments)}var o=l.memo(l.forwardRef((function(e,r){var n=t.ObjectUtils.findDiffKeys(e,o.defaultProps),s=t.classNames("p-toolbar p-component",e.className),c=t.ObjectUtils.getJSXElement(e.left,e),i=t.ObjectUtils.getJSXElement(e.right,e);return l.createElement("div",a({id:e.id,className:s,style:e.style,role:"toolbar"},n),l.createElement("div",{className:"p-toolbar-group-left"},c),l.createElement("div",{className:"p-toolbar-group-right"},i))})));o.displayName="Toolbar",o.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},exports.Toolbar=o;
+"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 l(){return l=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},l.apply(this,arguments)}function o(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 c(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){o(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 i=n.memo(n.forwardRef((function(e,r){var o=n.useRef(null),a=t.ObjectUtils.findDiffKeys(e,i.defaultProps),u=t.classNames("p-toolbar p-component",e.className),s=t.ObjectUtils.getJSXElement(e.left,e),f=t.ObjectUtils.getJSXElement(e.right,e);return n.useImperativeHandle(r,(function(){return c({getElement:function(){return o.current}},e)})),n.createElement("div",l({id:e.id,ref:o,className:u,style:e.style,role:"toolbar"},a),n.createElement("div",{className:"p-toolbar-group-left"},s),n.createElement("div",{className:"p-toolbar-group-right"},f))})));i.displayName="Toolbar",i.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},exports.Toolbar=i;

package/toolbar/toolbar.d.ts

@@ -2,13 +2,12 @@ import * as React from 'react';
 
 type ToolbarTemplateType = React.ReactNode | ((props: ToolbarProps) => React.ReactNode);
 
-export interface ToolbarProps {
-    id?: string;
-    style?: object;
-    className?: string;
+export interface ToolbarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     left?: ToolbarTemplateType;
     right?: ToolbarTemplateType;
     children?: React.ReactNode;
 }
 
-export declare class Toolbar extends React.Component<ToolbarProps, any> { }
+export declare class Toolbar extends React.Component<ToolbarProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/toolbar/toolbar.esm.js

@@ -19,13 +19,40 @@ 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 Toolbar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Toolbar.defaultProps);
   var toolbarClass = classNames('p-toolbar p-component', props.className);
   var left = ObjectUtils.getJSXElement(props.left, props);
   var right = ObjectUtils.getJSXElement(props.right, props);
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: toolbarClass,
     style: props.style,
     role: "toolbar"

package/toolbar/toolbar.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as r}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},l.apply(this,arguments)}var a=e.memo(e.forwardRef((function(o,n){var s=t.findDiffKeys(o,a.defaultProps),i=r("p-toolbar p-component",o.className),m=t.getJSXElement(o.left,o),p=t.getJSXElement(o.right,o);return e.createElement("div",l({id:o.id,className:i,style:o.style,role:"toolbar"},s),e.createElement("div",{className:"p-toolbar-group-left"},m),e.createElement("div",{className:"p-toolbar-group-right"},p))})));a.displayName="Toolbar",a.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null};export{a as Toolbar};
+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 l(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?l(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var c=e.memo(e.forwardRef((function(o,l){var i=e.useRef(null),u=r.findDiffKeys(o,c.defaultProps),f=t("p-toolbar p-component",o.className),p=r.getJSXElement(o.left,o),s=r.getJSXElement(o.right,o);return e.useImperativeHandle(l,(function(){return a({getElement:function(){return i.current}},o)})),e.createElement("div",n({id:o.id,ref:i,className:f,style:o.style,role:"toolbar"},u),e.createElement("div",{className:"p-toolbar-group-left"},p),e.createElement("div",{className:"p-toolbar-group-right"},s))})));c.displayName="Toolbar",c.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null};export{c as Toolbar};

package/toolbar/toolbar.js

@@ -40,13 +40,40 @@ this.primereact.toolbar = (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 Toolbar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Toolbar.defaultProps);
     var toolbarClass = utils.classNames('p-toolbar p-component', props.className);
     var left = utils.ObjectUtils.getJSXElement(props.left, props);
     var right = utils.ObjectUtils.getJSXElement(props.right, props);
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: toolbarClass,
       style: props.style,
       role: "toolbar"

package/toolbar/toolbar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.toolbar=function(e,t,r){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},o.apply(this,arguments)}var n=a.memo(a.forwardRef((function(e,t){var l=r.ObjectUtils.findDiffKeys(e,n.defaultProps),i=r.classNames("p-toolbar p-component",e.className),c=r.ObjectUtils.getJSXElement(e.left,e),s=r.ObjectUtils.getJSXElement(e.right,e);return a.createElement("div",o({id:e.id,className:i,style:e.style,role:"toolbar"},l),a.createElement("div",{className:"p-toolbar-group-left"},c),a.createElement("div",{className:"p-toolbar-group-right"},s))})));return n.displayName="Toolbar",n.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},e.Toolbar=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.toolbar=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 l=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 i(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 u=l.memo(l.forwardRef((function(e,t){var n=l.useRef(null),c=r.ObjectUtils.findDiffKeys(e,u.defaultProps),a=r.classNames("p-toolbar p-component",e.className),s=r.ObjectUtils.getJSXElement(e.left,e),f=r.ObjectUtils.getJSXElement(e.right,e);return l.useImperativeHandle(t,(function(){return i({getElement:function(){return n.current}},e)})),l.createElement("div",o({id:e.id,ref:n,className:a,style:e.style,role:"toolbar"},c),l.createElement("div",{className:"p-toolbar-group-left"},s),l.createElement("div",{className:"p-toolbar-group-right"},f))})));return u.displayName="Toolbar",u.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},e.Toolbar=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);