primereact/toast/toast.min.js

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

this.primereact=this.primereact||{},this.primereact.toast=function(e,t,n,o,r,a,s,i,c,l,u,m,p,f,d){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 g=b(t),v=y(o);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)({}).hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},h.apply(null,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=Array(t);n<t;n++)o[n]=e[n];return o}function E(e){if(Array.isArray(e))return x(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.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)?x(e,t):void 0}}function O(){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 w(e){return E(e)||N(e)||I(e)||O()}function j(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 o,r,a,s,i=[],c=!0,l=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);c=!0);}catch(e){l=!0,r=e}finally{try{if(!c&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(l)throw r}}return i}}function C(){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)||S(e,t)||I(e,t)||C()}function k(e){return k="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},k(e)}function M(e,t){if("object"!=k(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!=k(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function T(e){var t=M(e,"string");return"symbol"==k(t)?t:t+""}function U(e,t,n){return(t=T(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _=r.ComponentBase.extend({defaultProps:{__TYPE:"Toast",id:null,className:null,content:null,style:null,baseZIndex:0,position:"top-right",transitionOptions:null,appendTo:"self",onClick:null,onRemove:null,onShow:null,onHide:null,onMouseEnter:null,onMouseLeave:null,children:void 0},css:{classes:{root:function(e){var t=e.props,n=e.context;return c.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===v.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===v.default.ripple})},message:{message:function(e){var t=e.severity;return c.classNames("p-toast-message",U({},"p-toast-message-".concat(t),t))},content:"p-toast-message-content",buttonicon:"p-toast-icon-close-icon",closeButton:"p-toast-icon-close p-link",icon:"p-toast-message-icon",text:"p-toast-message-text",summary:"p-toast-summary",detail:"p-toast-detail"},transition:"p-toast-message"},styles:"\n@layer primereact {\n    .p-toast {\n        width: calc(100% - var(--toast-indent, 0px));\n        max-width: 25rem;\n    }\n    \n    .p-toast-message-icon {\n        flex-shrink: 0;\n    }\n    \n    .p-toast-message-content {\n        display: flex;\n        align-items: flex-start;\n    }\n    \n    .p-toast-message-text {\n        flex: 1 1 auto;\n    }\n    \n    .p-toast-summary {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-detail {\n        overflow-wrap: anywhere;\n    }\n    \n    .p-toast-top-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-bottom-center {\n        transform: translateX(-50%);\n    }\n    \n    .p-toast-center {\n        min-width: 20vw;\n        transform: translate(-50%, -50%);\n    }\n    \n    .p-toast-icon-close {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n    }\n    \n    .p-toast-icon-close.p-link {\n        cursor: pointer;\n    }\n    \n    /* Animations */\n    .p-toast-message-enter {\n        opacity: 0;\n        transform: translateY(50%);\n    }\n    \n    .p-toast-message-enter-active {\n        opacity: 1;\n        transform: translateY(0);\n        transition: transform 0.3s, opacity 0.3s;\n    }\n    \n    .p-toast-message-enter-done {\n        transform: none;\n    }\n    \n    .p-toast-message-exit {\n        opacity: 1;\n        max-height: 1000px;\n    }\n    \n    .p-toast .p-toast-message.p-toast-message-exit-active {\n        opacity: 0;\n        max-height: 0;\n        margin-bottom: 0;\n        overflow: hidden;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n    }\n}\n",inlineStyles:{root:function(e){var t=e.props;return{position:"fixed",top:"top-right"===t.position||"top-left"===t.position||"top-center"===t.position?"20px":"center"===t.position?"50%":null,right:("top-right"===t.position||"bottom-right"===t.position)&&"20px",bottom:("bottom-left"===t.position||"bottom-right"===t.position||"bottom-center"===t.position)&&"20px",left:"top-left"===t.position||"bottom-left"===t.position?"20px":"center"===t.position||"top-center"===t.position||"bottom-center"===t.position?"50%":null}}}}});function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){U(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=g.memo(g.forwardRef((function(e,t){var n=s.useMergeProps(),r=e.messageInfo,a=e.ptCallbacks,i=a.ptm,y=a.ptmo,b=a.cx,v=r.message,h=v.severity,x=v.content,E=v.summary,N=v.detail,I=v.closable,O=v.life,w=v.sticky,j=v.className,S=v.style,C=v.contentClassName,k=v.contentStyle,M=v.icon,T=v.closeIcon,U=v.pt,_={index:e.index},A=R(R({},e.metaData),_),D=P(g.useState(!1),2),Z=D[1],L=P(s.useTimeout((function(){X()}),O||3e3,!w&&!D[0]),1)[0],H=function(t,n){return i(t,R({hostName:e.hostName},n))},X=function(){L(),e.onClose&&e.onClose(r)},B=function(t){!e.onClick||c.DomHandler.hasClass(t.target,"p-toast-icon-close")||c.DomHandler.hasClass(t.target,"p-toast-icon-close-icon")||e.onClick(r.message)},z=function(){if(r){var t=c.ObjectUtils.getJSXElement(x,{message:r.message,onClick:B,onClose:X}),o=n({className:b("message.icon")},H("icon",A),y(U,"icon",R(R({},_),{},{hostName:e.hostName}))),a=M;if(!M)switch(h){case"info":a=g.createElement(m.InfoCircleIcon,o);break;case"warn":a=g.createElement(u.ExclamationTriangleIcon,o);break;case"error":a=g.createElement(f.TimesCircleIcon,o);break;case"success":a=g.createElement(l.CheckIcon,o)}var s=c.IconUtils.getJSXIcon(a,R({},o),{props:e}),i=n({className:b("message.text")},H("text",A),y(U,"text",R(R({},_),{},{hostName:e.hostName}))),p=n({className:b("message.summary")},H("summary",A),y(U,"summary",R(R({},_),{},{hostName:e.hostName}))),d=n({className:b("message.detail")},H("detail",A),y(U,"detail",R(R({},_),{},{hostName:e.hostName})));return t||g.createElement(g.Fragment,null,s,g.createElement("div",i,g.createElement("span",p,E),N&&g.createElement("div",d,N)))}return null}(),J=function(){var t=n({className:b("message.buttonicon")},H("buttonicon",A),y(U,"buttonicon",R(R({},_),{},{hostName:e.hostName}))),r=c.IconUtils.getJSXIcon(T||g.createElement(p.TimesIcon,t),R({},t),{props:e}),a=n({type:"button",className:b("message.closeButton"),onClick:X,"aria-label":e.ariaCloseLabel||o.ariaLabel("close")},H("closeButton",A),y(U,"closeButton",R(R({},_),{},{hostName:e.hostName})));return!1!==I?g.createElement("div",null,g.createElement("button",a,r,g.createElement(d.Ripple,null))):null}(),Y=n({ref:t,className:c.classNames(j,b("message.message",{severity:h})),style:S,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:B,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||w||(L(),Z(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||w||Z(!1)}},H("message",A),y(U,"root",R(R({},_),{},{hostName:e.hostName}))),G=n({className:c.classNames(C,b("message.content")),style:k},H("content",A),y(U,"content",R(R({},_),{},{hostName:e.hostName})));return g.createElement("div",Y,g.createElement("div",G,z,J))})));D.displayName="ToastMessage";var Z=0,L=g.memo(g.forwardRef((function(e,t){var l=s.useMergeProps(),u=g.useContext(o.PrimeReactContext),m=_.getProps(e,u),p=P(g.useState([]),2),f=p[0],d=p[1],y=g.useRef(null),b={props:m,state:{messages:f}},x=_.setMetaData(b);r.useHandleStyle(_.css.styles,x.isUnstyled,{name:"toast"});var E=function(e){e&&d((function(t){return N(t,e,!0)}))},N=function(e,t,n){var o;if(Array.isArray(t)){var r=t.reduce((function(e,t){return e.push({_pId:Z++,message:t}),e}),[]);o=n&&e?[].concat(w(e),w(r)):r}else{var a={_pId:Z++,message:t};o=n&&e?[].concat(w(e),[a]):[a]}return o},I=function(){c.ZIndexUtils.clear(y.current),d([])},O=function(e){d((function(t){return N(t,e,!1)}))},j=function(e){var t=c.ObjectUtils.isNotEmpty(e._pId)?e._pId:e.message||e;d((function(n){return n.filter((function(n){return n._pId!==e._pId&&!c.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(e.message||t)},S=function(e){j(e)},C=function(){m.onShow&&m.onShow()},k=function(){1===f.length&&c.ZIndexUtils.clear(y.current),m.onHide&&m.onHide()};s.useUpdateEffect((function(){c.ZIndexUtils.set("toast",y.current,u&&u.autoZIndex||v.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||v.default.zIndex.toast)}),[f,m.baseZIndex]),s.useUnmountEffect((function(){c.ZIndexUtils.clear(y.current)})),g.useImperativeHandle(t,(function(){return{props:m,show:E,replace:O,remove:j,clear:I,getElement:function(){return y.current}}}));var M,T,U=(M=l({ref:y,id:m.id,className:x.cx("root",{context:u}),style:x.sx("root")},_.getOtherProps(m),x.ptm("root")),T=l({classNames:x.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:C,onExited:k},x.ptm("transition")),g.createElement("div",M,g.createElement(n.TransitionGroup,null,f&&f.map((function(t,n){var o=g.createRef();return g.createElement(a.CSSTransition,h({nodeRef:o,key:t._pId},T),e.content?c.ObjectUtils.getJSXElement(e.content,{message:t.message}):g.createElement(D,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:S,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:x,metaData:b}))})))));return g.createElement(i.Portal,{element:U,appendTo:m.appendTo})})));return L.displayName="Toast",e.Toast=L,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.portal,primereact.utils,primereact.icons.check,primereact.icons.exclamationtriangle,primereact.icons.infocircle,primereact.icons.times,primereact.icons.timescircle,primereact.ripple);