primereact 8.7.2 → 9.0.0-beta.1

package/toast/toast.cjs.js

@@ -38,14 +38,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -53,11 +51,9 @@ function _extends() {
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) {
     arr2[i] = arr[i];
   }
-
   return arr2;
 }
 
@@ -91,33 +87,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -128,7 +124,34 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -139,7 +162,6 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
 
@@ -149,10 +171,9 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
-
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
@@ -191,23 +212,14 @@ var FilterMatchMode = Object.freeze({
 var PrimeReact = /*#__PURE__*/_createClass(function PrimeReact() {
   _classCallCheck(this, PrimeReact);
 });
-
 _defineProperty(PrimeReact, "ripple", false);
-
 _defineProperty(PrimeReact, "inputStyle", 'outlined');
-
 _defineProperty(PrimeReact, "locale", 'en');
-
 _defineProperty(PrimeReact, "appendTo", null);
-
 _defineProperty(PrimeReact, "cssTransition", true);
-
 _defineProperty(PrimeReact, "autoZIndex", true);
-
 _defineProperty(PrimeReact, "nonce", null);
-
 _defineProperty(PrimeReact, "nullSortOrder", 1);
-
 _defineProperty(PrimeReact, "zIndex", {
   modal: 1100,
   overlay: 1000,
@@ -215,7 +227,6 @@ _defineProperty(PrimeReact, "zIndex", {
   tooltip: 1100,
   toast: 1200
 });
-
 _defineProperty(PrimeReact, "filterMatchModeOptions", {
   text: [FilterMatchMode.STARTS_WITH, FilterMatchMode.CONTAINS, FilterMatchMode.NOT_CONTAINS, FilterMatchMode.ENDS_WITH, FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS],
   numeric: [FilterMatchMode.EQUALS, FilterMatchMode.NOT_EQUALS, FilterMatchMode.LESS_THAN, FilterMatchMode.LESS_THAN_OR_EQUAL_TO, FilterMatchMode.GREATER_THAN, FilterMatchMode.GREATER_THAN_OR_EQUAL_TO],
@@ -284,87 +295,78 @@ var locales = {
     }
   }
 };
-
 function localeOption(key, locale) {
   var _locale = locale || PrimeReact.locale;
-
   try {
     return localeOptions(_locale)[key];
   } catch (error) {
     throw new Error("The ".concat(key, " option is not found in the current locale('").concat(_locale, "')."));
   }
 }
-
 function localeOptions(locale) {
   var _locale = locale || PrimeReact.locale;
-
   return locales[_locale];
 }
 
 var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   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;
-
+    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 _React$useState = React__namespace.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      focused = _React$useState2[0],
-      setFocused = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    focused = _React$useState2[0],
+    setFocused = _React$useState2[1];
   var _useTimeout = hooks.useTimeout(function () {
-    onClose();
-  }, life || 3000, !sticky && !focused),
-      _useTimeout2 = _slicedToArray(_useTimeout, 1),
-      clearTimer = _useTimeout2[0];
-
+      onClose();
+    }, life || 3000, !sticky && !focused),
+    _useTimeout2 = _slicedToArray(_useTimeout, 1),
+    clearTimer = _useTimeout2[0];
   var onClose = function onClose() {
     clearTimer();
     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(messageInfo.message);
     }
   };
-
   var onMouseEnter = function onMouseEnter(event) {
-    props.onMouseEnter && props.onMouseEnter(event); // do not continue if the user has canceled the event
+    props.onMouseEnter && props.onMouseEnter(event);
 
+    // do not continue if the user has canceled the event
     if (event.defaultPrevented) {
       return;
-    } // stop timer while user has focused message
-
+    }
 
+    // stop timer while user has focused message
     if (!sticky) {
       clearTimer();
       setFocused(true);
     }
   };
-
   var onMouseLeave = function onMouseLeave(event) {
-    props.onMouseLeave && props.onMouseLeave(event); // do not continue if the user has canceled the event
+    props.onMouseLeave && props.onMouseLeave(event);
 
+    // do not continue if the user has canceled the event
     if (event.defaultPrevented) {
       return;
-    } // restart timer when user has left message
-
+    }
 
+    // restart timer when user has left message
     if (!sticky) {
       setFocused(false);
     }
   };
-
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
       return /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("button", {
@@ -377,10 +379,8 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
     }
-
     return null;
   };
-
   var createMessage = function createMessage() {
     if (messageInfo) {
       var contentEl = utils.ObjectUtils.getJSXElement(content, {
@@ -404,10 +404,8 @@ var ToastMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
         className: "p-toast-detail"
       }, detail)));
     }
-
     return null;
   };
-
   var className = utils.classNames('p-toast-message', _defineProperty({}, "p-toast-message-".concat(severity), severity), _className);
   var contentClassName = utils.classNames('p-toast-message-content', _contentClassName);
   var message = createMessage();
@@ -432,12 +430,10 @@ ToastMessage.displayName = 'ToastMessage';
 var messageIdx = 0;
 var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      messagesState = _React$useState2[0],
-      setMessagesState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    messagesState = _React$useState2[0],
+    setMessagesState = _React$useState2[1];
   var containerRef = React__namespace.useRef(null);
-
   var show = function show(messageInfo) {
     if (messageInfo) {
       var messages = assignIdentifiers(messageInfo, true);
@@ -445,10 +441,8 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       setMessagesState(messages);
     }
   };
-
   var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
     var messages;
-
     if (Array.isArray(messageInfo)) {
       var multipleMessages = messageInfo.reduce(function (acc, message) {
         acc.push({
@@ -457,7 +451,6 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         });
         return acc;
       }, []);
-
       if (copy) {
         messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
       } else {
@@ -468,27 +461,22 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
         _pId: messageIdx++,
         message: messageInfo
       };
-
       if (copy) {
         messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
       } else {
         messages = [message];
       }
     }
-
     return messages;
   };
-
   var clear = function clear() {
     utils.ZIndexUtils.clear(containerRef.current);
     setMessagesState([]);
   };
-
   var replace = function replace(messageInfo) {
     var replaced = assignIdentifiers(messageInfo, false);
     setMessagesState(replaced);
   };
-
   var remove = function remove(messageInfo) {
     var messages = messagesState.filter(function (msg) {
       return msg._pId !== messageInfo._pId;
@@ -496,20 +484,16 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
     setMessagesState(messages);
     props.onRemove && props.onRemove(messageInfo.message);
   };
-
   var onClose = function onClose(messageInfo) {
     remove(messageInfo);
   };
-
   var onEntered = function onEntered() {
     props.onShow && props.onShow();
   };
-
   var onExited = function onExited() {
     messagesState.length === 1 && utils.ZIndexUtils.clear(containerRef.current);
     props.onHide && props.onHide();
   };
-
   hooks.useUnmountEffect(function () {
     utils.ZIndexUtils.clear(containerRef.current);
   });
@@ -525,16 +509,18 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }
     };
   });
-
   var createElement = function createElement() {
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Toast.defaultProps);
-    var className = utils.classNames('p-toast p-component p-toast-' + props.position, props.className);
+    var className = utils.classNames('p-toast p-component p-toast-' + props.position, props.className, {
+      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+    });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: containerRef,
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (messageInfo) {
+    }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState && messagesState.map(function (messageInfo) {
       var messageRef = /*#__PURE__*/React__namespace.createRef();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: messageRef,
@@ -558,7 +544,6 @@ var Toast = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }));
     })));
   };
-
   var element = createElement();
   return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
     element: element,

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"),n=require("primereact/api"),a=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/ripple");function i(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 a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=u(e),m=i(n);function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},p.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function f(e){if(Array.isArray(e))return d(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(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 T(){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 f(e)||y(e)||E(e)||T()}function v(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],l=!0,s=!1;try{for(n=n.call(e);!(l=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);l=!0);}catch(e){s=!0,r=e}finally{try{l||null==n.return||n.return()}finally{if(s)throw r}}return o}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,t){return v(e)||N(e,t)||E(e,t)||S()}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function A(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function _(e,t,n){return t&&A(e.prototype,t),n&&A(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function O(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var I=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),L=_((function e(){O(this,e)}));h(L,"ripple",!1),h(L,"inputStyle","outlined"),h(L,"locale","en"),h(L,"appendTo",null),h(L,"cssTransition",!0),h(L,"autoZIndex",!0),h(L,"nonce",null),h(L,"nullSortOrder",1),h(L,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),h(L,"filterMatchModeOptions",{text:[I.STARTS_WITH,I.CONTAINS,I.NOT_CONTAINS,I.ENDS_WITH,I.EQUALS,I.NOT_EQUALS],numeric:[I.EQUALS,I.NOT_EQUALS,I.LESS_THAN,I.LESS_THAN_OR_EQUAL_TO,I.GREATER_THAN,I.GREATER_THAN_OR_EQUAL_TO],date:[I.DATE_IS,I.DATE_IS_NOT,I.DATE_BEFORE,I.DATE_AFTER]});var C={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",pageLabel:"Page",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function M(e,t){var n=t||L.locale;try{return R(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function R(e){return C[e||L.locale]}var w=c.memo(c.forwardRef((function(e,t){var n=e.messageInfo,a=n.message,o=a.severity,i=a.content,u=a.summary,m=a.detail,p=a.closable,d=a.life,f=a.sticky,y=a.className,E=a.style,T=a.contentClassName,b=a.contentStyle,v=g(c.useState(!1),2),N=v[1],S=g(r.useTimeout((function(){A()}),d||3e3,!f&&!v[0]),1)[0],A=function(){S(),e.onClose&&e.onClose(n)},_=function(t){!e.onClick||l.DomHandler.hasClass(t.target,"p-toast-icon-close")||l.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(n.message)},O=l.classNames("p-toast-message",h({},"p-toast-message-".concat(o),o),y),I=l.classNames("p-toast-message-content",T),L=function(){if(n){var e=l.ObjectUtils.getJSXElement(i,{message:n.message,onClick:_,onClose:A}),t=l.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===o,"pi-exclamation-triangle":"warn"===o,"pi-times":"error"===o,"pi-check":"success"===o});return e||c.createElement(c.Fragment,null,c.createElement("span",{className:t}),c.createElement("div",{className:"p-toast-message-text"},c.createElement("span",{className:"p-toast-summary"},u),m&&c.createElement("div",{className:"p-toast-detail"},m)))}return null}(),C=!1!==p?c.createElement("div",null,c.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:A,"aria-label":M("close")},c.createElement("span",{className:"p-toast-icon-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(s.Ripple,null))):null;return c.createElement("div",{ref:t,className:O,style:E,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:_,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||f||(S(),N(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||f||N(!1)}},c.createElement("div",{className:I,style:b},L,C))})));w.displayName="ToastMessage";var P=0,x=c.memo(c.forwardRef((function(e,n){var s=g(c.useState([]),2),i=s[0],u=s[1],d=c.useRef(null),f=function(t){if(t){var n=y(t,!0);0===i.length&&l.ZIndexUtils.set("toast",d.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.toast),u(n)}},y=function(e,t){var n;if(Array.isArray(e)){var a=e.reduce((function(e,t){return e.push({_pId:P++,message:t}),e}),[]);n=t&&i?[].concat(b(i),b(a)):a}else{var r={_pId:P++,message:e};n=t&&i?[].concat(b(i),[r]):[r]}return n},E=function(){l.ZIndexUtils.clear(d.current),u([])},T=function(e){var t=y(e,!1);u(t)},v=function(t){var n=i.filter((function(e){return e._pId!==t._pId}));u(n),e.onRemove&&e.onRemove(t.message)},N=function(e){v(e)},S=function(){e.onShow&&e.onShow()},h=function(){1===i.length&&l.ZIndexUtils.clear(d.current),e.onHide&&e.onHide()};r.useUnmountEffect((function(){l.ZIndexUtils.clear(d.current)})),c.useImperativeHandle(n,(function(){return{props:e,show:f,replace:T,remove:v,clear:E,getElement:function(){return d.current}}}));var A,_,O=(A=l.ObjectUtils.findDiffKeys(e,x.defaultProps),_=l.classNames("p-toast p-component p-toast-"+e.position,e.className),c.createElement("div",p({ref:d,id:e.id,className:_,style:e.style},A),c.createElement(t.TransitionGroup,null,i.map((function(t){var n=c.createRef();return c.createElement(a.CSSTransition,{nodeRef:n,key:t._pId,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:S,onExited:h,options:e.transitionOptions},c.createElement(w,{ref:n,messageInfo:t,onClick:e.onClick,onClose:N,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave}))})))));return c.createElement(o.Portal,{element:O,appendTo:e.appendTo})})));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,onMouseEnter:null,onMouseLeave:null},exports.Toast=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),r=require("primereact/csstransition"),a=require("primereact/hooks"),o=require("primereact/portal"),l=require("primereact/utils"),s=require("primereact/ripple");function i(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 c=u(e),f=i(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function p(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 p(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 p(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)?p(e,t):void 0}}function E(){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 v(e){return d(e)||y(e)||b(e)||E()}function T(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,l,s=[],i=!0,u=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(s.push(r.value),s.length!==t);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(u)throw a}}return s}}function g(){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 N(e,t){return T(e)||S(e,t)||b(e,t)||g()}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function A(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==h(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function O(e){var t=A(e,"string");return"symbol"===h(t)?t:String(t)}function _(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,O(r.key),r)}}function L(e,t,n){return t&&I(e.prototype,t),n&&I(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function C(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var M=Object.freeze({STARTS_WITH:"startsWith",CONTAINS:"contains",NOT_CONTAINS:"notContains",ENDS_WITH:"endsWith",EQUALS:"equals",NOT_EQUALS:"notEquals",IN:"in",LESS_THAN:"lt",LESS_THAN_OR_EQUAL_TO:"lte",GREATER_THAN:"gt",GREATER_THAN_OR_EQUAL_TO:"gte",BETWEEN:"between",DATE_IS:"dateIs",DATE_IS_NOT:"dateIsNot",DATE_BEFORE:"dateBefore",DATE_AFTER:"dateAfter",CUSTOM:"custom"}),R=L((function e(){C(this,e)}));_(R,"ripple",!1),_(R,"inputStyle","outlined"),_(R,"locale","en"),_(R,"appendTo",null),_(R,"cssTransition",!0),_(R,"autoZIndex",!0),_(R,"nonce",null),_(R,"nullSortOrder",1),_(R,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),_(R,"filterMatchModeOptions",{text:[M.STARTS_WITH,M.CONTAINS,M.NOT_CONTAINS,M.ENDS_WITH,M.EQUALS,M.NOT_EQUALS],numeric:[M.EQUALS,M.NOT_EQUALS,M.LESS_THAN,M.LESS_THAN_OR_EQUAL_TO,M.GREATER_THAN,M.GREATER_THAN_OR_EQUAL_TO],date:[M.DATE_IS,M.DATE_IS_NOT,M.DATE_BEFORE,M.DATE_AFTER]});var w={en:{startsWith:"Starts with",contains:"Contains",notContains:"Not contains",endsWith:"Ends with",equals:"Equals",notEquals:"Not equals",noFilter:"No Filter",filter:"Filter",lt:"Less than",lte:"Less than or equal to",gt:"Greater than",gte:"Greater than or equal to",dateIs:"Date is",dateIsNot:"Date is not",dateBefore:"Date is before",dateAfter:"Date is after",custom:"Custom",clear:"Clear",close:"Close",apply:"Apply",matchAll:"Match All",matchAny:"Match Any",addRule:"Add Rule",removeRule:"Remove Rule",accept:"Yes",reject:"No",choose:"Choose",upload:"Upload",cancel:"Cancel",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],monthNamesShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],today:"Today",weekHeader:"Wk",firstDayOfWeek:0,dateFormat:"mm/dd/yy",weak:"Weak",medium:"Medium",strong:"Strong",passwordPrompt:"Enter a password",emptyFilterMessage:"No available options",emptyMessage:"No results found",aria:{trueLabel:"True",falseLabel:"False",nullLabel:"Not Selected",pageLabel:"Page",firstPageLabel:"First Page",lastPageLabel:"Last Page",nextPageLabel:"Next Page",previousPageLabel:"Previous Page",selectLabel:"Select",unselectLabel:"Unselect",expandLabel:"Expand",collapseLabel:"Collapse"}}};function P(e,t){var n=t||R.locale;try{return j(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function j(e){return w[e||R.locale]}var x=c.memo(c.forwardRef((function(e,t){var n=e.messageInfo,r=n.message,o=r.severity,i=r.content,u=r.summary,f=r.detail,m=r.closable,p=r.life,d=r.sticky,y=r.className,b=r.style,E=r.contentClassName,v=r.contentStyle,T=N(c.useState(!1),2),S=T[1],g=N(a.useTimeout((function(){h()}),p||3e3,!d&&!T[0]),1)[0],h=function(){g(),e.onClose&&e.onClose(n)},A=function(t){!e.onClick||l.DomHandler.hasClass(t.target,"p-toast-icon-close")||l.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(n.message)},O=l.classNames("p-toast-message",_({},"p-toast-message-".concat(o),o),y),I=l.classNames("p-toast-message-content",E),L=function(){if(n){var e=l.ObjectUtils.getJSXElement(i,{message:n.message,onClick:A,onClose:h}),t=l.classNames("p-toast-message-icon pi",{"pi-info-circle":"info"===o,"pi-exclamation-triangle":"warn"===o,"pi-times":"error"===o,"pi-check":"success"===o});return e||c.createElement(c.Fragment,null,c.createElement("span",{className:t}),c.createElement("div",{className:"p-toast-message-text"},c.createElement("span",{className:"p-toast-summary"},u),f&&c.createElement("div",{className:"p-toast-detail"},f)))}return null}(),C=!1!==m?c.createElement("div",null,c.createElement("button",{type:"button",className:"p-toast-icon-close p-link",onClick:h,"aria-label":P("close")},c.createElement("span",{className:"p-toast-icon-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(s.Ripple,null))):null;return c.createElement("div",{ref:t,className:O,style:b,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:A,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||d||(g(),S(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||d||S(!1)}},c.createElement("div",{className:I,style:v},L,C))})));x.displayName="ToastMessage";var D=0,U=c.memo(c.forwardRef((function(e,n){var s=N(c.useState([]),2),i=s[0],u=s[1],p=c.useRef(null),d=function(t){if(t){var n=y(t,!0);0===i.length&&l.ZIndexUtils.set("toast",p.current,f.default.autoZIndex,e.baseZIndex||f.default.zIndex.toast),u(n)}},y=function(e,t){var n;if(Array.isArray(e)){var r=e.reduce((function(e,t){return e.push({_pId:D++,message:t}),e}),[]);n=t&&i?[].concat(v(i),v(r)):r}else{var a={_pId:D++,message:e};n=t&&i?[].concat(v(i),[a]):[a]}return n},b=function(){l.ZIndexUtils.clear(p.current),u([])},E=function(e){var t=y(e,!1);u(t)},T=function(t){var n=i.filter((function(e){return e._pId!==t._pId}));u(n),e.onRemove&&e.onRemove(t.message)},S=function(e){T(e)},g=function(){e.onShow&&e.onShow()},h=function(){1===i.length&&l.ZIndexUtils.clear(p.current),e.onHide&&e.onHide()};a.useUnmountEffect((function(){l.ZIndexUtils.clear(p.current)})),c.useImperativeHandle(n,(function(){return{props:e,show:d,replace:E,remove:T,clear:b,getElement:function(){return p.current}}}));var A,O,_=(A=l.ObjectUtils.findDiffKeys(e,U.defaultProps),O=l.classNames("p-toast p-component p-toast-"+e.position,e.className,{"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple}),c.createElement("div",m({ref:p,id:e.id,className:O,style:e.style},A),c.createElement(t.TransitionGroup,null,i&&i.map((function(t){var n=c.createRef();return c.createElement(r.CSSTransition,{nodeRef:n,key:t._pId,classNames:"p-toast-message",unmountOnExit:!0,timeout:{enter:300,exit:300},onEntered:g,onExited:h,options:e.transitionOptions},c.createElement(x,{ref:n,messageInfo:t,onClick:e.onClick,onClose:S,onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave}))})))));return c.createElement(o.Portal,{element:_,appendTo:e.appendTo})})));U.displayName="Toast",U.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,onMouseEnter:null,onMouseLeave:null},exports.Toast=U;

package/toast/toast.d.ts

@@ -1,44 +1,151 @@
+/**
+ *
+ * Toast is used to display messages in an overlay.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/toast/)
+ *
+ * @module toast
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 
-type ToastSeverityType = 'success' | 'info' | 'warn' | 'error';
-
-type ToastMessageType = ToastMessage | ToastMessage[];
-
-type ToastPositionType = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right';
-
-type ToastAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Message options for toast component
+ * @group Misc
+ */
 export interface ToastMessage {
-    severity?: ToastSeverityType;
-    summary?: React.ReactNode;
-    detail?: React.ReactNode;
-    content?: React.ReactNode;
-    closable?: boolean;
-    sticky?: boolean;
-    life?: number;
-    className?: string;
-    style?: React.CSSProperties;
-    contentClassName?: string;
-    contentStyle?: React.CSSProperties;
+    /**
+     * Severity of the message.
+     */
+    severity?: 'success' | 'info' | 'warn' | 'error' | undefined;
+    /**
+     * Summary content of the message.
+     */
+    summary?: React.ReactNode | undefined;
+    /**
+     * Detail content of the message.
+     */
+    detail?: React.ReactNode | undefined;
+    /**
+     * Custom content of the message. If enabled, summary and details properties are ignored.
+     */
+    content?: React.ReactNode | undefined;
+    /**
+     * Whether the message can be closed manually using the close icon.
+     * @defaultValue true
+     */
+    closable?: boolean | undefined;
+    /**
+     * When enabled, message is not removed automatically.
+     */
+    sticky?: boolean | undefined;
+    /**
+     * Delay in milliseconds to close the message automatically.
+     * @defaultValue 3000
+     */
+    life?: number | undefined;
+    /**
+     * Style class of the message.
+     */
+    className?: string | undefined;
+    /**
+     * Inline style of the message.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the message content.
+     */
+    contentClassName?: string | undefined;
+    /**
+     * Inline style of the message content.
+     */
+    contentStyle?: React.CSSProperties | undefined;
 }
 
+/**
+ * Defines valid properties in Toast component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface ToastProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    baseZIndex?: number;
-    position?: ToastPositionType;
-    transitionOptions?: CSSTransitionProps;
-    appendTo?: ToastAppendToType;
+    /**
+     * Base zIndex value to add to initial layering of PrimeReact components which start from 1000.
+     * @defaultValue 0
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * Position of the toast in viewport, valid values are "top-right", "top-left", "bottom-left" and "bottom-right".
+     * @defaultValue top-right
+     */
+    position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'top-center' | 'top-left' | 'top-right' | 'bottom-center' | 'bottom-left' | 'bottom-right' | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * DOM element instance where the component should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
+     * @defaultValue self
+     */
+    appendTo?: 'self' | HTMLElement | null | undefined;
+    /**
+     * Callback to invoke when an active tab is collapsed by clicking on the header.
+     * @param {ToastMessage} message - Clicked message
+     */
     onClick?(message: ToastMessage): void;
+    /**
+     * Callback to invoke when a message is removed.
+     * @param {ToastMessage} message - Removed message
+     */
     onRemove?(message: ToastMessage): void;
+    /**
+     * Callback to invoke when message becomes visible.
+     */
     onShow?(): void;
+    /**
+     * Callback to invoke when message becomes hidden.
+     */
     onHide?(): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Toast**
+ *
+ * _Toast is used to display messages in an overlay._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/toast/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Toast extends React.Component<ToastProps, any> {
-    public show(message: ToastMessageType): void;
+    /**
+     * Used to show the message.
+     * @param {ToastMessage | ToastMessage[]} message - Message to show
+     */
+    public show(message: ToastMessage | ToastMessage[]): void;
+    /**
+     * Clears the all messages from Toast.
+     */
     public clear(): void;
-    public replace(message: ToastMessageType): void;
-    public remove(message: ToastMessageType): void;
+    /**
+     * Used to add new messages after removing all old messages.
+     * @param {ToastMessage | ToastMessage[]} message - Message to replace
+     */
+    public replace(message: ToastMessage | ToastMessage[]): void;
+    /**
+     * Used to remove messages.
+     * @param {ToastMessage | ToastMessage[]} message - Message to remove
+     */
+    public remove(message: ToastMessage | ToastMessage[]): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }