myt-react-notify/lib/index.js

React Notification Super Light-Weight. Unique set-up, Easy, and NO-REGRETS.

module.exports=function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=10)}([function(t,e){t.exports=require("react")},function(t,e,n){t.exports=n(4)()},function(t,e){t.exports=require("myt-react-snippets")},function(t,e){t.exports=require("react-dom")},function(t,e,n){"use strict";var r=n(5);function o(){}function i(){}i.resetWarningCache=o,t.exports=function(){function t(t,e,n,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function e(){return t}t.isRequired=t;var n={array:t,bool:t,func:t,number:t,object:t,string:t,symbol:t,any:t,arrayOf:e,element:t,elementType:t,instanceOf:e,node:t,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},function(t,e,n){"use strict";t.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(t,e,n){var r=n(7),o=n(8);"string"==typeof(o=o.__esModule?o.default:o)&&(o=[[t.i,o,""]]);var i={insert:"head",singleton:!1},a=(r(o,i),o.locals?o.locals:{});t.exports=a},function(t,e,n){"use strict";var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var t={};return function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(t){n=null}t[e]=n}return t[e]}}(),a=[];function c(t){for(var e=-1,n=0;n<a.length;n++)if(a[n].identifier===t){e=n;break}return e}function u(t,e){for(var n={},r=[],o=0;o<t.length;o++){var i=t[o],u=e.base?i[0]+e.base:i[0],l=n[u]||0,f="".concat(u," ").concat(l);n[u]=l+1;var s=c(f),p={css:i[1],media:i[2],sourceMap:i[3]};-1!==s?(a[s].references++,a[s].updater(p)):a.push({identifier:f,updater:b(p,e),references:1}),r.push(f)}return r}function l(t){var e=document.createElement("style"),r=t.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(t){e.setAttribute(t,r[t])})),"function"==typeof t.insert)t.insert(e);else{var a=i(t.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(e)}return e}var f,s=(f=[],function(t,e){return f[t]=e,f.filter(Boolean).join("\n")});function p(t,e,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(t.styleSheet)t.styleSheet.cssText=s(e,o);else{var i=document.createTextNode(o),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(i,a[e]):t.appendChild(i)}}function d(t,e,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?t.setAttribute("media",o):t.removeAttribute("media"),i&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),t.styleSheet)t.styleSheet.cssText=r;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(r))}}var m=null,y=0;function b(t,e){var n,r,o;if(e.singleton){var i=y++;n=m||(m=l(e)),r=p.bind(null,n,i,!1),o=p.bind(null,n,i,!0)}else n=l(e),r=d.bind(null,n,e),o=function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(n)};return r(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;r(t=e)}else o()}}t.exports=function(t,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=o());var n=u(t=t||[],e);return function(t){if(t=t||[],"[object Array]"===Object.prototype.toString.call(t)){for(var r=0;r<n.length;r++){var o=c(n[r]);a[o].references--}for(var i=u(t,e),l=0;l<n.length;l++){var f=c(n[l]);0===a[f].references&&(a[f].updater(),a.splice(f,1))}n=i}}}},function(t,e,n){(e=n(9)(!1)).push([t.i,"* {\r\n\tbox-sizing: border-box;\r\n}\r\n.notify-template-wrapper {\r\n\tmargin: 0 10px;\r\n}\r\n.notify-template-wrapper + .notify-template-wrapper {\r\n\tmargin-top: 10px;\r\n}\r\n[id*='top'] > .notify-template-wrapper:first-child {\r\n\tmargin-top: 10px;\r\n}\r\n[id*='bottom'] > .notify-template-wrapper:last-child {\r\n\tmargin-bottom: 10px;\r\n}\r\n.notify-template-wrapper > * {\r\n\tmargin: 0 !important;\r\n}\r\n.fade-notify-in {\r\n\tanimation: fade-notify-in 1s ease-in;\r\n}\r\n\r\n.fade-notify-out {\r\n\tanimation: fade-notify-out 1s ease-out;\r\n\t-webkit-animation-fill-mode: both;\r\n\tanimation-fill-mode: both;\r\n}\r\n\r\n@keyframes fade-notify-out {\r\n\t0% {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 0;\r\n\t}\r\n}\r\n\r\n@keyframes fade-notify-in {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t100% {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n#notify-bottom-right {\r\n\tright: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n#notify-bottom-left {\r\n\tleft: 0;\r\n\tbottom: 0;\r\n}\r\n\r\n#notify-top-right {\r\n\tright: 0;\r\n}\r\n\r\n#notify-top-left {\r\n\tleft: 0;\r\n}\r\n\r\n#notify-bottom-right,\r\n#notify-bottom-left,\r\n#notify-top-right,\r\n#notify-top-left {\r\n\tposition: fixed;\r\n}\r\n\r\n#notify-top-left,\r\n#notify-top-right {\r\n\ttop: 0;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tjustify-content: flex-end;\r\n}\r\n",""]),t.exports=e},function(t,e,n){"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n=function(t,e){var n=t[1]||"",r=t[3];if(!r)return n;if(e&&"function"==typeof btoa){var o=(a=r,c=btoa(unescape(encodeURIComponent(JSON.stringify(a)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(c),"/*# ".concat(u," */")),i=r.sources.map((function(t){return"/*# sourceURL=".concat(r.sourceRoot||"").concat(t," */")}));return[n].concat(i).concat([o]).join("\n")}var a,c,u;return[n].join("\n")}(e,t);return e[2]?"@media ".concat(e[2]," {").concat(n,"}"):n})).join("")},e.i=function(t,n,r){"string"==typeof t&&(t=[[null,t,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<t.length;c++){var u=[].concat(t[c]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),e.push(u))}},e}},function(t,e,n){"use strict";n.r(e),n.d(e,"Render",(function(){return h})),n.d(e,"RenderHasId",(function(){return v})),n.d(e,"Notification",(function(){return E}));var r=n(0),o=n.n(r),i=n(1),a=n.n(i),c=n(2),u=(n(6),n(3)),l=document,f=l.createElement("div");f.id="myt-react-notify",l.body.appendChild(f);var s={},p=function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:36,n="",r=0;r<t;r++)n+=Math.floor(Math.random()*e).toString(e);return n};function d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function m(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?d(Object(n),!0).forEach((function(e){y(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function y(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function b(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}var h=function(t){var e=t.props.placement;if(e){var n="notify-"+e;if(!(n in s)){s[n]=[];var i=l.createElement("div");i.id=n,f.appendChild(i)}var a=t.props,c=a.id,d=a.cancel,y=void 0!==d&&d,h=(a.delay,a.timing,a.placement,a.template),v=b(a,["id","cancel","delay","timing","placement","template"]);c&&s[n].find((function(t){return t.props.id===c}))?s[n]=s[n].map((function(e){return e.props.id===c?Object(r.cloneElement)(t,m({},e.props,{},v,{key:e.key,cancel:y,template:m({},e.props.template,{},h)})):e})):y||s[n][n.includes("top")?"push":"unshift"](Object(r.cloneElement)(t,{key:p(),cancel:!1})),Object.keys(s).forEach((function(t){var e=l.getElementById(t);Object(u.render)(o.a.createElement(o.a.Fragment,null,s[t].map((function(e){var n=e.props,o=n.onExit,i=n.onExiting,a=n.onExited;return Object(r.cloneElement)(e,{key:e.key,allowRef:!0,onExit:function(t){if(o&&o(t),t){var n=t.style;n.zIndex=1032,n.height=t.offsetHeight+"px";var r="300ms ".concat((e.props.timing||1e3)-400,"ms");n.transition="height ".concat(r,", margin-top ").concat(r)}},onExiting:function(t){if(i&&i(t),t){var e=t.style;e.zIndex=1031,e.marginTop=e.height="0"}},onExited:function(n){a&&a(n),s[t]=s[t].filter((function(t){return t.key!==e.key}))}})}))),e)}))}},v=function(t){return Object.keys(s).some((function(e){return s[e].some((function(e){return e.props.id===t}))}))};function g(){return(g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}).apply(this,arguments)}function O(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var n=[],r=!0,o=!1,i=void 0;try{for(var a,c=t[Symbol.iterator]();!(r=(a=c.next()).done)&&(n.push(a.value),!e||n.length!==e);r=!0);}catch(t){o=!0,i=t}finally{try{r||null==c.return||c.return()}finally{if(o)throw i}}return n}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function j(t,e){if(null==t)return{};var n,r,o=function(t,e){if(null==t)return{};var n,r,o={},i=Object.keys(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||(o[n]=t[n]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(r=0;r<i.length;r++)n=i[r],e.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(t,n)&&(o[n]=t[n])}return o}var x={template:a.a.exact({title:a.a.string,message:a.a.oneOfType([a.a.string,a.a.element]),variant:a.a.oneOf(["success","primary","danger","warning"]),dismissible:a.a.bool}),animation:a.a.exact({enter:a.a.string.isRequired,exit:a.a.string.isRequired}),children:a.a.func,placement:a.a.oneOf(["top-left","top-right","bottom-left","bottom-right"]),timing:a.a.number,delay:a.a.number,cancel:a.a.bool},E=function(t){var e,n=t.template,i=n.title,a=n.message,u=n.variant,l=void 0===u?"default":u,f=n.dismissible,s=void 0===f||f,p=t.children,d=t.animation,m=(t.placement,t.timing),y=t.delay,b=t.cancel,h=j(t,["template","children","animation","placement","timing","delay","cancel"]),v=O(Object(r.useState)(!0),2),x=v[0],E=v[1],w=O(Object(r.useState)(null),2),S=w[0],T=w[1],P=o.a.createElement("div",{className:"notify-template-wrapper",onTouchStart:function(t){e=t.touches[0].clientX},onTouchEnd:function(t){e&&e<(t.touches[0]||t.changedTouches[0]).clientX&&E(!1)}},p?p(E):o.a.createElement("div",{className:"notify-template ".concat(l)},!!i&&o.a.createElement("b",null,i),o.a.createElement("div",{className:"message"},a),s&&o.a.createElement("button",{type:"button",onClick:function(){return E(!1)}},"×")));return o.a.useEffect((function(){return b&&E(!1),function(){return S&&clearTimeout(S)}}),[S,b]),o.a.createElement(c.Animation,g({},h,{className:d?"":"fade-notify",in:x,timing:m,suffix:d,onEntered:function(t){h.onEntered&&h.onEntered(t),y&&T(setTimeout((function(){E(!1)}),y))},onExited:function(t){h.onExited&&h.onExited(t),clearTimeout(S)}}),P)};E.defaultProps={template:{},placement:"bottom-right",timing:1e3,delay:5e3},E.propTypes=x}]);