react-awesome-toasts - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/index.js

@@ -1,2 +0,2 @@
-!function(t,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("react"),require("react-dom"));else if("function"==typeof define&&define.amd)define(["react","react-dom"],n);else{var e="object"==typeof exports?n(require("react"),require("react-dom")):n(t.React,t.ReactDOM);for(var o in e)("object"==typeof exports?exports:t)[o]=e[o]}}(window,function(t,n){return function(t){var n={};function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:o})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var r in t)e.d(o,r,function(n){return t[n]}.bind(null,r));return o},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="",e(e.s=9)}([function(n,e){n.exports=t},function(t,n,e){var o=e(8);"string"==typeof o&&(o=[[t.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};e(4)(o,r);o.locals&&(t.exports=o.locals)},function(t,n,e){var o=e(6);"string"==typeof o&&(o=[[t.i,o,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};e(4)(o,r);o.locals&&(t.exports=o.locals)},function(t,n){t.exports=function(t){var n=[];return n.toString=function(){return this.map(function(n){var e=function(t,n){var e=t[1]||"",o=t[3];if(!o)return e;if(n&&"function"==typeof btoa){var r=function(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}(o),a=o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"});return[e].concat(a).concat([r]).join("\n")}return[e].join("\n")}(n,t);return n[2]?"@media "+n[2]+"{"+e+"}":e}).join("")},n.i=function(t,e){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(o[a]=!0)}for(r=0;r<t.length;r++){var i=t[r];"number"==typeof i[0]&&o[i[0]]||(e&&!i[2]?i[2]=e:e&&(i[2]="("+i[2]+") and ("+e+")"),n.push(i))}},n}},function(t,n,e){var o={},r=function(t){var n;return function(){return void 0===n&&(n=t.apply(this,arguments)),n}}(function(){return window&&document&&document.all&&!window.atob}),a=function(t){var n={};return function(t,e){if("function"==typeof t)return t();if(void 0===n[t]){var o=function(t,n){return n?n.querySelector(t):document.querySelector(t)}.call(this,t,e);if(window.HTMLIFrameElement&&o instanceof window.HTMLIFrameElement)try{o=o.contentDocument.head}catch(t){o=null}n[t]=o}return n[t]}}(),i=null,s=0,c=[],u=e(7);function f(t,n){for(var e=0;e<t.length;e++){var r=t[e],a=o[r.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](r.parts[i]);for(;i<r.parts.length;i++)a.parts.push(m(r.parts[i],n))}else{var s=[];for(i=0;i<r.parts.length;i++)s.push(m(r.parts[i],n));o[r.id]={id:r.id,refs:1,parts:s}}}}function p(t,n){for(var e=[],o={},r=0;r<t.length;r++){var a=t[r],i=n.base?a[0]+n.base:a[0],s={css:a[1],media:a[2],sourceMap:a[3]};o[i]?o[i].parts.push(s):e.push(o[i]={id:i,parts:[s]})}return e}function _(t,n){var e=a(t.insertInto);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=c[c.length-1];if("top"===t.insertAt)o?o.nextSibling?e.insertBefore(n,o.nextSibling):e.appendChild(n):e.insertBefore(n,e.firstChild),c.push(n);else if("bottom"===t.insertAt)e.appendChild(n);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=a(t.insertAt.before,e);e.insertBefore(n,r)}}function l(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var n=c.indexOf(t);n>=0&&c.splice(n,1)}function d(t){var n=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var o=function(){0;return e.nc}();o&&(t.attrs.nonce=o)}return h(n,t.attrs),_(t,n),n}function h(t,n){Object.keys(n).forEach(function(e){t.setAttribute(e,n[e])})}function m(t,n){var e,o,r,a;if(n.transform&&t.css){if(!(a="function"==typeof n.transform?n.transform(t.css):n.transform.default(t.css)))return function(){};t.css=a}if(n.singleton){var c=s++;e=i||(i=d(n)),o=b.bind(null,e,c,!1),r=b.bind(null,e,c,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(e=function(t){var n=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",h(n,t.attrs),_(t,n),n}(n),o=function(t,n,e){var o=e.css,r=e.sourceMap,a=void 0===n.convertToAbsoluteUrls&&r;(n.convertToAbsoluteUrls||a)&&(o=u(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var i=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(i),s&&URL.revokeObjectURL(s)}.bind(null,e,n),r=function(){l(e),e.href&&URL.revokeObjectURL(e.href)}):(e=d(n),o=function(t,n){var e=n.css,o=n.media;o&&t.setAttribute("media",o);if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}.bind(null,e),r=function(){l(e)});return o(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;o(t=n)}else r()}}t.exports=function(t,n){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{},n.singleton||"boolean"==typeof n.singleton||(n.singleton=r()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom");var e=p(t,n);return f(e,n),function(t){for(var r=[],a=0;a<e.length;a++){var i=e[a];(s=o[i.id]).refs--,r.push(s)}t&&f(p(t,n),n);for(a=0;a<r.length;a++){var s;if(0===(s=r[a]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete o[s.id]}}}};var v=function(){var t=[];return function(n,e){return t[n]=e,t.filter(Boolean).join("\n")}}();function b(t,n,e,o){var r=e?"":o.css;if(t.styleSheet)t.styleSheet.cssText=v(n,r);else{var a=document.createTextNode(r),i=t.childNodes;i[n]&&t.removeChild(i[n]),i.length?t.insertBefore(a,i[n]):t.appendChild(a)}}},function(t,e){t.exports=n},function(t,n,e){(n=t.exports=e(3)(!1)).push([t.i,".Toast__root___242sR {\n    background: #313131;\n    border-radius: 4px;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    padding: 16px;\n    justify-content: space-between;\n    font-size: 14px;\n    position: relative;\n    box-shadow:\n        0 3px 5px -1px rgba(0, 0, 0, 0.2),\n        0 6px 10px 0 rgba(0, 0, 0, 0.14),\n        0 1px 18px 0 rgba(0, 0, 0, 0.12);\n}\n\n.Toast__action___FMxl_ {\n    margin-left: 16px;\n    background: none;\n    border: 0;\n    color: #4bcffa;\n    font-size: 14px;\n    cursor: pointer;\n    outline: none;\n    position: relative;\n    transition: opacity 0.15s ease-in-out;\n    opacity: 0.8;\n}\n\n.Toast__action___FMxl_:hover {\n    opacity: 1;\n}\n\n.Toast__action___FMxl_:active {\n    top: 1px;\n}\n\n.Toast__alert___3kHvI {\n    opacity: 0;\n    position: absolute;\n}\n\n.Toast__root--error___3uM5s {\n    background: #d32f2f;\n}\n\n.Toast__root--error___3uM5s .Toast__action___FMxl_ {\n    color: #fff;\n}",""]),n.locals={root:"Toast__root___242sR",action:"Toast__action___FMxl_",alert:"Toast__alert___3kHvI","root--error":"Toast__root--error___3uM5s"}},function(t,n){t.exports=function(t){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var e=n.protocol+"//"+n.host,o=e+n.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,n){var r,a=n.trim().replace(/^"(.*)"$/,function(t,n){return n}).replace(/^'(.*)'$/,function(t,n){return n});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?t:(r=0===a.indexOf("//")?a:0===a.indexOf("/")?e+a:o+a.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},function(t,n,e){(n=t.exports=e(3)(!1)).push([t.i,".ToastContainer__toast-container___3cSlj {\n    transition: 250ms cubic-bezier(0.0, 0.0, 0.2, 1);\n    transition-property: opacity, transform;\n    position: fixed;\n    will-change: opacity, transform;\n    width: 320px;\n}\n\n.ToastContainer__toast-container--bottom-left___2W2hb {\n    left: 16px;\n    bottom: 0;\n    padding-bottom: 16px;\n}\n\n.ToastContainer__toast-container--bottom-right___30aMN {\n    right: 16px;\n    bottom: 0;\n    padding-bottom: 16px;\n}\n\n.ToastContainer__toast-container--bottom-center___3CoTY {\n    left: 50%;\n    bottom: 0;\n    padding-bottom: 16px;\n    transform: translateX(-50%);\n}\n\n.ToastContainer__toast-container--top-left___2n_g1 {\n    left: 16px;\n    top: 0;\n    padding-top: 16px;\n}\n\n.ToastContainer__toast-container--top-right___gDBUK {\n    right: 16px;\n    top: 0;\n    padding-top: 16px;\n}\n\n.ToastContainer__toast-container--top-center___3SbTc {\n    left: 50%;\n    top: 0;\n    padding-top: 16px;\n    transform: translateX(-50%);\n}\n\n.ToastContainer__toast-container--bottom-left___2W2hb.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--bottom-right___30aMN.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--top-left___2n_g1.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--top-right___gDBUK.ToastContainer__toast-container--exited___2U_YA {\n    transform: translateY(100%);\n}\n\n.ToastContainer__toast-container--bottom-center___3CoTY.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--top-center___3SbTc.ToastContainer__toast-container--exited___2U_YA {\n    transform: translate(-50%, 100%);\n}\n\n.ToastContainer__toast-container--bottom-left___2W2hb.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--bottom-right___30aMN.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--top-left___2n_g1.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--top-right___gDBUK.ToastContainer__toast-container--entering___PlBi2 {\n    transform: translateY(-100%);\n}\n\n.ToastContainer__toast-container--bottom-center___3CoTY.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--top-center___3SbTc.ToastContainer__toast-container--entering___PlBi2 {\n    transform: translate(-50%, -100%);\n}\n\n.ToastContainer__toast-container--exited___2U_YA {\n    opacity: 0;\n}\n\n@media (max-width: 575px) {\n    .ToastContainer__toast-container___3cSlj {\n        width: auto;\n        left: 16px;\n        right: 16px;\n    }\n}",""]),n.locals={"toast-container":"ToastContainer__toast-container___3cSlj","toast-container--bottom-left":"ToastContainer__toast-container--bottom-left___2W2hb","toast-container--bottom-right":"ToastContainer__toast-container--bottom-right___30aMN","toast-container--bottom-center":"ToastContainer__toast-container--bottom-center___3CoTY","toast-container--top-left":"ToastContainer__toast-container--top-left___2n_g1","toast-container--top-right":"ToastContainer__toast-container--top-right___gDBUK","toast-container--top-center":"ToastContainer__toast-container--top-center___3SbTc","toast-container--entering":"ToastContainer__toast-container--entering___PlBi2","toast-container--exited":"ToastContainer__toast-container--exited___2U_YA"}},function(t,n,e){"use strict";e.r(n);var o=e(0),r=e.n(o),a=e(5),i=function(){return"_"+Math.random().toString(36).substr(2,9)},s=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return t.filter(Boolean).join(" ")},c=e(2),u=e.n(c),f=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),p=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.actionRef=r.a.createRef(),n.handleActionClick=function(t){var e=n.props.onActionClick;e&&e(t)},n.handleActionBlur=function(){n.restoreFocus()},n.restoreFocus=function(){if(document.activeElement===n.actionRef.current){if(n.previousFocus&&n.previousFocus.focus){var t=window.pageYOffset;n.previousFocus.focus(),window.scrollTo({top:t})}n.previousFocus=null}},n}return f(n,t),n.prototype.componentDidMount=function(){var t=this.actionRef.current;t&&(document.activeElement instanceof HTMLElement&&(this.previousFocus=document.activeElement),t.focus())},n.prototype.componentWillUnmount=function(){this.restoreFocus()},n.prototype.render=function(){var t=this.props,n=t.text,e=t.actionText,o=t.ariaLabel,a=t.variant,i=s(u.a.root,a&&u.a["root--"+a]);return r.a.createElement("div",{className:i},r.a.createElement("span",{className:u.a.alert,role:"alert","aria-label":o||n}),r.a.createElement("span",{className:u.a.text},n),e&&r.a.createElement("button",{onClick:this.handleActionClick,onBlur:this.handleActionBlur,className:u.a.action,ref:this.actionRef},e))},n}(r.a.PureComponent),_=requestAnimationFrame,l=function(t){_(function(){return _(t)})},d=e(1),h=e.n(d),m=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),v=function(){return(v=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var r in n=arguments[e])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)},b=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={status:"entering"},n.startTimer=function(){n.timer=window.setTimeout(n.hide,n.props.timeout)},n.stopTimer=function(){n.timer&&clearTimeout(n.timer)},n.hide=function(){n.stopTimer(),n.props.onHide(),n.setState({status:"exiting"},function(){l(function(){return n.setState({status:"exited"})})})},n.handleTransitionEnd=function(){n.props.onRemove()},n}return m(n,t),n.prototype.componentDidMount=function(){var t=this;l(function(){return t.setState({status:"entered"})}),this.startTimer()},n.prototype.render=function(){var t=this.props,n=t.toastProps,e=t.component,o=t.position,a=this.state.status,i=s(h.a["toast-container"],"entering"===a&&h.a["toast-container--entering"],"entered"===a&&h.a["toast-container--entered"],"exiting"===a&&h.a["toast-container--exiting"],"exited"===a&&h.a["toast-container--exited"],o&&h.a["toast-container--"+o]),c={};return"entered"===a&&(c.onMouseEnter=this.stopTimer,c.onMouseLeave=this.startTimer),"exited"===a&&(c.onTransitionEnd=this.handleTransitionEnd),r.a.createElement("div",v({},c,{className:i}),r.a.createElement(e,v({},n)))},n.defaultProps={component:p},n}(r.a.PureComponent),y=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),g=r.a.createContext({}),T=g.Consumer,x=g.Provider,C=T,w=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.ref=r.a.createRef(),e.state={toasts:[]},e.addToastFromQueue=function(){var t=e.state.toasts;if(n.queue.length){var o=n.queue.shift();e.setState({toasts:t.concat([o])})}},e.show=function(t){var o=e.state.toasts;n.queue.push({props:t,id:i()}),o.length||e.addToastFromQueue()},e.hide=function(){var t=e.ref.current;t&&t.hide()},e.handleHide=function(){e.addToastFromQueue()},e.handleToastRemove=function(){var t=e.state.toasts;e.setState({toasts:t.slice(1)})},e}return y(n,t),n.prototype.render=function(){var t=this,n=this.props,e=n.children,o=n.component,i=n.timeout,s=n.position,c=this.state.toasts;return r.a.createElement(x,{value:{show:this.show,hide:this.hide}},e,Object(a.createPortal)(r.a.createElement(r.a.Fragment,null,c.map(function(n,e){return r.a.createElement(b,{toastProps:n.props,ref:e===c.length-1?t.ref:void 0,key:n.id,onHide:t.handleHide,onRemove:t.handleToastRemove,component:o,timeout:i,position:s})})),document.body))},n.queue=[],n.defaultProps={timeout:4500,position:"bottom-left"},n}(r.a.PureComponent),j=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),O=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return j(n,t),n.prototype.render=function(){var t=this;return o.createElement(C,null,function(n){return t.props.children(n)})},n}(o.PureComponent),U=function(){return(U=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var r in n=arguments[e])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)},M=function(t){return function(n){return o.createElement(O,null,function(e){return o.createElement(t,U({toast:e},n))})}};e.d(n,"ToastProvider",function(){return P}),e.d(n,"ToastConsumer",function(){return A}),e.d(n,"withToast",function(){return E});var P=w,A=O,E=M}])});
+!function(t,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("react"));else if("function"==typeof define&&define.amd)define(["react"],n);else{var e="object"==typeof exports?n(require("react")):n(t.React);for(var o in e)("object"==typeof exports?exports:t)[o]=e[o]}}(this,function(t){return function(t){var n={};function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{enumerable:!0,get:o})},e.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},e.t=function(t,n){if(1&n&&(t=e(t)),8&n)return t;if(4&n&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(e.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&n&&"string"!=typeof t)for(var r in t)e.d(o,r,function(n){return t[n]}.bind(null,r));return o},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="",e(e.s=9)}([function(n,e){n.exports=t},function(t,n,e){var o=e(8);"string"==typeof o&&(o=[[t.i,o,""]]);var r={transform:void 0},a=e(4)(o,r);o.locals&&(t.exports=o.locals),t.exports.__universal__=a.__universal__},function(t,n,e){var o=e(5);"string"==typeof o&&(o=[[t.i,o,""]]);var r={transform:void 0},a=e(4)(o,r);o.locals&&(t.exports=o.locals),t.exports.__universal__=a.__universal__},function(t,n){t.exports=function(t){var n=[];return n.toString=function(){return this.map(function(n){var e=function(t,n){var e=t[1]||"",o=t[3];if(!o)return e;if(n&&"function"==typeof btoa){var r=function(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}(o),a=o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"});return[e].concat(a).concat([r]).join("\n")}return[e].join("\n")}(n,t);return n[2]?"@media "+n[2]+"{"+e+"}":e}).join("")},n.i=function(t,e){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},r=0;r<this.length;r++){var a=this[r][0];"number"==typeof a&&(o[a]=!0)}for(r=0;r<t.length;r++){var i=t[r];"number"==typeof i[0]&&o[i[0]]||(e&&!i[2]?i[2]=e:e&&(i[2]="("+i[2]+") and ("+e+")"),n.push(i))}},n}},function(t,n,e){var o,r,a,i=e(6),s=function(t){var n;return function(){return void 0===n&&(n=t.apply(this,arguments)),n}},c="data-universal",u="ssr",_=[],f={},p=null,l=0,d=[];function h(){}function m(){for(var t,n=[].slice.call(document.getElementsByTagName("style"),0),e=0;e<n.length;e++)(t=n[e]).getAttribute(c)===u&&t.parentNode.removeChild(t)}function v(t,n){for(var e=[],o={},r=0;r<t.length;r++){var a=t[r],i=n.base?a[0]+n.base:a[0],s={css:a[1],media:a[2],sourceMap:a[3]};o[i]?o[i].parts.push(s):e.push(o[i]={id:i,parts:[s]})}return e}function b(t,n){for(var e=0;e<t.length;e++){var o=t[e],r=f[o.id];if(r){r.refs++;for(var a=0;a<r.parts.length;a++)r.parts[a](o.parts[a]);for(;a<o.parts.length;a++)r.parts.push(C(o.parts[a],n))}else{var i=[];for(a=0;a<o.parts.length;a++)i.push(C(o.parts[a],n));f[o.id]={id:o.id,refs:1,parts:i}}}}function g(t,n){var e=r(t.insertInto);if(!e)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=d[d.length-1];if("top"===t.insertAt)o?o.nextSibling?e.insertBefore(n,o.nextSibling):e.appendChild(n):e.insertBefore(n,e.firstChild),d.push(n);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");e.appendChild(n)}}function y(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var n=d.indexOf(t);n>=0&&d.splice(n,1)}function T(t){var n=document.createElement("style");return t.attrs.type="text/css",x(n,t.attrs),g(t,n),n}function x(t,n){Object.keys(n).forEach(function(e){t.setAttribute(e,n[e])})}function C(t,n){var e,o,r,i;if(n.transform&&t.css){if(!(i=n.transform(t.css)))return function(){};t.css=i}if(n.singleton){var s=l++;e=p||(p=T(n)),o=j.bind(null,e,s,!1),r=j.bind(null,e,s,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(e=function(t){var n=document.createElement("link");return t.attrs.type="text/css",t.attrs.rel="stylesheet",x(n,t.attrs),g(t,n),n}(n),o=function(t,n,e){var o=e.css,r=e.sourceMap,i=void 0===n.convertToAbsoluteUrls&&r;(n.convertToAbsoluteUrls||i)&&(o=a(o));r&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var s=new Blob([o],{type:"text/css"}),c=t.href;t.href=URL.createObjectURL(s),c&&URL.revokeObjectURL(c)}.bind(null,e,n),r=function(){y(e),e.href&&URL.revokeObjectURL(e.href)}):(e=T(n),o=function(t,n){var e=n.css,o=n.media;o&&t.setAttribute("media",o);if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}.bind(null,e),r=function(){y(e)});return o(t),function(n){if(n){if(n.css===t.css&&n.media===t.media&&n.sourceMap===t.sourceMap)return;o(t=n)}else r()}}t.exports=function(t,n){(n=n||{}).attrs="object"==typeof n.attrs?n.attrs:{};var d=v(t,n);return h.__universal__=void 0,"object"==typeof window&&window.document?(o=s(function(){return window&&document&&document.all&&!window.atob}),n.singleton||(n.singleton=o()),n.insertInto||(n.insertInto="head"),n.insertAt||(n.insertAt="bottom"),a=e(7),r=function(t){var n={};return function(t){if(void 0===n[t]){var e=function(t){return document.querySelector(t)}.call(this,t);if(e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}n[t]=e}return n[t]}}(),b(d,n),setTimeout(m,16),function(t){for(var e=[],o=0;o<d.length;o++){var r=d[o];(a=f[r.id]).refs--,e.push(a)}t&&b(v(t,n),n);for(o=0;o<e.length;o++){var a;if(0===(a=e[o]).refs){for(var i=0;i<a.parts.length;i++)a.parts[i]();delete f[a.id]}}}):(o=s(function(){return!("object"!=typeof navigator||!navigator.userAgent)&&/MSIE [5-9]\b/i.test(navigator.userAgent)}),n.singleton||(n.singleton=o()),function(t,n){for(var e=0;e<t.length;e++)for(var o=t[e],r=0;r<o.parts.length;r++)a(o.parts[r],n,o.id);return h.__universal__=_,h;function a(t,n,e){var o,r;if(n.transform&&t.css){if(!(r=n.transform(t.css)))return h;t.css=r}if(n.attrs.type="text/css",n.attrs[c]=u,n.singleton){var a=l++;n.attrs["data-singleton"]="singleton",(o=p||(p=s(n,e))).content.splice(a,1,t.css),-1===_.indexOf(o)&&_.push(o)}else(o=s(n,e)).content.push(t.css),t.media&&o.setAttribute("media",t.media),_.push(o);return h}function s(t,n){var e=new i(n);return Object.keys(t.attrs).forEach(function(n){e.setAttribute(n,t.attrs[n])}),e}}(d,n))};var w=function(){var t=[];return function(n,e){return t[n]=e,t.filter(Boolean).join("\n")}}();function j(t,n,e,o){var r=e?"":o.css;if(t.styleSheet)t.styleSheet.cssText=w(n,r);else{var a=document.createTextNode(r),i=t.childNodes;i[n]&&t.removeChild(i[n]),i.length?t.insertBefore(a,i[n]):t.appendChild(a)}}},function(t,n,e){(n=t.exports=e(3)(!1)).push([t.i,".Toast__root___242sR {\n    background: #313131;\n    border-radius: 4px;\n    color: #fff;\n    display: flex;\n    align-items: center;\n    padding: 16px;\n    justify-content: space-between;\n    font-size: 14px;\n    position: relative;\n    box-shadow:\n        0 3px 5px -1px rgba(0, 0, 0, 0.2),\n        0 6px 10px 0 rgba(0, 0, 0, 0.14),\n        0 1px 18px 0 rgba(0, 0, 0, 0.12);\n}\n\n.Toast__action___FMxl_ {\n    margin-left: 16px;\n    background: none;\n    border: 0;\n    color: #4bcffa;\n    font-size: 14px;\n    cursor: pointer;\n    outline: none;\n    position: relative;\n    transition: opacity 0.15s ease-in-out;\n    opacity: 0.8;\n}\n\n.Toast__action___FMxl_:hover {\n    opacity: 1;\n}\n\n.Toast__action___FMxl_:active {\n    top: 1px;\n}\n\n.Toast__alert___3kHvI {\n    opacity: 0;\n    position: absolute;\n}\n\n.Toast__root--error___3uM5s {\n    background: #d32f2f;\n}\n\n.Toast__root--error___3uM5s .Toast__action___FMxl_ {\n    color: #fff;\n}",""]),n.locals={root:"Toast__root___242sR",action:"Toast__action___FMxl_",alert:"Toast__alert___3kHvI","root--error":"Toast__root--error___3uM5s"}},function(t,n){function e(t){this.id=t,this.content=[],this.attrs={}}e.prototype.setAttribute=function(t,n){null==n?delete this.attrs[t]:this.attrs[t]=n},e.prototype.toString=function(t){var n=this.content.join(null==t?"\n":t),e="",o=this.attrs;return Object.keys(this.attrs).forEach(function(t){e+=t+'="'+o[t]+'" '}),e.length>0&&(e=" "+e.slice(0,-1)),"<style"+e+">"+n+"</style>"},t.exports=e},function(t,n){t.exports=function(t){var n="undefined"!=typeof window&&window.location;if(!n)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var e=n.protocol+"//"+n.host,o=e+n.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,n){var r,a=n.trim().replace(/^"(.*)"$/,function(t,n){return n}).replace(/^'(.*)'$/,function(t,n){return n});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(a)?t:(r=0===a.indexOf("//")?a:0===a.indexOf("/")?e+a:o+a.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")})}},function(t,n,e){(n=t.exports=e(3)(!1)).push([t.i,".ToastContainer__toast-container___3cSlj {\n    transition: 250ms cubic-bezier(0.0, 0.0, 0.2, 1);\n    transition-property: opacity, transform;\n    position: fixed;\n    will-change: opacity, transform;\n    width: 320px;\n}\n\n.ToastContainer__toast-container--bottom-left___2W2hb {\n    left: 16px;\n    bottom: 0;\n    padding-bottom: 16px;\n}\n\n.ToastContainer__toast-container--bottom-right___30aMN {\n    right: 16px;\n    bottom: 0;\n    padding-bottom: 16px;\n}\n\n.ToastContainer__toast-container--bottom-center___3CoTY {\n    left: 50%;\n    bottom: 0;\n    padding-bottom: 16px;\n    transform: translateX(-50%);\n}\n\n.ToastContainer__toast-container--top-left___2n_g1 {\n    left: 16px;\n    top: 0;\n    padding-top: 16px;\n}\n\n.ToastContainer__toast-container--top-right___gDBUK {\n    right: 16px;\n    top: 0;\n    padding-top: 16px;\n}\n\n.ToastContainer__toast-container--top-center___3SbTc {\n    left: 50%;\n    top: 0;\n    padding-top: 16px;\n    transform: translateX(-50%);\n}\n\n.ToastContainer__toast-container--bottom-left___2W2hb.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--bottom-right___30aMN.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--top-left___2n_g1.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--top-right___gDBUK.ToastContainer__toast-container--exited___2U_YA {\n    transform: translateY(100%);\n}\n\n.ToastContainer__toast-container--bottom-center___3CoTY.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--top-center___3SbTc.ToastContainer__toast-container--exited___2U_YA {\n    transform: translate(-50%, 100%);\n}\n\n.ToastContainer__toast-container--bottom-left___2W2hb.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--bottom-right___30aMN.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--top-left___2n_g1.ToastContainer__toast-container--entering___PlBi2,\n.ToastContainer__toast-container--top-right___gDBUK.ToastContainer__toast-container--entering___PlBi2 {\n    transform: translateY(-100%);\n}\n\n.ToastContainer__toast-container--bottom-center___3CoTY.ToastContainer__toast-container--exited___2U_YA,\n.ToastContainer__toast-container--top-center___3SbTc.ToastContainer__toast-container--entering___PlBi2 {\n    transform: translate(-50%, -100%);\n}\n\n.ToastContainer__toast-container--exited___2U_YA {\n    opacity: 0;\n}\n\n@media (max-width: 575px) {\n    .ToastContainer__toast-container___3cSlj {\n        width: auto;\n        left: 16px;\n        right: 16px;\n    }\n}",""]),n.locals={"toast-container":"ToastContainer__toast-container___3cSlj","toast-container--bottom-left":"ToastContainer__toast-container--bottom-left___2W2hb","toast-container--bottom-right":"ToastContainer__toast-container--bottom-right___30aMN","toast-container--bottom-center":"ToastContainer__toast-container--bottom-center___3CoTY","toast-container--top-left":"ToastContainer__toast-container--top-left___2n_g1","toast-container--top-right":"ToastContainer__toast-container--top-right___gDBUK","toast-container--top-center":"ToastContainer__toast-container--top-center___3SbTc","toast-container--entering":"ToastContainer__toast-container--entering___PlBi2","toast-container--exited":"ToastContainer__toast-container--exited___2U_YA"}},function(t,n,e){"use strict";e.r(n);var o=e(0),r=e.n(o),a=function(){return"_"+Math.random().toString(36).substr(2,9)},i=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];return t.filter(Boolean).join(" ")},s=e(2),c=e.n(s),u=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),_=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.actionRef=r.a.createRef(),n.handleActionClick=function(t){var e=n.props.onActionClick;e&&e(t)},n.handleActionBlur=function(){n.restoreFocus()},n.restoreFocus=function(){if(document.activeElement===n.actionRef.current){if(n.previousFocus&&n.previousFocus.focus){var t=window.pageYOffset;n.previousFocus.focus(),window.scrollTo({top:t})}n.previousFocus=null}},n}return u(n,t),n.prototype.componentDidMount=function(){var t=this.actionRef.current;t&&(document.activeElement instanceof HTMLElement&&(this.previousFocus=document.activeElement),t.focus())},n.prototype.componentWillUnmount=function(){this.restoreFocus()},n.prototype.render=function(){var t=this.props,n=t.text,e=t.actionText,o=t.ariaLabel,a=t.variant,s=i(c.a.root,a&&c.a["root--"+a]);return r.a.createElement("div",{className:s},r.a.createElement("span",{className:c.a.alert,role:"alert","aria-label":o||n}),r.a.createElement("span",{className:c.a.text},n),e&&r.a.createElement("button",{onClick:this.handleActionClick,onBlur:this.handleActionBlur,className:c.a.action,ref:this.actionRef},e))},n}(r.a.PureComponent),f=function(t){window.requestAnimationFrame(function(){return window.requestAnimationFrame(t)})},p=e(1),l=e.n(p),d=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),h=function(){return(h=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var r in n=arguments[e])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)},m=function(t){function n(){var n=null!==t&&t.apply(this,arguments)||this;return n.state={status:"entering"},n.startTimer=function(){n.timer=setTimeout(n.hide,n.props.timeout)},n.stopTimer=function(){n.timer&&clearTimeout(n.timer)},n.hide=function(){n.stopTimer(),n.props.onHide(),n.setState({status:"exiting"},function(){f(function(){return n.setState({status:"exited"})})})},n.handleTransitionEnd=function(){n.props.onRemove()},n}return d(n,t),n.prototype.componentDidMount=function(){var t=this;f(function(){return t.setState({status:"entered"})}),this.startTimer()},n.prototype.render=function(){var t=this.props,n=t.toastProps,e=t.component,o=t.position,a=this.state.status,s=i(l.a["toast-container"],"entering"===a&&l.a["toast-container--entering"],"entered"===a&&l.a["toast-container--entered"],"exiting"===a&&l.a["toast-container--exiting"],"exited"===a&&l.a["toast-container--exited"],o&&l.a["toast-container--"+o]),c={};return"entered"===a&&(c.onMouseEnter=this.stopTimer,c.onMouseLeave=this.startTimer),"exited"===a&&(c.onTransitionEnd=this.handleTransitionEnd),r.a.createElement("div",h({},c,{className:s}),r.a.createElement(e,h({},n)))},n.defaultProps={component:_},n}(r.a.PureComponent),v=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),b=r.a.createContext({}),g=b.Consumer,y=b.Provider,T=g,x=function(t){function n(){var e=null!==t&&t.apply(this,arguments)||this;return e.ref=r.a.createRef(),e.state={toasts:[]},e.addToastFromQueue=function(){var t=e.state.toasts;if(n.queue.length){var o=n.queue.shift();e.setState({toasts:t.concat([o])})}},e.show=function(t){var o=e.state.toasts;n.queue.push({props:t,id:a()}),o.length||e.addToastFromQueue()},e.hide=function(){var t=e.ref.current;t&&t.hide()},e.handleHide=function(){e.addToastFromQueue()},e.handleToastRemove=function(){var t=e.state.toasts;e.setState({toasts:t.slice(1)})},e}return v(n,t),n.prototype.render=function(){var t=this,n=this.props,e=n.children,o=n.component,a=n.timeout,i=n.position,s=this.state.toasts;return r.a.createElement(y,{value:{show:this.show,hide:this.hide}},e,s.map(function(n,e){return r.a.createElement(m,{toastProps:n.props,ref:e===s.length-1?t.ref:void 0,key:n.id,onHide:t.handleHide,onRemove:t.handleToastRemove,component:o,timeout:a,position:i})}))},n.queue=[],n.defaultProps={timeout:4500,position:"bottom-left"},n}(r.a.PureComponent),C=function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function o(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}}(),w=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return C(n,t),n.prototype.render=function(){var t=this;return o.createElement(T,null,function(n){return t.props.children(n)})},n}(o.PureComponent),j=function(){return(j=Object.assign||function(t){for(var n,e=1,o=arguments.length;e<o;e++)for(var r in n=arguments[e])Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r]);return t}).apply(this,arguments)},O=function(t){return function(n){return o.createElement(w,null,function(e){return o.createElement(t,j({toast:e},n))})}};e.d(n,"ToastProvider",function(){return A}),e.d(n,"ToastConsumer",function(){return M}),e.d(n,"withToast",function(){return P});var A=x,M=w,P=O}])});
 //# sourceMappingURL=index.js.map

dist/ToastContext/ToastContainer.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="node" />
 import React from 'react';
@@ -8,3 +9,3 @@ import Toast from '../Toast';
     };
-    timer: number;
+    timer: NodeJS.Timeout;
     state: T.ToastContainerState;
@@ -11,0 +12,0 @@ startTimer: () => void;

package.json

 {
   "name": "react-awesome-toasts",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Higly customisable React toast notifications with automanaged queue",
@@ -34,5 +34,5 @@ "author": "Dmitry Belyaev (https://bananabobby.github.io)",
     "css-loader": "^1.0.1",
+    "iso-morphic-style-loader": "^2.0.1",
     "react": "^16.6.0",
     "react-dom": "^16.6.0",
-    "style-loader": "^0.23.1",
     "ts-loader": "^5.3.0",
@@ -39,0 +39,0 @@ "typescript": "^3.1.6",

README.md

@@ -123,3 +123,2 @@ # React Awesome Toasts
 
-- Handwritten TS definitions
 - Improve accessibility for focused toast actions
@@ -126,0 +125,0 @@ - Check colors AA accessibility level

No alert changes

Improved metrics

Total package byte prevSize

92477

increased by3.75%

Lines of code

196

increased by1.55%

Worsened metrics

Number of lines in readme file

127

decreased by-0.78%

No dependency changes