primereact
Version:
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
2 lines (1 loc) • 17.3 kB
JavaScript
this.primereact=this.primereact||{},this.primereact.toast=function(e,t,n,o,r,a,s,i,l,c,u,m,p,d,f){"use strict";function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function g(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 h=g(t),v=y(o);function b(){return b=Object.assign?Object.assign.bind():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},b.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function N(e){if(Array.isArray(e))return E(e)}function S(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function T(e,t){if(e){if("string"==typeof e)return E(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)?E(e,t):void 0}}function w(){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 A(e){return N(e)||S(e)||T(e)||w()}function O(e){if(Array.isArray(e))return e}function x(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,a,s,i=[],l=!0,c=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(o=a.call(n)).done)&&(i.push(o.value),i.length!==t);l=!0);}catch(e){c=!0,r=e}finally{try{if(!l&&null!=n.return&&(s=n.return(),Object(s)!==s))return}finally{if(c)throw r}}return i}}function I(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function M(e,t){return O(e)||x(e,t)||T(e,t)||I()}function _(e){return _="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},_(e)}function P(e,t){if("object"!==_(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==_(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function R(e){var t=P(e,"string");return"symbol"===_(t)?t:String(t)}function C(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var j=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 l.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 l.classNames("p-toast-message",C({},"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 L(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,R(o.key),o)}}function D(e,t,n){return t&&L(e.prototype,t),n&&L(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function k(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var U=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"}),H=D((function e(){k(this,e)}));C(H,"ripple",!1),C(H,"inputStyle","outlined"),C(H,"locale","en"),C(H,"appendTo",null),C(H,"cssTransition",!0),C(H,"autoZIndex",!0),C(H,"hideOverlaysOnDocumentScrolling",!1),C(H,"nonce",null),C(H,"nullSortOrder",1),C(H,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),C(H,"pt",void 0),C(H,"filterMatchModeOptions",{text:[U.STARTS_WITH,U.CONTAINS,U.NOT_CONTAINS,U.ENDS_WITH,U.EQUALS,U.NOT_EQUALS],numeric:[U.EQUALS,U.NOT_EQUALS,U.LESS_THAN,U.LESS_THAN_OR_EQUAL_TO,U.GREATER_THAN,U.GREATER_THAN_OR_EQUAL_TO],date:[U.DATE_IS,U.DATE_IS_NOT,U.DATE_BEFORE,U.DATE_AFTER]}),C(H,"changeTheme",(function(e,t,n,o){var r,a=document.getElementById(n);if(!a)throw Error("Element with id ".concat(n," not found."));var s=a.getAttribute("href").replace(e,t),i=document.createElement("link");i.setAttribute("rel","stylesheet"),i.setAttribute("id",n),i.setAttribute("href",s),i.addEventListener("load",(function(){o&&o()})),null===(r=a.parentNode)||void 0===r||r.replaceChild(i,a)}));var F={en:{accept:"Yes",addRule:"Add Rule",am:"AM",apply:"Apply",cancel:"Cancel",choose:"Choose",chooseDate:"Choose Date",chooseMonth:"Choose Month",chooseYear:"Choose Year",clear:"Clear",completed:"Completed",contains:"Contains",custom:"Custom",dateAfter:"Date is after",dateBefore:"Date is before",dateFormat:"mm/dd/yy",dateIs:"Date is",dateIsNot:"Date is not",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],dayNamesMin:["Su","Mo","Tu","We","Th","Fr","Sa"],dayNamesShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],emptyFilterMessage:"No results found",emptyMessage:"No available options",emptySearchMessage:"No results found",emptySelectionMessage:"No selected item",endsWith:"Ends with",equals:"Equals",fileSizeTypes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"],filter:"Filter",firstDayOfWeek:0,gt:"Greater than",gte:"Greater than or equal to",lt:"Less than",lte:"Less than or equal to",matchAll:"Match All",matchAny:"Match Any",medium:"Medium",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"],nextDecade:"Next Decade",nextHour:"Next Hour",nextMinute:"Next Minute",nextMonth:"Next Month",nextSecond:"Next Second",nextYear:"Next Year",noFilter:"No Filter",notContains:"Not contains",notEquals:"Not equals",now:"Now",passwordPrompt:"Enter a password",pending:"Pending",pm:"PM",prevDecade:"Previous Decade",prevHour:"Previous Hour",prevMinute:"Previous Minute",prevMonth:"Previous Month",prevSecond:"Previous Second",prevYear:"Previous Year",reject:"No",removeRule:"Remove Rule",searchMessage:"{0} results are available",selectionMessage:"{0} items selected",showMonthAfterYear:!1,startsWith:"Starts with",strong:"Strong",today:"Today",upload:"Upload",weak:"Weak",weekHeader:"Wk",aria:{cancelEdit:"Cancel Edit",close:"Close",collapseRow:"Row Collapsed",editRow:"Edit Row",expandRow:"Row Expanded",falseLabel:"False",filterConstraint:"Filter Constraint",filterOperator:"Filter Operator",firstPageLabel:"First Page",gridView:"Grid View",hideFilterMenu:"Hide Filter Menu",jumpToPageDropdownLabel:"Jump to Page Dropdown",jumpToPageInputLabel:"Jump to Page Input",lastPageLabel:"Last Page",listView:"List View",moveAllToSource:"Move All to Source",moveAllToTarget:"Move All to Target",moveBottom:"Move Bottom",moveDown:"Move Down",moveToSource:"Move to Source",moveToTarget:"Move to Target",moveTop:"Move Top",moveUp:"Move Up",navigation:"Navigation",next:"Next",nextPageLabel:"Next Page",nullLabel:"Not Selected",pageLabel:"Page {page}",otpLabel:"Please enter one time password character {0}",passwordHide:"Hide Password",passwordShow:"Show Password",previous:"Previous",previousPageLabel:"Previous Page",rotateLeft:"Rotate Left",rotateRight:"Rotate Right",rowsPerPageLabel:"Rows per page",saveEdit:"Save Edit",scrollTop:"Scroll Top",selectAll:"All items selected",selectRow:"Row Selected",showFilterMenu:"Show Filter Menu",slide:"Slide",slideNumber:"{slideNumber}",star:"1 star",stars:"{star} stars",trueLabel:"True",unselectAll:"All items unselected",unselectRow:"Row Unselected",zoomImage:"Zoom Image",zoomIn:"Zoom In",zoomOut:"Zoom Out"}}};function B(e,t){if(e.includes("__proto__")||e.includes("prototype"))throw new Error("Unsafe key detected");var n=t||H.locale;try{return W(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function W(e){var t=e||H.locale;if(t.includes("__proto__")||t.includes("prototype"))throw new Error("Unsafe locale detected");return F[t]}function Z(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 J(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Y=h.memo(h.forwardRef((function(e,t){var n=s.useMergeProps(),o=e.messageInfo,r=e.ptCallbacks,a=r.ptm,i=r.ptmo,y=r.cx,g=o.message,v=g.severity,b=g.content,E=g.summary,N=g.detail,S=g.closable,T=g.life,w=g.sticky,A=g.className,O=g.style,x=g.contentClassName,I=g.contentStyle,_=g.icon,P=g.closeIcon,R=g.pt,C={index:e.index},j=J(J({},e.metaData),C),L=M(h.useState(!1),2),D=L[1],k=M(s.useTimeout((function(){H()}),T||3e3,!w&&!L[0]),1)[0],U=function(t,n){return a(t,J({hostName:e.hostName},n))},H=function(){k(),e.onClose&&e.onClose(o)},F=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(o.message)},W=function(){if(o){var t=l.ObjectUtils.getJSXElement(b,{message:o.message,onClick:F,onClose:H}),r=n({className:y("message.icon")},U("icon",j),i(R,"icon",J(J({},C),{},{hostName:e.hostName}))),a=_;if(!_)switch(v){case"info":a=h.createElement(m.InfoCircleIcon,r);break;case"warn":a=h.createElement(u.ExclamationTriangleIcon,r);break;case"error":a=h.createElement(d.TimesCircleIcon,r);break;case"success":a=h.createElement(c.CheckIcon,r)}var s=l.IconUtils.getJSXIcon(a,J({},r),{props:e}),p=n({className:y("message.text")},U("text",j),i(R,"text",J(J({},C),{},{hostName:e.hostName}))),f=n({className:y("message.summary")},U("summary",j),i(R,"summary",J(J({},C),{},{hostName:e.hostName}))),g=n({className:y("message.detail")},U("detail",j),i(R,"detail",J(J({},C),{},{hostName:e.hostName})));return t||h.createElement(h.Fragment,null,s,h.createElement("div",p,h.createElement("span",f,E),N&&h.createElement("div",g,N)))}return null}(),Z=function(){var t=n({className:y("message.buttonicon")},U("buttonicon",j),i(R,"buttonicon",J(J({},C),{},{hostName:e.hostName}))),o=l.IconUtils.getJSXIcon(P||h.createElement(p.TimesIcon,t),J({},t),{props:e}),r=e.ariaCloseLabel||B("close"),a=n({type:"button",className:y("message.closeButton"),onClick:H,"aria-label":r},U("closeButton",j),i(R,"closeButton",J(J({},C),{},{hostName:e.hostName})));return!1!==S?h.createElement("div",null,h.createElement("button",a,o,h.createElement(f.Ripple,null))):null}(),Y=n({ref:t,className:l.classNames(A,y("message.message",{severity:v})),style:O,role:"alert","aria-live":"assertive","aria-atomic":"true",onClick:F,onMouseEnter:function(t){e.onMouseEnter&&e.onMouseEnter(t),t.defaultPrevented||w||(k(),D(!0))},onMouseLeave:function(t){e.onMouseLeave&&e.onMouseLeave(t),t.defaultPrevented||w||D(!1)}},U("message",j),i(R,"root",J(J({},C),{},{hostName:e.hostName}))),z=n({className:l.classNames(x,y("message.content")),style:I},U("content",j),i(R,"content",J(J({},C),{},{hostName:e.hostName})));return h.createElement("div",Y,h.createElement("div",z,W,Z))})));Y.displayName="ToastMessage";var z=0,G=h.memo(h.forwardRef((function(e,t){var c=s.useMergeProps(),u=h.useContext(o.PrimeReactContext),m=j.getProps(e,u),p=M(h.useState([]),2),d=p[0],f=p[1],y=h.useRef(null),g={props:m,state:{messages:d}},E=j.setMetaData(g);r.useHandleStyle(j.css.styles,E.isUnstyled,{name:"toast"});var N=function(e){e&&f((function(t){return S(t,e,!0)}))},S=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(A(e),A(r)):r}else{var a={_pId:z++,message:t};o=n&&e?[].concat(A(e),[a]):[a]}return o},T=function(){l.ZIndexUtils.clear(y.current),f([])},w=function(e){f((function(t){return S(t,e,!1)}))},O=function(e){var t=e._pId?e._pId:e.message||e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!l.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(e.message||t)},x=function(e){O(e)},I=function(){m.onShow&&m.onShow()},_=function(){1===d.length&&l.ZIndexUtils.clear(y.current),m.onHide&&m.onHide()};s.useUpdateEffect((function(){l.ZIndexUtils.set("toast",y.current,u&&u.autoZIndex||v.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||v.default.zIndex.toast)}),[d,m.baseZIndex]),s.useUnmountEffect((function(){l.ZIndexUtils.clear(y.current)})),h.useImperativeHandle(t,(function(){return{props:m,show:N,replace:w,remove:O,clear:T,getElement:function(){return y.current}}}));var P,R,C=(P=c({ref:y,id:m.id,className:E.cx("root",{context:u}),style:E.sx("root")},j.getOtherProps(m),E.ptm("root")),R=c({classNames:E.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:I,onExited:_},E.ptm("transition")),h.createElement("div",P,h.createElement(n.TransitionGroup,null,d&&d.map((function(t,n){var o=h.createRef();return h.createElement(a.CSSTransition,b({nodeRef:o,key:t._pId},R),e.content?l.ObjectUtils.getJSXElement(e.content,{message:t.message}):h.createElement(Y,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:x,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:E,metaData:g}))})))));return h.createElement(i.Portal,{element:C,appendTo:m.appendTo})})));return G.displayName="Toast",e.Toast=G,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);