primereact 8.2.0 → 8.5.0

package/toast/toast.esm.min.js

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

package/toast/toast.js

@@ -135,22 +135,20 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     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 ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-    var _props$message = props.message,
-        severity = _props$message.severity,
-        content = _props$message.content,
-        summary = _props$message.summary,
-        detail = _props$message.detail,
-        closable = _props$message.closable,
-        life = _props$message.life,
-        sticky = _props$message.sticky,
-        _className = _props$message.className,
-        style = _props$message.style,
-        _contentClassName = _props$message.contentClassName,
-        contentStyle = _props$message.contentStyle;
+    var messageInfo = props.messageInfo;
+    var _messageInfo$message = messageInfo.message,
+        severity = _messageInfo$message.severity,
+        content = _messageInfo$message.content,
+        summary = _messageInfo$message.summary,
+        detail = _messageInfo$message.detail,
+        closable = _messageInfo$message.closable,
+        life = _messageInfo$message.life,
+        sticky = _messageInfo$message.sticky,
+        _className = _messageInfo$message.className,
+        style = _messageInfo$message.style,
+        _contentClassName = _messageInfo$message.contentClassName,
+        contentStyle = _messageInfo$message.contentStyle;
 
     var _useTimeout = hooks.useTimeout(function () {
       onClose();
@@ -160,12 +158,12 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
 
     var onClose = function onClose() {
       clearTimer();
-      props.onClose && props.onClose(props.message);
+      props.onClose && props.onClose(messageInfo);
     };
 
     var onClick = function onClick(event) {
       if (props.onClick && !(utils.DomHandler.hasClass(event.target, 'p-toast-icon-close') || utils.DomHandler.hasClass(event.target, 'p-toast-icon-close-icon'))) {
-        props.onClick(props.message);
+        props.onClick(messageInfo.message);
       }
     };
 
@@ -184,10 +182,12 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     };
 
     var createMessage = function createMessage() {
-      if (props.message) {
-        var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
+      if (messageInfo) {
+        var contentEl = utils.ObjectUtils.getJSXElement(content, {
+          message: messageInfo.message,
+          onClick: onClick,
           onClose: onClose
-        }));
+        });
         var iconClassName = utils.classNames('p-toast-message-icon pi', {
           'pi-info-circle': severity === 'info',
           'pi-exclamation-triangle': severity === 'warn',
@@ -241,13 +241,20 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
         var messages;
 
         if (Array.isArray(value)) {
-          for (var i = 0; i < value.length; i++) {
-            value[i].id = messageIdx++;
-            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-          }
+          var multipleMessages = value.reduce(function (acc, message) {
+            acc.push({
+              _pId: messageIdx++,
+              message: message
+            });
+            return acc;
+          }, []);
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
         } else {
-          value.id = messageIdx++;
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+          var message = {
+            _pId: messageIdx++,
+            message: value
+          };
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
         }
 
         messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
@@ -265,12 +272,12 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
       setMessagesState(replaced);
     };
 
-    var onClose = function onClose(message) {
+    var onClose = function onClose(messageInfo) {
       var messages = messagesState.filter(function (msg) {
-        return msg.id !== message.id;
+        return msg._pId !== messageInfo._pId;
       });
       setMessagesState(messages);
-      props.onRemove && props.onRemove(message);
+      props.onRemove && props.onRemove(messageInfo.message);
     };
 
     var onEntered = function onEntered() {
@@ -287,9 +294,13 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         show: show,
         replace: replace,
-        clear: clear
+        clear: clear,
+        getElement: function getElement() {
+          return containerRef.current;
+        }
       };
     });
 
@@ -301,11 +312,11 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
         id: props.id,
         className: className,
         style: props.style
-      }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (message) {
+      }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (messageInfo) {
         var messageRef = /*#__PURE__*/React__namespace.createRef();
         return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
           nodeRef: messageRef,
-          key: message.id,
+          key: messageInfo._pId,
           classNames: "p-toast-message",
           unmountOnExit: true,
           timeout: {
@@ -317,7 +328,7 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
           options: props.transitionOptions
         }, /*#__PURE__*/React__namespace.createElement(ToastMessage, {
           ref: messageRef,
-          message: message,
+          messageInfo: messageInfo,
           onClick: props.onClick,
           onClose: onClose
         }));

package/toast/toast.min.js

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

@@ -91,6 +91,14 @@ var ToggleButton = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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 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,p=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",f=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}})};r.useImperativeHandle(l,(function(){return{props:e,getElement:function(){return i.current}}}));var 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&&p,"p-button-icon-right":"right"===e.iconPos&&p});return o.IconUtils.getJSXIcon(f,{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"},p),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;

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

@@ -67,6 +67,14 @@ var ToggleButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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 n}from"primereact/ripple";import{Tooltip as o}from"primereact/tooltip";import{ObjectUtils as t,classNames as l,IconUtils as r}from"primereact/utils";function a(){return a=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},a.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}})};e.useImperativeHandle(u,(function(){return{props:i,getElement:function(){return p.current}}}));var g=t.isNotEmpty(i.tooltip),h=!i.disabled&&i.tabIndex,v=t.findDiffKeys(i,c.defaultProps),I=l("p-button p-togglebutton p-component",{"p-button-icon-only":s&&!f,"p-highlight":i.checked,"p-disabled":i.disabled},i.className),y=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 r.getJSXIcon(m,{className:e},{props:i})}return null}();return e.createElement(e.Fragment,null,e.createElement("div",a({ref:p,id:i.id,className:I,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}),y,e.createElement("span",{className:"p-button-label"},d),e.createElement(n,null)),g&&e.createElement(o,a({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};

package/togglebutton/togglebutton.js

@@ -86,6 +86,14 @@ this.primereact.togglebutton = (function (exports, React, ripple, tooltip, utils
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     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,l){"use strict";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 a=r(t);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)}var i=a.memo(a.forwardRef((function(e,t){var r=a.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,p=u?e.checked?e.onLabel:e.offLabel:"&nbsp;",f=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}})};a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}}));var b=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&&p,"p-button-icon-right":"right"===e.iconPos&&p});return l.IconUtils.getJSXIcon(f,{className:t},{props:e})}return null}();return a.createElement(a.Fragment,null,a.createElement("div",c({ref:r,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,a.createElement("span",{className:"p-button-label"},p),a.createElement(n.Ripple,null)),b&&a.createElement(o.Tooltip,c({target:r,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);

package/toolbar/toolbar.cjs.js

@@ -44,12 +44,22 @@ function _extends() {
 }
 
 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 {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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 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 n=l.memo(l.forwardRef((function(e,r){var o=l.useRef(null),u=t.ObjectUtils.findDiffKeys(e,n.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.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return o.current}}})),l.createElement("div",a({id:e.id,ref:o,className:s,style:e.style,role:"toolbar"},u),l.createElement("div",{className:"p-toolbar-group-left"},c),l.createElement("div",{className:"p-toolbar-group-right"},i))})));n.displayName="Toolbar",n.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},exports.Toolbar=n;

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

@@ -20,12 +20,22 @@ function _extends() {
 }
 
 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 {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   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 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=e.useRef(null),i=t.findDiffKeys(o,a.defaultProps),u=r("p-toolbar p-component",o.className),p=t.getJSXElement(o.left,o),f=t.getJSXElement(o.right,o);return e.useImperativeHandle(n,(function(){return{props:o,getElement:function(){return s.current}}})),e.createElement("div",l({id:o.id,ref:s,className:u,style:o.style,role:"toolbar"},i),e.createElement("div",{className:"p-toolbar-group-left"},p),e.createElement("div",{className:"p-toolbar-group-right"},f))})));a.displayName="Toolbar",a.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null};export{a as Toolbar};

package/toolbar/toolbar.js

@@ -41,12 +41,22 @@ this.primereact.toolbar = (function (exports, React, utils) {
   }
 
   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 {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     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 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 n(){return n=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},n.apply(this,arguments)}var o=a.memo(a.forwardRef((function(e,t){var l=a.useRef(null),i=r.ObjectUtils.findDiffKeys(e,o.defaultProps),c=r.classNames("p-toolbar p-component",e.className),s=r.ObjectUtils.getJSXElement(e.left,e),u=r.ObjectUtils.getJSXElement(e.right,e);return a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}})),a.createElement("div",n({id:e.id,ref:l,className:c,style:e.style,role:"toolbar"},i),a.createElement("div",{className:"p-toolbar-group-left"},s),a.createElement("div",{className:"p-toolbar-group-right"},u))})));return o.displayName="Toolbar",o.defaultProps={__TYPE:"Toolbar",id:null,style:null,className:null,left:null,right:null},e.Toolbar=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);