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.4 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-transition-group"),n=require("primereact/api"),o=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),s=require("primereact/portal"),i=require("primereact/utils"),l=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),u=require("primereact/icons/infocircle"),m=require("primereact/icons/times"),p=require("primereact/icons/timescircle"),d=require("primereact/ripple");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(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=y(e),h=f(n);function v(){return v=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},v.apply(this,arguments)}function b(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 E(e){if(Array.isArray(e))return b(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return b(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)?b(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 w(e){return E(e)||N(e)||S(e)||T()}function x(e){if(Array.isArray(e))return e}function A(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 O(){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 I(e,t){return x(e)||A(e,t)||S(e,t)||O()}function M(e){return M="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},M(e)}function _(e,t){if("object"!==M(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==M(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function P(e){var t=_(e,"string");return"symbol"===M(t)?t:String(t)}function C(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var R=o.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 i.classNames("p-toast p-component p-toast-"+t.position,t.className,{"p-input-filled":n&&"filled"===n.inputStyle||"filled"===h.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===h.default.ripple})},message:{message:function(e){var t=e.severity;return i.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 j(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,P(o.key),o)}}function L(e,t,n){return t&&j(e.prototype,t),n&&j(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function D(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var k=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"}),U=L((function e(){D(this,e)}));C(U,"ripple",!1),C(U,"inputStyle","outlined"),C(U,"locale","en"),C(U,"appendTo",null),C(U,"cssTransition",!0),C(U,"autoZIndex",!0),C(U,"hideOverlaysOnDocumentScrolling",!1),C(U,"nonce",null),C(U,"nullSortOrder",1),C(U,"zIndex",{modal:1100,overlay:1e3,menu:1e3,tooltip:1100,toast:1200}),C(U,"pt",void 0),C(U,"filterMatchModeOptions",{text:[k.STARTS_WITH,k.CONTAINS,k.NOT_CONTAINS,k.ENDS_WITH,k.EQUALS,k.NOT_EQUALS],numeric:[k.EQUALS,k.NOT_EQUALS,k.LESS_THAN,k.LESS_THAN_OR_EQUAL_TO,k.GREATER_THAN,k.GREATER_THAN_OR_EQUAL_TO],date:[k.DATE_IS,k.DATE_IS_NOT,k.DATE_BEFORE,k.DATE_AFTER]}),C(U,"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 H={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 q(e,t){if(e.includes("__proto__")||e.includes("prototype"))throw new Error("Unsafe key detected");var n=t||U.locale;try{return F(n)[e]}catch(t){throw new Error("The ".concat(e," option is not found in the current locale('").concat(n,"')."))}}function F(e){var t=e||U.locale;if(t.includes("__proto__")||t.includes("prototype"))throw new Error("Unsafe locale detected");return H[t]}function B(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 W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Z=g.memo(g.forwardRef((function(e,t){var n=a.useMergeProps(),o=e.messageInfo,r=e.ptCallbacks,s=r.ptm,f=r.ptmo,y=r.cx,h=o.message,v=h.severity,b=h.content,E=h.summary,N=h.detail,S=h.closable,T=h.life,w=h.sticky,x=h.className,A=h.style,O=h.contentClassName,M=h.contentStyle,_=h.icon,P=h.closeIcon,C=h.pt,R={index:e.index},j=W(W({},e.metaData),R),L=I(g.useState(!1),2),D=L[1],k=I(a.useTimeout((function(){H()}),T||3e3,!w&&!L[0]),1)[0],U=function(t,n){return s(t,W({hostName:e.hostName},n))},H=function(){k(),e.onClose&&e.onClose(o)},F=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(o.message)},B=function(){if(o){var t=i.ObjectUtils.getJSXElement(b,{message:o.message,onClick:F,onClose:H}),r=n({className:y("message.icon")},U("icon",j),f(C,"icon",W(W({},R),{},{hostName:e.hostName}))),a=_;if(!_)switch(v){case"info":a=g.createElement(u.InfoCircleIcon,r);break;case"warn":a=g.createElement(c.ExclamationTriangleIcon,r);break;case"error":a=g.createElement(p.TimesCircleIcon,r);break;case"success":a=g.createElement(l.CheckIcon,r)}var s=i.IconUtils.getJSXIcon(a,W({},r),{props:e}),m=n({className:y("message.text")},U("text",j),f(C,"text",W(W({},R),{},{hostName:e.hostName}))),d=n({className:y("message.summary")},U("summary",j),f(C,"summary",W(W({},R),{},{hostName:e.hostName}))),h=n({className:y("message.detail")},U("detail",j),f(C,"detail",W(W({},R),{},{hostName:e.hostName})));return t||g.createElement(g.Fragment,null,s,g.createElement("div",m,g.createElement("span",d,E),N&&g.createElement("div",h,N)))}return null}(),Z=function(){var t=n({className:y("message.buttonicon")},U("buttonicon",j),f(C,"buttonicon",W(W({},R),{},{hostName:e.hostName}))),o=i.IconUtils.getJSXIcon(P||g.createElement(m.TimesIcon,t),W({},t),{props:e}),r=e.ariaCloseLabel||q("close"),a=n({type:"button",className:y("message.closeButton"),onClick:H,"aria-label":r},U("closeButton",j),f(C,"closeButton",W(W({},R),{},{hostName:e.hostName})));return!1!==S?g.createElement("div",null,g.createElement("button",a,o,g.createElement(d.Ripple,null))):null}(),J=n({ref:t,className:i.classNames(x,y("message.message",{severity:v})),style:A,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),f(C,"root",W(W({},R),{},{hostName:e.hostName}))),Y=n({className:i.classNames(O,y("message.content")),style:M},U("content",j),f(C,"content",W(W({},R),{},{hostName:e.hostName})));return g.createElement("div",J,g.createElement("div",Y,B,Z))})));Z.displayName="ToastMessage";var J=0,Y=g.memo(g.forwardRef((function(e,l){var c=a.useMergeProps(),u=g.useContext(n.PrimeReactContext),m=R.getProps(e,u),p=I(g.useState([]),2),d=p[0],f=p[1],y=g.useRef(null),b={props:m,state:{messages:d}},E=R.setMetaData(b);o.useHandleStyle(R.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:J++,message:t}),e}),[]);o=n&&e?[].concat(w(e),w(r)):r}else{var a={_pId:J++,message:t};o=n&&e?[].concat(w(e),[a]):[a]}return o},T=function(){i.ZIndexUtils.clear(y.current),f([])},x=function(e){f((function(t){return S(t,e,!1)}))},A=function(e){var t=e._pId?e._pId:e.message||e;f((function(n){return n.filter((function(n){return n._pId!==e._pId&&!i.ObjectUtils.deepEquals(n.message,t)}))})),m.onRemove&&m.onRemove(e.message||t)},O=function(e){A(e)},M=function(){m.onShow&&m.onShow()},_=function(){1===d.length&&i.ZIndexUtils.clear(y.current),m.onHide&&m.onHide()};a.useUpdateEffect((function(){i.ZIndexUtils.set("toast",y.current,u&&u.autoZIndex||h.default.autoZIndex,m.baseZIndex||u&&u.zIndex.toast||h.default.zIndex.toast)}),[d,m.baseZIndex]),a.useUnmountEffect((function(){i.ZIndexUtils.clear(y.current)})),g.useImperativeHandle(l,(function(){return{props:m,show:N,replace:x,remove:A,clear:T,getElement:function(){return y.current}}}));var P,C,j=(P=c({ref:y,id:m.id,className:E.cx("root",{context:u}),style:E.sx("root")},R.getOtherProps(m),E.ptm("root")),C=c({classNames:E.cx("transition"),timeout:{enter:300,exit:300},options:m.transitionOptions,unmountOnExit:!0,onEntered:M,onExited:_},E.ptm("transition")),g.createElement("div",P,g.createElement(t.TransitionGroup,null,d&&d.map((function(t,n){var o=g.createRef();return g.createElement(r.CSSTransition,v({nodeRef:o,key:t._pId},C),e.content?i.ObjectUtils.getJSXElement(e.content,{message:t.message}):g.createElement(Z,{hostName:"Toast",ref:o,messageInfo:t,index:n,onClick:m.onClick,onClose:O,onMouseEnter:m.onMouseEnter,onMouseLeave:m.onMouseLeave,closeIcon:m.closeIcon,ptCallbacks:E,metaData:b}))})))));return g.createElement(s.Portal,{element:j,appendTo:m.appendTo})})));Y.displayName="Toast",exports.Toast=Y;