primereact 8.1.1 → 8.4.0

package/toast/toast.cjs.js

@@ -52,21 +52,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -144,9 +129,24 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function ownKeys$1(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 _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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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,
@@ -194,7 +194,7 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var createMessage = function createMessage() {
     if (props.message) {
-      var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread$1(_objectSpread$1({}, props), {}, {
+      var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
         onClose: onClose
       }));
       var iconClassName = utils.classNames('p-toast-message-icon pi', {
@@ -236,9 +236,6 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 }));
 ToastMessage.displayName = 'ToastMessage';
 
-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 messageIdx = 0;
 var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState([]),
@@ -253,21 +250,13 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       var messages;
 
       if (Array.isArray(value)) {
-        var currentMessages = _toConsumableArray(value);
-
-        for (var i = 0; i < currentMessages.length; i++) {
-          var message = _objectSpread({}, currentMessages[i]);
-
-          message.id = messageIdx++;
-          currentMessages[i] = message;
+        for (var i = 0; i < value.length; i++) {
+          value[i].id = messageIdx++;
+          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
         }
-
-        messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
       } else {
-        var currentMessage = _objectSpread({}, value);
-
-        currentMessage.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
+        value.id = messageIdx++;
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
       }
 
       messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
@@ -280,6 +269,11 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     setMessagesState([]);
   };
 
+  var replace = function replace(value) {
+    var replaced = Array.isArray(value) ? value : [value];
+    setMessagesState(replaced);
+  };
+
   var onClose = function onClose(message) {
     var messages = messagesState.filter(function (msg) {
       return msg.id !== message.id;
@@ -293,7 +287,7 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   };
 
   var onExited = function onExited() {
-    messagesState.length === 0 && utils.ZIndexUtils.clear(containerRef.current);
+    messagesState.length === 1 && utils.ZIndexUtils.clear(containerRef.current);
     props.onHide && props.onHide();
   };
 
@@ -302,8 +296,13 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
-      clear: clear
+      replace: replace,
+      clear: clear,
+      getElement: function getElement() {
+        return containerRef.current;
+      }
     };
   });
 

package/toast/toast.cjs.min.js

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

package/toast/toast.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 
-type ToastSeverityType = 'success' | 'info' | 'warn' | 'error' | (string & {});
+type ToastSeverityType = 'success' | 'info' | 'warn' | 'error';
 
 type ToastMessageType = ToastMessage | ToastMessage[];
 
@@ -23,10 +23,7 @@ export interface ToastMessage {
     contentStyle?: object;
 }
 
-export interface ToastProps {
-    id?: string;
-    className?: string;
-    style?: object;
+export interface ToastProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     baseZIndex?: number;
     position?: ToastPositionType;
     transitionOptions?: CSSTransitionProps;
@@ -41,4 +38,6 @@ export interface ToastProps {
 export declare class Toast extends React.Component<ToastProps, any> {
     public show(message: ToastMessageType): void;
     public clear(): void;
+    public replace(message: ToastMessageType): void;
+    public getElement(): HTMLDivElement;
 }

package/toast/toast.esm.js

@@ -25,21 +25,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -117,9 +102,24 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-function ownKeys$1(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 _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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$message = props.message,
       severity = _props$message.severity,
@@ -167,7 +167,7 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var createMessage = function createMessage() {
     if (props.message) {
-      var contentEl = ObjectUtils.getJSXElement(content, _objectSpread$1(_objectSpread$1({}, props), {}, {
+      var contentEl = ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
         onClose: onClose
       }));
       var iconClassName = classNames('p-toast-message-icon pi', {
@@ -209,9 +209,6 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 }));
 ToastMessage.displayName = 'ToastMessage';
 
-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 messageIdx = 0;
 var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
@@ -226,21 +223,13 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       var messages;
 
       if (Array.isArray(value)) {
-        var currentMessages = _toConsumableArray(value);
-
-        for (var i = 0; i < currentMessages.length; i++) {
-          var message = _objectSpread({}, currentMessages[i]);
-
-          message.id = messageIdx++;
-          currentMessages[i] = message;
+        for (var i = 0; i < value.length; i++) {
+          value[i].id = messageIdx++;
+          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
         }
-
-        messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
       } else {
-        var currentMessage = _objectSpread({}, value);
-
-        currentMessage.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
+        value.id = messageIdx++;
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
       }
 
       messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
@@ -253,6 +242,11 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     setMessagesState([]);
   };
 
+  var replace = function replace(value) {
+    var replaced = Array.isArray(value) ? value : [value];
+    setMessagesState(replaced);
+  };
+
   var onClose = function onClose(message) {
     var messages = messagesState.filter(function (msg) {
       return msg.id !== message.id;
@@ -266,7 +260,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   var onExited = function onExited() {
-    messagesState.length === 0 && ZIndexUtils.clear(containerRef.current);
+    messagesState.length === 1 && ZIndexUtils.clear(containerRef.current);
     props.onHide && props.onHide();
   };
 
@@ -275,8 +269,13 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
-      clear: clear
+      replace: replace,
+      clear: clear,
+      getElement: function getElement() {
+        return containerRef.current;
+      }
     };
   });
 

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 s,DomHandler as c,ObjectUtils as l,ZIndexUtils as u}from"primereact/utils";import{Ripple as p}from"primereact/ripple";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 f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(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 d(e){if(Array.isArray(e))return y(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 y(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)?y(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 O(e){return d(e)||b(e)||v(e)||g()}function h(e){if(Array.isArray(e))return e}function j(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 E(e,t){return h(e)||j(e,t)||v(e,t)||w()}function P(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?P(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var N=e.memo(e.forwardRef((function(t,r){var n=t.message,a=n.severity,i=n.content,u=n.summary,m=n.detail,y=n.closable,d=n.className,b=n.style,v=n.contentClassName,g=n.contentStyle,O=E(o((function(){h()}),n.life||3e3,!n.sticky),1)[0],h=function(){O(),t.onClose&&t.onClose(t.message)},j=s("p-toast-message",f({},"p-toast-message-".concat(a),a),d),w=s("p-toast-message-content",v),P=function(){if(t.message){var r=l.getJSXElement(i,S(S({},t),{},{onClose:h})),n=s("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),m&&e.createElement("div",{className:"p-toast-detail"},m)))}return null}();return e.createElement("div",{ref:r,className:j,style:b,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:function(e){!t.onClick||c.hasClass(e.target,"p-toast-icon-close")||c.hasClass(e.target,"p-toast-icon-close-icon")||t.onClick(t.message)}},e.createElement("div",{className:w,style:g},P,!1!==y?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(p,null)):null))})));function C(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 k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}N.displayName="ToastMessage";var x=0,A=e.memo(e.forwardRef((function(o,c){var p=E(e.useState([]),2),f=p[0],y=p[1],d=e.useRef(null),b=function(e){if(e){var t;if(Array.isArray(e)){for(var n=O(e),a=0;a<n.length;a++){var i=k({},n[a]);i.id=x++,n[a]=i}t=[].concat(O(f),O(n))}else{var s=k({},e);s.id=x++,t=f?[].concat(O(f),[s]):[s]}0===f.length&&u.set("toast",d.current,r.autoZIndex,o.baseZIndex||r.zIndex.toast),y(t)}},v=function(){u.clear(d.current),y([])},g=function(e){var t=f.filter((function(t){return t.id!==e.id}));y(t),o.onRemove&&o.onRemove(e)},h=function(){o.onShow&&o.onShow()},j=function(){0===f.length&&u.clear(d.current),o.onHide&&o.onHide()};a((function(){u.clear(d.current)})),e.useImperativeHandle(c,(function(){return{show:b,clear:v}}));var w,P,S=(w=l.findDiffKeys(o,A.defaultProps),P=s("p-toast p-component p-toast-"+o.position,o.className),e.createElement("div",m({ref:d,id:o.id,className:P,style:o.style},w),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:h,onExited:j,options:o.transitionOptions},e.createElement(N,{ref:r,message:t,onClick:o.onClick,onClose:g}))})))));return e.createElement(i,{element:S,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 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{props:o,show:b,replace:h,clear:v,getElement:function(){return d.current}}}));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};

package/toast/toast.js

@@ -43,21 +43,6 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     return _extends.apply(this, arguments);
   }
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -135,9 +120,24 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  function ownKeys$1(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 _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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  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,
@@ -185,7 +185,7 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
 
     var createMessage = function createMessage() {
       if (props.message) {
-        var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread$1(_objectSpread$1({}, props), {}, {
+        var contentEl = utils.ObjectUtils.getJSXElement(content, _objectSpread(_objectSpread({}, props), {}, {
           onClose: onClose
         }));
         var iconClassName = utils.classNames('p-toast-message-icon pi', {
@@ -227,9 +227,6 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
   }));
   ToastMessage.displayName = 'ToastMessage';
 
-  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 messageIdx = 0;
   var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState([]),
@@ -244,21 +241,13 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
         var messages;
 
         if (Array.isArray(value)) {
-          var currentMessages = _toConsumableArray(value);
-
-          for (var i = 0; i < currentMessages.length; i++) {
-            var message = _objectSpread({}, currentMessages[i]);
-
-            message.id = messageIdx++;
-            currentMessages[i] = message;
+          for (var i = 0; i < value.length; i++) {
+            value[i].id = messageIdx++;
+            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
           }
-
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(currentMessages));
         } else {
-          var currentMessage = _objectSpread({}, value);
-
-          currentMessage.id = messageIdx++;
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [currentMessage]) : [currentMessage];
+          value.id = messageIdx++;
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
         }
 
         messagesState.length === 0 && utils.ZIndexUtils.set('toast', containerRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['toast']);
@@ -271,6 +260,11 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
       setMessagesState([]);
     };
 
+    var replace = function replace(value) {
+      var replaced = Array.isArray(value) ? value : [value];
+      setMessagesState(replaced);
+    };
+
     var onClose = function onClose(message) {
       var messages = messagesState.filter(function (msg) {
         return msg.id !== message.id;
@@ -284,7 +278,7 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     };
 
     var onExited = function onExited() {
-      messagesState.length === 0 && utils.ZIndexUtils.clear(containerRef.current);
+      messagesState.length === 1 && utils.ZIndexUtils.clear(containerRef.current);
       props.onHide && props.onHide();
     };
 
@@ -293,8 +287,13 @@ this.primereact.toast = (function (exports, React, reactTransitionGroup, PrimeRe
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         show: show,
-        clear: clear
+        replace: replace,
+        clear: clear,
+        getElement: function getElement() {
+          return containerRef.current;
+        }
       };
     });
 

package/toast/toast.min.css

@@ -1 +1 @@
-.p-toast{position:fixed;width:25rem}.p-toast-message-content{display:flex;align-items:flex-start}.p-toast-message-text{flex:1 1 auto}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.p-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.p-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;transform:translateY(50%)}.p-toast-message-enter-active{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}.p-toast-message-enter-done{transform:none}.p-toast-message-exit{opacity:1;max-height:1000px}.p-toast-message-exit-active{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}
+.p-toast{position:fixed;width:25rem}.p-toast-message-content{display:flex;align-items:flex-start}.p-toast-message-text{flex:1 1 auto}.p-toast-detail{overflow-wrap:anywhere}.p-toast-top-right{top:20px;right:20px}.p-toast-top-left{top:20px;left:20px}.p-toast-bottom-left{bottom:20px;left:20px}.p-toast-bottom-right{bottom:20px;right:20px}.p-toast-top-center{top:20px;left:50%;transform:translateX(-50%)}.p-toast-bottom-center{bottom:20px;left:50%;transform:translateX(-50%)}.p-toast-center{left:50%;top:50%;min-width:20vw;transform:translate(-50%,-50%)}.p-toast-icon-close{display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.p-toast-icon-close.p-link{cursor:pointer}.p-toast-message-enter{opacity:0;transform:translateY(50%)}.p-toast-message-enter-active{opacity:1;transform:translateY(0);transition:transform .3s,opacity .3s}.p-toast-message-enter-done{transform:none}.p-toast-message-exit{opacity:1;max-height:1000px}.p-toast-message-exit-active{opacity:0;max-height:0;margin-bottom:0;overflow:hidden;transition:max-height .45s cubic-bezier(0,1,0,1),opacity .3s,margin-bottom .3s}

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,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{props:e,show:d,replace:b,clear:y,getElement:function(){return u.current}}}));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);

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);