sass-notification 1.0.0

package/.eslintignore

@@ -0,0 +1 @@
+/**/*.d.ts

package/README.md

@@ -0,0 +1,460 @@
+A delightful, easy to use and highly configurable component to help you notify your users out of the box. No messy setup, just beautiful notifications!
+
+
+## Demo
+
+## Features
+
+* Touch support
+* Responsive notifications
+* Standard notification types
+* Custom notification types
+* Custom notification content
+* Dismissable (touch, click, timeout)
+* Customizable transitions
+* Small library
+
+
+### Development
+
+First build the library
+```
+npm run build:library:dev
+```
+then run the webpack server to see the app running
+```
+npm run start
+```
+
+## Usage
+
+###
+
+
+
+
+
+```jsx
+const App = () => {
+  return (
+    <div className="app-container">
+      <ReactNotifications />
+      <Application />
+    </div>
+  )
+};
+```
+
+```
+
+Then call `addNotification` and watch the magic happens
+
+```jsx
+Store.addNotification({
+  title: "Wonderful!",
+  message: "example notification",
+  type: "success",
+  insert: "top",
+  container: "top-right",
+  animationIn: ["animate__animated", "animate__fadeIn"],
+  animationOut: ["animate__animated", "animate__fadeOut"],
+  dismiss: {
+    duration: 5000,
+    onScreen: true
+  }
+});
+```
+
+Voila!
+
+**Note**: We rely on `animate.css` in this example as `animate__fadeIn` and `animate__fadeOut` are part of `animate.css`. We recommend using it as it's an excellent animation library, but you're not forced to. If you prefer you may also use your custom animations as long as they're valid CSS animations.
+
+**Note**: `animate.css` latest version (`v4`) has breaking changes. It introduces `animate__` prefix so that existing classes don't clash. If you still would like to use classes without prefix you can import `animate.css/animate.compat.css`
+```js
+// preferred way to import (from `v4`). Uses `animate__` prefix.
+import 'animate.css/animate.min.css';
+
+// Alternate way to use classes without prefix like `animated fadeIn`
+import 'animate.css/animate.compat.css'
+```
+
+In the examples, we will be using classes with `animate__` prefix, which is the default behaviour of latest `v4` version of `animate.css`.
+
+For more info on how to use `animate.css`, please refer to [animate.css docs](https://animate.style/)
+
+## API
+
+`Store.addNotification(options)`
+
+Render a new notification. Method returns a unique id for the rendered notification. Supplied options are internally validated and an exception will be thrown if validation fails.
+
+`Store.removeNotification(id)`
+
+Manually remove a notification by id.
+
+
+## Examples
+
+
+
+In the following examples for brevity some options will not be mentioned. Strictly focusing on the needed options to present each example. For reference, we will be using Object spread operator on a `notification` object to have non relevant fields included as well.
+
+```js
+notification = {
+  title: "Wonderful!",
+  message: "Configurable",
+  type: "success",
+  insert: "top",
+  container: "top-right",
+  animationIn: ["animate__animated animate__fadeIn"], // `animate.css v4` classes
+  animationOut: ["animate__animated animate__fadeOut"] // `animate.css v4` classes
+};
+```
+
+#### Notification container
+
+You have in total 6 containers for desktop and 2 for mobile, if component is set to be responsive. List of containers:
+
+* `top-left`
+* `top-right`
+* `top-center`
+* `center`
+* `bottom-left`
+* `bottom-right`
+* `bottom-center`
+
+```js
+Store.addNotification({
+  ...notification,
+  container: 'top-right'
+})
+```
+
+Will position the notification in top right of the screen.
+
+#### Notification type
+
+List of types:
+
+* `success`
+* `danger`
+* `info`
+* `default`
+* `warning`
+
+
+```js
+Store.addNotification({
+  ...notification,
+  type: 'danger'
+})
+```
+
+Will trigger a `danger` notification.
+
+#### Animating
+  
+```js
+Store.addNotification({
+  ...notification, 
+  animationIn: ['animate__animated animate__fadeIn'], // `animate.css v4` classes
+  animationOut: ['animate__animated animate__fadeOut'] // `animate.css v4` classes
+})
+```
+
+`animationIn` and `animationOut` rely on CSS classes that toggle animations. On github pages we rely on `animate.css`, we suggest you to import that package and use their animations as they have plenty.
+
+
+#### Dismiss notification automatically after timeout expires
+
+```js
+Store.addNotification({
+  ...notification,
+  dismiss: {
+    duration: 2000
+  }
+})
+```
+
+#### Dismiss notification automatically with the time left shown on UI
+
+```js
+Store.addNotification({
+  ...notification,
+  dismiss: {
+    duration: 2000,
+    onScreen: true
+  }
+})
+```
+
+#### Subscribe to notification's removal
+
+Easily subscribe to `onRemoval` by supplying callback as option to the notification object. Callback will get called after the removal animation finishes.
+
+```js
+Store.addNotification({
+  ...notification,
+  onRemoval: (id, removedBy) => {
+    ...
+  }
+})
+```
+
+#### Pause notification's timeout by hovering
+
+```js
+Store.addNotification({
+  ...notification,
+  dismiss: {
+    duration: 2000,
+    pauseOnHover: true
+  }
+})
+```
+
+#### Change transition
+
+```js
+Store.addNotification({
+  ...notification,
+  slidingExit: {
+    duration: 800,
+    timingFunction: 'ease-out',
+    delay: 0
+  }
+})
+```
+
+`slidingEnter`, `touchRevert` and `touchSlidingExit` can all be configured in the same way, with the mention that `touchSlidingExit` has 2 transitions nested.
+
+```js
+Store.addNotification({
+  ...notification,
+  touchSlidingExit: {
+    swipe: {
+      duration: 400,
+      timingFunction: 'ease-out',
+      delay: 0,
+    },
+    fade: {
+      duration: 400,
+      timingFunction: 'ease-out',
+      delay: 0
+    }
+  }
+})
+```
+
+## Props
+
+<table>
+  <tr>
+    <th>Name</th>
+    <th>Type</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td><code>isMobile</code></td>
+    <td><code>Boolean</code></td>
+    <td>Set whether you want component to be responsive or not. To be used together with <code>breakpoint</codee></td>
+  </tr>
+  <tr>
+    <td><code>breakpoint</code></td>
+    <td><code>Number</code></td>
+    <td>Breakpoint for responsiveness - defaults to <code>768</code>px</td>
+  </tr>
+  <tr>
+    <td><code>types</code></td>
+    <td><code>Array</code></td>
+    <td>Custom types</td>
+  </tr>
+  <tr>
+    <td><code>className</code></td>
+    <td><code>string</code></td>
+    <td>Classes assigned to the container</td>
+  </tr>
+  <tr>
+    <td><code>id</code></td>
+    <td><code>string</code></td>
+    <td>Id of the container</td>
+  </tr>
+</table>
+
+## Options
+
+<table>
+  <tr>
+    <th>Name</th>
+    <th>Type</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td><code>id</code></td>
+    <td><code>String</code></td>
+    <td>Id of the notification. Supply option only if you prefer to have custom id, otherwise you should let the component handle generation for you.</td>
+  </tr>
+  <tr>
+    <td><code>onRemoval</code></td>
+    <td><code>Function</code></td>
+    <td>Gets called on notification removal with <code>id</code> and <code>removedBy</code> arguments</td>
+  </tr>
+  <tr>
+    <td><code>title</code></td>
+    <td><code>String</code>, <code>React Node</code> or <code>Functional Component</code></td>
+    <td>Title of the notification. Option is ignored if <code>content</code> is set, otherwise it is required.</td>
+  </tr>
+  <tr>
+    <td><code>message</code></td>
+    <td><code>String</code>, <code>React Node</code> or <code>Functional Component</code></td>
+    <td>Message of the notification. Option is ignored if <code>content</code> is set, otherwise it is required.</td>
+  </tr>
+  <tr>
+    <td><code>content</code></td>
+    <td><code>Object</code></td>
+    <td>Custom notification content, must be either Class Component, Functional Component or React element. If being supplied as functional or class component, <code>id</code> and <code>notificationConfig</code> will be supplied as prop. <code>notificationConfig</code> will return the parsed notification object as defined in the library.</td>
+  </tr>
+  <tr>
+    <td><code>type</code></td>
+    <td><code>String</code></td>
+    <td>Type of the notification. Option is ignored if <code>content</code> is set, otherwise it is required.</td>
+  </tr>
+  <tr>
+    <td><code>container</code></td>
+    <td><code>String</code></td>
+    <td>Container in which the notification will be displayed. Option is required.</td>
+  </tr>
+  <tr>
+    <td><code>insert</code></td>
+    <td><code>String</code></td>
+    <td>Specify where to append notification into the container - top or bottom. Option defaults to <code>top</code>.</td>
+  </tr>
+  <tr>
+    <td><code>dismiss</code></td>
+    <td><code>Dismiss</code></td>
+    <td>Specify how a notification should be dismissed.</td>
+  </tr>
+  <tr>
+    <td><code>animationIn</code></td>
+    <td><code>Array</code></td>
+    <td>Array of CSS classes for animating the notification's entrance.</td>
+  </tr>
+  <tr>
+    <td><code>animationOut</code></td>
+    <td><code>Array</code></td>
+    <td>Array of CSS classes for animating the notification's exit.</td>
+  </tr>
+  <tr>
+    <td><code>slidingEnter</code></td>
+    <td><code>Transition</code></td>
+    <td>Transition to be used when sliding to show a notification.</td>
+  </tr>
+  <tr>
+    <td><code>slidingExit</code></td>
+    <td><code>Transition</code></td>
+    <td>Transition to be used when sliding to remove a notification.</td>
+  </tr>
+  <tr>
+    <td><code>touchRevert</code></td>
+    <td><code>Transition</code></td>
+    <td>Transition to be used when sliding back after an incomplete swipe.</td>
+  </tr>
+  <tr>
+    <td><code>touchSlidingExit</code></td>
+    <td><code>Transition</code></td>
+    <td>Transition to be used when sliding on swipe.</td>
+  </tr>
+  <tr>
+    <td><code>width</code></td>
+    <td><code>Number</code></td>
+    <td>Overwrite notification's <code>width</code> defined by CSS</td>
+  </tr>
+</table>
+  
+#### Transition
+
+<code>Transition</code> is used each time you define a transition.
+
+<table>
+  <tr>
+    <th>Name</th>
+    <th>Type</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td><code>duration</code></td>
+    <td><code>Number</code></td>
+    <td>Transition duration in ms. Its default value ranges from 300 to 600, depending on transition</td>
+  </tr>
+  <tr>
+    <td><code>timingFunction</code></td>
+    <td><code>String</code></td>
+    <td>CSS timing function for the transition, defaults to <code>linear</code></td>
+  </tr>
+  <tr>
+    <td><code>delay</code></td>
+    <td><code>Number</code></td>
+    <td>Delay of the transition in ms, defaults to 0</td>
+  </tr>
+</table>
+
+#### Dismiss
+
+<code>Dismiss</code> is used to describe how a notification should be dismissed.
+
+<table>
+  <tr>
+    <th>Name</th>
+    <th>Type</th>
+    <th>Description</th>
+  </tr>
+  <tr>
+    <td><code>duration</code></td>
+    <td><code>Number</code></td>
+    <td>Time in milliseconds after notification gets dismissed. 0 will act as infinite duration. Defaults to <code>0</code></td>
+  </tr>
+  <tr>
+    <td><code>onScreen</code></td>
+    <td><code>Boolean</code></td>
+    <td>Show time left directly on the notification. Defaults to <code>false</code></td>
+  </tr>
+  <tr>
+    <td><code>pauseOnHover</code></td>
+    <td><code>Boolean</code></td>
+    <td>Hovering over notification will pause the dismiss timer. Defaults to <code>false</code></td>
+  </tr>
+  <tr>
+    <td><code>waitForAnimation</code></td>
+    <td><code>Boolean</code></td>
+    <td>When removing a notification by default we trigger the exit animation and the transition to height 0 at the same time. Setting this to <code>true</code> will wait for the exit animation to finish and then start the transition to height 0. Defaults to <code>false</code></td>
+  </tr>
+  <tr>
+    <td><code>click</code></td>
+    <td><code>Boolean</code></td>
+    <td>Enable dismissal by click, defaults to <code>true</code></td>
+  </tr>
+  <tr>
+    <td><code>touch</code></td>
+    <td><code>Boolean</code></td>
+    <td>Enable dismiss by touch move, defaults to <code>true</code></td>
+  </tr>
+  <tr>
+    <td><code>showIcon</code></td>
+    <td><code>Boolean</code></td>
+    <td>Show or hide the close icon, defaults to <code>false</code>. If set to <code>true</code>, it will respond to click interaction and will remove notification</td>
+  </tr>
+</table>
+  
+## Migration from v1
+
+* Ref usage has been deprecated. Import `Store` from library and use it for adding and removing notifications
+* `touchSlidingBack` has been renamed to `touchRevert`
+* Default values for transitions have been slightly changed
+* `dismissIcon` has been removed. Use `showIcon` instead. If you relly on customized close icon, then stick to custom content.
+* `dismiss` supports now more options
+* `cubicBezier` has been renamed to `timingFunction`
+* Validators are now no longer included in the prod build, they are only included in the dev build. If you inspect the npm package you will see that the component has 2 builds - `dev` and `prod` - and relies on ENV variable when importing.
+  
+## License
+
+MIT

package/dist/index.js

@@ -0,0 +1,2 @@
+!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react")):"function"==typeof define&&define.amd?define(["react"],n):"object"==typeof exports?exports["react-notifications-component"]=n(require("react")):t["react-notifications-component"]=n(t.React)}(this,(function(t){return(()=>{"use strict";var n={359:n=>{n.exports=t}},e={};function i(t){var o=e[t];if(void 0!==o)return o.exports;var r=e[t]={exports:{}};return n[t](r,r.exports,i),r.exports}i.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return i.d(n,{a:n}),n},i.d=(t,n)=>{for(var e in n)i.o(n,e)&&!i.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:n[e]})},i.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var o={};return(()=>{i.r(o),i.d(o,{ReactNotifications:()=>D,Store:()=>k});var t,n,e,r,a=i(359),c=i.n(a),s=!0,u=768,f=325,l="rnc__notification-item";!function(t){t.BOTTOM_LEFT="bottom-left",t.BOTTOM_RIGHT="bottom-right",t.BOTTOM_CENTER="bottom-center",t.TOP_LEFT="top-left",t.TOP_RIGHT="top-right",t.TOP_CENTER="top-center",t.CENTER="center",t.TOP_FULL="top-full",t.BOTTOM_FULL="bottom-full"}(t||(t={})),function(t){t.TOP="top",t.BOTTOM="bottom"}(n||(n={})),function(t){t.SUCCESS="success",t.DANGER="danger",t.INFO="info",t.DEFAULT="default",t.WARNING="warning"}(e||(e={})),function(t){t.TIMEOUT="timeout",t.CLICK="click",t.TOUCH="touch",t.MANUAL="manual"}(r||(r={}));var d=function(t){return null==t};function m(n){return n===t.BOTTOM_FULL||n===t.BOTTOM_LEFT||n===t.BOTTOM_RIGHT||n===t.BOTTOM_CENTER}function p(n){return n===t.TOP_FULL||n===t.TOP_LEFT||n===t.TOP_RIGHT||n===t.TOP_CENTER}function h(t){var n=t.type,i=t.content,o=t.userDefinedTypes,r=[l];if(i)return r;if(d(o))return function(t){switch(t){case e.DEFAULT:return[l,"rnc__notification-item--default"];case e.SUCCESS:return[l,"rnc__notification-item--success"];case e.DANGER:return[l,"rnc__notification-item--danger"];case e.WARNING:return[l,"rnc__notification-item--warning"];case e.INFO:return[l,"rnc__notification-item--info"];default:return[l]}}(n);var a=o.find((function(t){return t.name===n}));return r.concat(a.htmlClasses)}function y(t,n){var e=t.duration,i=t.timingFunction,o=t.delay;return"".concat(e,"ms ").concat(n," ").concat(i," ").concat(o,"ms")}function v(t){return t?(0|16*Math.random()).toString(16):"100000000000100000000000".replace(/1|0/g,v)}function b(t,n){var e=n.duration,i=n.timingFunction,o=n.delay,r=t||{};return d(r.duration)&&(r.duration=e),d(r.timingFunction)&&(r.timingFunction=i),d(r.delay)&&(r.delay=o),r}function E(t,n,i){var o=t,r=o.id,a=o.type,c=o.insert,s=o.content,u=o.container,f=o.animationIn,l=o.animationOut,m=o.slidingEnter,p=o.slidingExit,h=o.touchRevert,y=o.touchSlidingExit,E=o.dismiss,g=o.width,O=o.onRemoval;o.id=r||v(),o.type=s?null:a.toLowerCase(),n&&!s&&(o.userDefinedTypes=function(t,n){var i=t.content,o=t.type;if(!i&&o!==e.SUCCESS&&o!==e.DANGER&&o!==e.INFO&&o!==e.DEFAULT&&o!==e.WARNING&&n)return n}(o,n)),o.width=d(g)?i:g,o.container=u.toLowerCase(),o.insert=(c||"top").toLowerCase(),o.dismiss=function(t){var n=t,e={duration:0,click:!0,touch:!0,onScreen:!1,pauseOnHover:!1,waitForAnimation:!1,showIcon:!1};return n?(Object.keys(e).forEach((function(t){d(n[t])&&(n[t]=e[t])})),n):e}(E),o.animationIn=f||[],o.animationOut=l||[],o.onRemoval=O||function(){};var T=function(t,n,e){return{duration:t,timingFunction:n,delay:e}};o.slidingEnter=b(m,T(600,"linear",0)),o.slidingExit=b(p,T(600,"linear",0)),o.touchRevert=b(h,T(600,"linear",0));var _=y||{},S=_.swipe||{},N=_.fade||{};return o.touchSlidingExit=_,o.touchSlidingExit.swipe=b(S,T(600,"linear",0)),o.touchSlidingExit.fade=b(N,T(300,"linear",0)),o}function g(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var O=function(){function t(n,e){!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.callback=n,this.remaining=e,this.resume()}var n,e,i;return n=t,(e=[{key:"pause",value:function(){clearTimeout(this.timerId),this.remaining-=Date.now()-this.start}},{key:"resume",value:function(){this.start=Date.now(),clearTimeout(this.timerId),this.timerId=setTimeout(this.callback,this.remaining)}},{key:"clear",value:function(){clearTimeout(this.timerId)}}])&&g(n.prototype,e),i&&g(n,i),Object.defineProperty(n,"prototype",{writable:!1}),t}();function T(t){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},T(t)}function _(t){return function(t){if(Array.isArray(t))return S(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,n){if(!t)return;if("string"==typeof t)return S(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);"Object"===e&&t.constructor&&(e=t.constructor.name);if("Map"===e||"Set"===e)return Array.from(t);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return S(t,n)}(t)||function(){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 S(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,i=new Array(n);e<n;e++)i[e]=t[e];return i}function N(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function w(t,n){return w=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},w(t,n)}function R(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,i=j(t);if(n){var o=j(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return C(this,e)}}function C(t,n){if(n&&("object"===T(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function j(t){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},j(t)}var M=function(e){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),n&&w(t,n)}(u,e);var i,o,a,s=R(u);function u(t){var n;!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,u),(n=s.call(this,t)).onClick=function(){var t=n.props.notification.dismiss;(t.click||t.showIcon)&&n.removeNotification(r.CLICK)},n.onTouchStart=function(t){var e=t.touches[0].pageX;n.setState((function(t){var n=t.parentStyle;return{startX:e,currentX:e,parentStyle:Object.assign(Object.assign({},n),{position:"relative"})}}))},n.onTouchMove=function(t){var e=t.touches[0].pageX,i=n.state.startX,o=n.props,a=o.toggleRemoval,c=o.notification,s=c.id,u=c.onRemoval,f=c.slidingExit,l=c.touchSlidingExit,d=l.swipe,m=l.fade,p=e-i,h=n.rootElementRef.current.offsetWidth,v=window.innerWidth+h,b="".concat(e-i>=0?v:-v,"px");if(function(t,n){return Math.abs(t)>=.4*n}(p,h)){var E=y(d,"left"),g=y(m,"opacity"),O=function(){a(s,(function(){return u(s,r.TOUCH)}))};return n.setState((function(t){var e=t.parentStyle;return{touchEnabled:!1,parentStyle:Object.assign(Object.assign({},e),{left:b,opacity:0,transition:"".concat(E,", ").concat(g)}),onTransitionEnd:function(){n.setState((function(t){var n=t.parentStyle;return{parentStyle:Object.assign(Object.assign({},n),{height:"0px",overflow:"hidden",transition:y(f,"height")}),onTransitionEnd:O}}))}}}))}return n.setState((function(t){var n=t.parentStyle;return{currentX:e,parentStyle:Object.assign(Object.assign({},n),{left:"".concat(0+p,"px")})}}))},n.onTouchEnd=function(){var t=n.props.notification.touchRevert;n.setState((function(n){var e=n.parentStyle;return{parentStyle:Object.assign(Object.assign({},e),{left:0,transition:y(t,"left")})}}))},n.onMouseEnter=function(){n.timer?n.timer.pause():n.setState({animationPlayState:"paused"})},n.onMouseLeave=function(){n.timer?n.timer.resume():n.setState({animationPlayState:"running"})},n.rootElementRef=c().createRef();var e=t.defaultNotificationWidth,i=t.notification,o=t.isMobile,a=i.width;return n.state={parentStyle:{height:"0px",overflow:"hidden",width:"".concat(a||e,"px")},htmlClassList:h(i),animationPlayState:"running",touchEnabled:!0},o&&(n.state.parentStyle.width="100%"),n}return i=u,(o=[{key:"componentWillUnmount",value:function(){this.timer&&this.timer.clear()}},{key:"componentDidMount",value:function(){var e=this,i=this.props,o=i.notification,a=i.notificationsCount,c=o.dismiss,s=c.duration,u=c.onScreen,f=function(e,i){return!(i<=1)&&i>1&&(e.insert===n.TOP&&p(e.container)||e.insert===n.BOTTOM&&m(e.container)||e.container===t.CENTER)}(o,a),l=this.rootElementRef.current.scrollHeight,d=function(){!s||u||e.timer||(e.timer=new O((function(){return e.removeNotification(r.TIMEOUT)}),s))};this.setState((function(t){return{parentStyle:{width:t.parentStyle.width,height:"".concat(l,"px"),transition:f?y(o.slidingEnter,"height"):"10ms height"},onTransitionEnd:d}}),(function(){requestAnimationFrame((function(){e.setState((function(t){return{htmlClassList:[].concat(_(o.animationIn),_(t.htmlClassList))}}))}))}))}},{key:"componentDidUpdate",value:function(t){if(this.props.hasBeenRemoved&&!t.hasBeenRemoved&&this.removeNotification(r.MANUAL),t!==this.props&&!this.props.hasBeenRemoved){var n=this.props.notification.container,e=this.rootElementRef.current.children[0].scrollHeight;this.setState((function(t){var i=t.parentStyle;return{parentStyle:Object.assign(Object.assign({},i),{height:"".concat(e+(n.endsWith("full")?0:15),"px")})}}))}}},{key:"removeNotification",value:function(t){var n=this,e=this.props,i=e.notification,o=e.toggleRemoval,r=i.id,a=i.onRemoval,c=i.dismiss.waitForAnimation,s=[].concat(_(i.animationOut),_(h(i))),u=function(){return o(r,(function(){return a(r,t)}))},f={height:"0px",overflow:"hidden",transition:y(i.slidingExit,"height")};return c?this.setState((function(t){var e=t.parentStyle.width;return{htmlClassList:s,onAnimationEnd:function(){n.setState({parentStyle:Object.assign({width:e},f),onTransitionEnd:u})}}})):this.setState((function(t){var n=t.parentStyle.width;return{parentStyle:Object.assign({width:n},f),onTransitionEnd:u,htmlClassList:s}}))}},{key:"renderTimer",value:function(){var t=this,n=this.props.notification.dismiss,e=n.duration,i=n.onScreen,o=this.state.animationPlayState;if(e&&i){var a={animationName:"timer",animationDuration:"".concat(e,"ms"),animationTimingFunction:"linear",animationFillMode:"forwards",animationDelay:"0",animationPlayState:o};return c().createElement("div",{className:"rnc__notification-timer"},c().createElement("div",{className:"rnc__notification-timer-filler",onAnimationEnd:function(){return t.removeNotification(r.TIMEOUT)},style:a}))}}},{key:"renderCustomContent",value:function(){var t=this.state.htmlClassList,n=this.props.notification,e=n.id,i=n.content,o=n.dismiss,r=o.duration,a=o.pauseOnHover,s=r>0&&a;return c().createElement("div",{className:"".concat(_(t).join(" ")),onMouseEnter:s?this.onMouseEnter:null,onMouseLeave:s?this.onMouseLeave:null},c().isValidElement(i)?i:c().createElement(i,Object.assign({},{id:e,notificationConfig:Object.assign({},this.props.notification)})))}},{key:"renderNotification",value:function(){var t=this.props.notification,n=t.title,e=t.message,i=t.dismiss,o=i.showIcon,r=i.duration,a=i.pauseOnHover,s=this.state.htmlClassList,u=r>0&&a;return c().createElement("div",{className:"".concat(_(s).join(" ")),onMouseEnter:u?this.onMouseEnter:null,onMouseLeave:u?this.onMouseLeave:null},c().createElement("div",{className:"rnc__notification-content"},o&&c().createElement("div",{className:"rnc__notification-close-mark",onClick:this.onClick}),n&&c().createElement("div",{className:"rnc__notification-title"},n),c().createElement("div",{className:"rnc__notification-message"},e),this.renderTimer()))}},{key:"render",value:function(){var t=this.props.notification,n=t.content,e=t.dismiss.click,i=this.state,o=i.parentStyle,r=i.onAnimationEnd,a=i.onTransitionEnd,s=i.touchEnabled;return c().createElement("div",{ref:this.rootElementRef,onClick:e?this.onClick:null,style:o,className:"rnc__notification",onAnimationEnd:r,onTransitionEnd:a,onTouchStart:s?this.onTouchStart:null,onTouchMove:s?this.onTouchMove:null,onTouchEnd:s?this.onTouchEnd:null},n?this.renderCustomContent():this.renderNotification())}}])&&N(i.prototype,o),a&&N(i,a),Object.defineProperty(i,"prototype",{writable:!1}),u}(c().Component);function L(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}const k=new(function(){function t(){var n=this;!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,t),this.incrementCounter=function(){return n.counter+=1},this.getCounter=function(){return n.counter},this.counter=0,this.add=null}var n,e,i;return n=t,(e=[{key:"addNotification",value:function(t){this.incrementCounter();var n=E(t,this.types,this.defaultNotificationWidth);return this.add(n)}},{key:"register",value:function(t){var n=t.addNotification,e=t.removeNotification,i=t.removeAllNotifications,o=t.types,r=t.defaultNotificationWidth;this.add=n,this.removeNotification=e,this.removeAllNotifications=i,this.defaultNotificationWidth=r,this.types=o}}])&&L(n.prototype,e),i&&L(n,i),Object.defineProperty(n,"prototype",{writable:!1}),t}());function P(t){return P="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},P(t)}function A(t){return function(t){if(Array.isArray(t))return I(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,n){if(!t)return;if("string"==typeof t)return I(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);"Object"===e&&t.constructor&&(e=t.constructor.name);if("Map"===e||"Set"===e)return Array.from(t);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return I(t,n)}(t)||function(){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 I(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,i=new Array(n);e<n;e++)i[e]=t[e];return i}function x(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function F(t,n){return F=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t},F(t,n)}function B(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,i=W(t);if(n){var o=W(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return U(this,e)}}function U(t,n){if(n&&("object"===P(n)||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function W(t){return W=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},W(t)}var D=function(n){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),n&&F(t,n)}(a,n);var e,i,o,r=B(a);function a(t){var n;return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,a),(n=r.call(this,t)).handleResize=function(){n.setState({windowWidth:window.innerWidth})},n.add=function(t){return n.setState((function(n){var e=A(n.notifications),i=e.findIndex((function(n){return n.id===t.id}));return i>-1?(e[i]=t,{notifications:e}):{notifications:"top"===t.insert?[t].concat(A(e)):[].concat(A(e),[t])}})),t.id},n.remove=function(t){n.setState((function(n){return{notifications:n.notifications.map((function(n){return n.id===t&&(n.hasBeenRemoved=!0),n}))}}))},n.removeAllNotifications=function(){n.setState({notifications:n.state.notifications.map((function(t){return Object.assign(Object.assign({},t),{hasBeenRemoved:!0})}))})},n.toggleRemoval=function(t,e){n.setState((function(n){return{notifications:n.notifications.filter((function(n){return n.id!==t}))}}),e)},n.state={isMobile:d(t.isMobile)?s:t.isMobile,breakpoint:d(t.breakpoint)?u:t.breakpoint,notifications:[],windowWidth:void 0},n}return e=a,(i=[{key:"componentDidMount",value:function(){var t=this.props,n=t.types,e=t.defaultNotificationWidth;k.register({addNotification:this.add,removeNotification:this.remove,removeAllNotifications:this.removeAllNotifications,defaultNotificationWidth:e||f,types:n}),this.setState({windowWidth:window.innerWidth}),window.addEventListener("resize",this.handleResize)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.handleResize)}},{key:"renderNotifications",value:function(t,n){var e=this;return t.map((function(i){return c().createElement(M,{id:i.id,key:i.id,isMobile:n,defaultNotificationWidth:e.props.defaultNotificationWidth,notification:i,toggleRemoval:e.toggleRemoval,notificationsCount:t.length,hasBeenRemoved:i.hasBeenRemoved})}))}},{key:"renderMobileNotifications",value:function(n){var e=n.className,i=n.id,o=function(n){var e=[],i=[];return n.forEach((function(n){var o=n.container,r=t.CENTER;p(o)||o===r?e.push(n):m(o)&&i.push(n)})),{top:e,bottom:i}}(this.state.notifications),r=this.renderNotifications(o.top,!0),a=this.renderNotifications(o.bottom,!0);return c().createElement("div",{id:i,key:"mobile",className:"rnc__base ".concat(e||"")},c().createElement("div",{className:"rnc__notification-container--mobile-top"},r),c().createElement("div",{className:"rnc__notification-container--mobile-bottom"},a))}},{key:"renderScreenNotifications",value:function(n){var e=n.className,i=n.id,o=function(n){var e=[],i=[],o=[],r=[],a=[],c=[],s=[],u=[],f=[];return n.forEach((function(n){var l=n.container;l===t.TOP_FULL?u.push(n):l===t.BOTTOM_FULL?f.push(n):l===t.TOP_LEFT?e.push(n):l===t.TOP_RIGHT?i.push(n):l===t.TOP_CENTER?o.push(n):l===t.BOTTOM_LEFT?r.push(n):l===t.BOTTOM_RIGHT?a.push(n):l===t.BOTTOM_CENTER?c.push(n):l===t.CENTER&&s.push(n)})),{topFull:u,bottomFull:f,topLeft:e,topRight:i,topCenter:o,bottomLeft:r,bottomRight:a,bottomCenter:c,center:s}}(this.state.notifications),r=this.renderNotifications(o.topFull,!1),a=this.renderNotifications(o.bottomFull,!1),s=this.renderNotifications(o.topLeft,!1),u=this.renderNotifications(o.topRight,!1),f=this.renderNotifications(o.topCenter,!1),l=this.renderNotifications(o.bottomLeft,!1),d=this.renderNotifications(o.bottomRight,!1),m=this.renderNotifications(o.bottomCenter,!1),p=this.renderNotifications(o.center,!1);return c().createElement("div",{id:i,key:"screen",className:"rnc__base ".concat(e||"")},c().createElement("div",{className:"rnc__notification-container--top-full"},r),c().createElement("div",{className:"rnc__notification-container--bottom-full"},a),c().createElement("div",{className:"rnc__notification-container--top-left"},s),c().createElement("div",{className:"rnc__notification-container--top-right"},u),c().createElement("div",{className:"rnc__notification-container--bottom-left"},l),c().createElement("div",{className:"rnc__notification-container--bottom-right"},d),c().createElement("div",{className:"rnc__notification-container--top-center"},f),c().createElement("div",{className:"rnc__notification-container--center"},c().createElement("div",{className:"rnc__util--flex-center"},p)),c().createElement("div",{className:"rnc__notification-container--bottom-center"},m))}},{key:"render",value:function(){var t=this.props.isMobile,n=this.state,e=n.windowWidth,i=n.breakpoint;return t&&e<=i?this.renderMobileNotifications(this.props):this.renderScreenNotifications(this.props)}}])&&x(e.prototype,i),o&&x(e,o),Object.defineProperty(e,"prototype",{writable:!1}),a}(c().Component)})(),o})()}));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","mappings":"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","sources":["webpack://react-notifications-component/webpack/universalModuleDefinition","webpack://react-notifications-component/external umd {\"commonjs\":\"react\",\"commonjs2\":\"react\",\"amd\":\"react\",\"root\":\"React\"}","webpack://react-notifications-component/webpack/bootstrap","webpack://react-notifications-component/webpack/runtime/compat get default export","webpack://react-notifications-component/webpack/runtime/define property getters","webpack://react-notifications-component/webpack/runtime/hasOwnProperty shorthand","webpack://react-notifications-component/webpack/runtime/make namespace object","webpack://react-notifications-component/./src/utils/enums.ts","webpack://react-notifications-component/./src/utils/constants.ts","webpack://react-notifications-component/./src/utils/helpers.ts","webpack://react-notifications-component/./src/utils/timer.ts","webpack://react-notifications-component/./src/components/Notification.tsx","webpack://react-notifications-component/./src/store/index.ts","webpack://react-notifications-component/./src/components/Container.tsx"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"react\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"react\"], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"react-notifications-component\"] = factory(require(\"react\"));\n\telse\n\t\troot[\"react-notifications-component\"] = factory(root[\"React\"]);\n})(this, function(__WEBPACK_EXTERNAL_MODULE__359__) {\nreturn ","module.exports = __WEBPACK_EXTERNAL_MODULE__359__;","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { NOTIFICATION_CONTAINER, NOTIFICATION_INSERTION, NOTIFICATION_TYPE, NOTIFICATION_REMOVAL_SOURCE };\r\nvar NOTIFICATION_CONTAINER;\r\n(function (NOTIFICATION_CONTAINER) {\r\n    NOTIFICATION_CONTAINER[\"BOTTOM_LEFT\"] = \"bottom-left\";\r\n    NOTIFICATION_CONTAINER[\"BOTTOM_RIGHT\"] = \"bottom-right\";\r\n    NOTIFICATION_CONTAINER[\"BOTTOM_CENTER\"] = \"bottom-center\";\r\n    NOTIFICATION_CONTAINER[\"TOP_LEFT\"] = \"top-left\";\r\n    NOTIFICATION_CONTAINER[\"TOP_RIGHT\"] = \"top-right\";\r\n    NOTIFICATION_CONTAINER[\"TOP_CENTER\"] = \"top-center\";\r\n    NOTIFICATION_CONTAINER[\"CENTER\"] = \"center\";\r\n    NOTIFICATION_CONTAINER[\"TOP_FULL\"] = \"top-full\";\r\n    NOTIFICATION_CONTAINER[\"BOTTOM_FULL\"] = \"bottom-full\";\r\n})(NOTIFICATION_CONTAINER || (NOTIFICATION_CONTAINER = {}));\r\nvar NOTIFICATION_INSERTION;\r\n(function (NOTIFICATION_INSERTION) {\r\n    NOTIFICATION_INSERTION[\"TOP\"] = \"top\";\r\n    NOTIFICATION_INSERTION[\"BOTTOM\"] = \"bottom\";\r\n})(NOTIFICATION_INSERTION || (NOTIFICATION_INSERTION = {}));\r\nvar NOTIFICATION_TYPE;\r\n(function (NOTIFICATION_TYPE) {\r\n    NOTIFICATION_TYPE[\"SUCCESS\"] = \"success\";\r\n    NOTIFICATION_TYPE[\"DANGER\"] = \"danger\";\r\n    NOTIFICATION_TYPE[\"INFO\"] = \"info\";\r\n    NOTIFICATION_TYPE[\"DEFAULT\"] = \"default\";\r\n    NOTIFICATION_TYPE[\"WARNING\"] = \"warning\";\r\n})(NOTIFICATION_TYPE || (NOTIFICATION_TYPE = {}));\r\nvar NOTIFICATION_REMOVAL_SOURCE;\r\n(function (NOTIFICATION_REMOVAL_SOURCE) {\r\n    NOTIFICATION_REMOVAL_SOURCE[\"TIMEOUT\"] = \"timeout\";\r\n    NOTIFICATION_REMOVAL_SOURCE[\"CLICK\"] = \"click\";\r\n    NOTIFICATION_REMOVAL_SOURCE[\"TOUCH\"] = \"touch\";\r\n    NOTIFICATION_REMOVAL_SOURCE[\"MANUAL\"] = \"manual\";\r\n})(NOTIFICATION_REMOVAL_SOURCE || (NOTIFICATION_REMOVAL_SOURCE = {}));\r\n","export const DEFAULT_CONTAINER_VALUES = {\r\n    isMobile: true,\r\n    breakpoint: 768,\r\n    defaultNotificationWidth: 325\r\n};\r\nexport const NOTIFICATION_BASE_CLASS = 'rnc__notification-item';\r\nexport const ERROR = {\r\n    ANIMATION_IN: 'Validation error. `animationIn` option must be an array',\r\n    ANIMATION_OUT: 'Validation error. `animationOut` option must be an array',\r\n    DISMISS_REQUIRED: 'Validation error. `duration` property of `dismiss` option is required',\r\n    DISMISS_NUMBER: 'Validation error. `duration` property of `dismiss` option must be a Number',\r\n    DISMISS_POSITIVE: 'Validation error. `duration` property of `dismiss` option must be a positive Number',\r\n    DISMISS_CLICK_BOOL: 'Validation error. `click` property of `dismiss` option must be a Boolean',\r\n    DISMISS_TOUCH_BOOL: 'Validation error. `touch` property of `dismiss` option must be a Boolean',\r\n    DISMISS_WAIT: 'Validation error. `waitForAnimation` property of `dismiss` option must be a Boolean',\r\n    DISMISS_PAUSE_BOOL: 'Validation error. `pauseOnHover` property of `dismiss` option must be a Boolean',\r\n    DISMISS_ONSCREEN_BOOL: 'Validation error. `onScreen` property of `dismiss` option must be a Boolean',\r\n    DISMISS_ICON: 'Validation error. `showIcon` property of `dismiss` option must be a Boolean',\r\n    TITLE_STRING: 'Validation error. `title` option must be a String',\r\n    TITLE_ELEMENT: 'Validation error. `title` option must be a valid React element/function',\r\n    MESSAGE_REQUIRED: 'Validation error. `message` option is required',\r\n    MESSAGE_STRING: 'Validation error. `message` option must be a String',\r\n    MESSAGE_ELEMENT: 'Validation error. `message` option must be a valid React element/function',\r\n    TYPE_REQUIRED: 'Validation error. `type` option is required',\r\n    TYPE_STRING: 'Validation error. `type` option must be a String',\r\n    TYPE_NOT_EXISTENT: 'Validation error. `type` option not found',\r\n    CONTAINER_REQUIRED: 'Validation error. `container` option is required',\r\n    CONTAINER_STRING: 'Validation error. `container` option must be a String',\r\n    CONTENT_INVALID: 'Validation error. `content` option must be a valid React component/function/element',\r\n    WIDTH_NUMBER: 'Validation error. `width` option must be a Number',\r\n    INSERT_STRING: 'Validation error. `insert` option must be a String',\r\n    TRANSITION_DURATION_NUMBER: 'Validation error. `duration` property of `transition` option must be a Number',\r\n    TRANSITION_TIMING_FUNCTION: 'Validation error. `timingFunction` property of `transition` option must be a String',\r\n    TRANSITION_DELAY_NUMBER: 'Validation error. `delay` property of `transition` option must be a Number',\r\n    TYPE_NOT_FOUND: 'Validation error. Custom type not found',\r\n    REMOVAL_FUNC: 'Validation error. `onRemoval` must be a function'\r\n};\r\n","import { NOTIFICATION_BASE_CLASS } from \"src/utils/constants\";\r\nimport { NOTIFICATION_CONTAINER, NOTIFICATION_INSERTION, NOTIFICATION_TYPE } from \"src/utils/enums\";\r\nexport const isNullOrUndefined = (object) => object === null || object === undefined;\r\nexport function isBottomContainer(container) {\r\n    return (container === NOTIFICATION_CONTAINER.BOTTOM_FULL ||\r\n        container === NOTIFICATION_CONTAINER.BOTTOM_LEFT ||\r\n        container === NOTIFICATION_CONTAINER.BOTTOM_RIGHT ||\r\n        container === NOTIFICATION_CONTAINER.BOTTOM_CENTER);\r\n}\r\nexport function isTopContainer(container) {\r\n    return (container === NOTIFICATION_CONTAINER.TOP_FULL ||\r\n        container === NOTIFICATION_CONTAINER.TOP_LEFT ||\r\n        container === NOTIFICATION_CONTAINER.TOP_RIGHT ||\r\n        container === NOTIFICATION_CONTAINER.TOP_CENTER);\r\n}\r\nexport function hasFullySwiped(diffX, width) {\r\n    const swipeLength = Math.abs(diffX);\r\n    const requiredSwipeLength = (40 / 100) * width;\r\n    return swipeLength >= requiredSwipeLength;\r\n}\r\nexport function shouldNotificationHaveSliding(notification, count) {\r\n    if (count <= 1) {\r\n        return false;\r\n    }\r\n    return (count > 1 &&\r\n        ((notification.insert === NOTIFICATION_INSERTION.TOP && isTopContainer(notification.container)) ||\r\n            (notification.insert === NOTIFICATION_INSERTION.BOTTOM && isBottomContainer(notification.container)) ||\r\n            notification.container === NOTIFICATION_CONTAINER.CENTER));\r\n}\r\nexport function htmlClassesForExistingType(type) {\r\n    switch (type) {\r\n        case NOTIFICATION_TYPE.DEFAULT:\r\n            return [NOTIFICATION_BASE_CLASS, 'rnc__notification-item--default'];\r\n        case NOTIFICATION_TYPE.SUCCESS:\r\n            return [NOTIFICATION_BASE_CLASS, 'rnc__notification-item--success'];\r\n        case NOTIFICATION_TYPE.DANGER:\r\n            return [NOTIFICATION_BASE_CLASS, 'rnc__notification-item--danger'];\r\n        case NOTIFICATION_TYPE.WARNING:\r\n            return [NOTIFICATION_BASE_CLASS, 'rnc__notification-item--warning'];\r\n        case NOTIFICATION_TYPE.INFO:\r\n            return [NOTIFICATION_BASE_CLASS, 'rnc__notification-item--info'];\r\n        default:\r\n            return [NOTIFICATION_BASE_CLASS];\r\n    }\r\n}\r\nexport function getHtmlClassesForType(notification) {\r\n    const { type, content, userDefinedTypes } = notification;\r\n    const base = [NOTIFICATION_BASE_CLASS];\r\n    if (content) {\r\n        return base;\r\n    }\r\n    if (isNullOrUndefined(userDefinedTypes)) {\r\n        return htmlClassesForExistingType(type);\r\n    }\r\n    const foundType = userDefinedTypes.find((q) => q.name === type);\r\n    return base.concat(foundType.htmlClasses);\r\n}\r\nexport function getNotificationsForMobileView(notifications) {\r\n    const top = [];\r\n    const bottom = [];\r\n    notifications.forEach((notification) => {\r\n        const { container } = notification;\r\n        const { CENTER } = NOTIFICATION_CONTAINER;\r\n        if (isTopContainer(container) || container === CENTER) {\r\n            top.push(notification);\r\n        }\r\n        else if (isBottomContainer(container)) {\r\n            bottom.push(notification);\r\n        }\r\n    });\r\n    return { top, bottom };\r\n}\r\nexport function getNotificationsForEachContainer(notifications) {\r\n    const topLeft = [];\r\n    const topRight = [];\r\n    const topCenter = [];\r\n    const bottomLeft = [];\r\n    const bottomRight = [];\r\n    const bottomCenter = [];\r\n    const center = [];\r\n    const topFull = [];\r\n    const bottomFull = [];\r\n    notifications.forEach((notification) => {\r\n        const { container } = notification;\r\n        if (container === NOTIFICATION_CONTAINER.TOP_FULL) {\r\n            topFull.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.BOTTOM_FULL) {\r\n            bottomFull.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.TOP_LEFT) {\r\n            topLeft.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.TOP_RIGHT) {\r\n            topRight.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.TOP_CENTER) {\r\n            topCenter.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.BOTTOM_LEFT) {\r\n            bottomLeft.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.BOTTOM_RIGHT) {\r\n            bottomRight.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.BOTTOM_CENTER) {\r\n            bottomCenter.push(notification);\r\n        }\r\n        else if (container === NOTIFICATION_CONTAINER.CENTER) {\r\n            center.push(notification);\r\n        }\r\n    });\r\n    return {\r\n        topFull,\r\n        bottomFull,\r\n        topLeft,\r\n        topRight,\r\n        topCenter,\r\n        bottomLeft,\r\n        bottomRight,\r\n        bottomCenter,\r\n        center\r\n    };\r\n}\r\nexport function getTransition({ duration, timingFunction, delay }, property) {\r\n    return `${duration}ms ${property} ${timingFunction} ${delay}ms`;\r\n}\r\nexport function getUid(a) {\r\n    return a ? (0 | (Math.random() * 16)).toString(16) : ('' + 1e11 + 1e11).replace(/1|0/g, getUid);\r\n}\r\nfunction defaultTransition(transition, { duration, timingFunction, delay }) {\r\n    const transitionOptions = transition || {};\r\n    if (isNullOrUndefined(transitionOptions.duration)) {\r\n        transitionOptions.duration = duration;\r\n    }\r\n    if (isNullOrUndefined(transitionOptions.timingFunction)) {\r\n        transitionOptions.timingFunction = timingFunction;\r\n    }\r\n    if (isNullOrUndefined(transitionOptions.delay)) {\r\n        transitionOptions.delay = delay;\r\n    }\r\n    return transitionOptions;\r\n}\r\nfunction defaultDismiss(dismiss) {\r\n    const option = dismiss;\r\n    const defaults = {\r\n        duration: 0,\r\n        click: true,\r\n        touch: true,\r\n        onScreen: false,\r\n        pauseOnHover: false,\r\n        waitForAnimation: false,\r\n        showIcon: false\r\n    };\r\n    if (!option) {\r\n        return defaults;\r\n    }\r\n    Object.keys(defaults).forEach((prop) => {\r\n        if (isNullOrUndefined(option[prop])) {\r\n            option[prop] = defaults[prop];\r\n        }\r\n    });\r\n    return option;\r\n}\r\nfunction defaultUserDefinedTypes(notification, definedTypes) {\r\n    const { content, type } = notification;\r\n    if (content) {\r\n        return undefined;\r\n    }\r\n    if (type === NOTIFICATION_TYPE.SUCCESS ||\r\n        type === NOTIFICATION_TYPE.DANGER ||\r\n        type === NOTIFICATION_TYPE.INFO ||\r\n        type === NOTIFICATION_TYPE.DEFAULT ||\r\n        type === NOTIFICATION_TYPE.WARNING ||\r\n        !definedTypes) {\r\n        return undefined;\r\n    }\r\n    return definedTypes;\r\n}\r\nexport function parseNotification(options, userDefinedTypes, defaultNotificationWidth) {\r\n    const notification = options;\r\n    const { id, type, insert, content, container, animationIn, animationOut, slidingEnter, slidingExit, touchRevert, touchSlidingExit, dismiss, width, onRemoval } = notification;\r\n    notification.id = id || getUid();\r\n    notification.type = content ? null : type.toLowerCase();\r\n    if (userDefinedTypes && !content) {\r\n        notification.userDefinedTypes = defaultUserDefinedTypes(notification, userDefinedTypes);\r\n    }\r\n    notification.width = isNullOrUndefined(width) ? defaultNotificationWidth : width;\r\n    notification.container = container.toLowerCase();\r\n    notification.insert = (insert || 'top').toLowerCase();\r\n    notification.dismiss = defaultDismiss(dismiss);\r\n    notification.animationIn = animationIn || [];\r\n    notification.animationOut = animationOut || [];\r\n    // eslint-disable-next-line\r\n    notification.onRemoval = onRemoval || (() => { });\r\n    const t = (duration, timingFunction, delay) => ({\r\n        duration,\r\n        timingFunction,\r\n        delay\r\n    });\r\n    notification.slidingEnter = defaultTransition(slidingEnter, t(600, 'linear', 0));\r\n    notification.slidingExit = defaultTransition(slidingExit, t(600, 'linear', 0));\r\n    notification.touchRevert = defaultTransition(touchRevert, t(600, 'linear', 0));\r\n    const touchExit = touchSlidingExit || {};\r\n    const swipe = touchExit.swipe || {};\r\n    const fade = touchExit.fade || {};\r\n    notification.touchSlidingExit = touchExit;\r\n    notification.touchSlidingExit.swipe = defaultTransition(swipe, t(600, 'linear', 0));\r\n    notification.touchSlidingExit.fade = defaultTransition(fade, t(300, 'linear', 0));\r\n    return notification;\r\n}\r\n","export default class Timer {\r\n    constructor(callback, delay) {\r\n        this.callback = callback;\r\n        this.remaining = delay;\r\n        this.resume();\r\n    }\r\n    pause() {\r\n        clearTimeout(this.timerId);\r\n        this.remaining -= Date.now() - this.start;\r\n    }\r\n    resume() {\r\n        this.start = Date.now();\r\n        clearTimeout(this.timerId);\r\n        this.timerId = setTimeout(this.callback, this.remaining);\r\n    }\r\n    clear() {\r\n        clearTimeout(this.timerId);\r\n    }\r\n}\r\n","import React from 'react';\r\nimport { getHtmlClassesForType, getTransition, hasFullySwiped, shouldNotificationHaveSliding } from 'src/utils/helpers';\r\nimport Timer from 'src/utils/timer';\r\nimport { NOTIFICATION_REMOVAL_SOURCE } from 'src/utils/enums';\r\nexport { Notification };\r\nclass Notification extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.onClick = () => {\r\n            const { notification: { dismiss } } = this.props;\r\n            if (dismiss.click || dismiss.showIcon) {\r\n                this.removeNotification(NOTIFICATION_REMOVAL_SOURCE.CLICK);\r\n            }\r\n        };\r\n        this.onTouchStart = (event) => {\r\n            const { pageX } = event.touches[0];\r\n            this.setState(({ parentStyle }) => ({\r\n                startX: pageX,\r\n                currentX: pageX,\r\n                parentStyle: Object.assign(Object.assign({}, parentStyle), { position: 'relative' })\r\n            }));\r\n        };\r\n        this.onTouchMove = (event) => {\r\n            const { pageX } = event.touches[0];\r\n            const { startX } = this.state;\r\n            const { toggleRemoval, notification: { id, onRemoval, slidingExit, touchSlidingExit: { swipe, fade } } } = this.props;\r\n            const distance = pageX - startX;\r\n            const { offsetWidth: width } = this.rootElementRef.current;\r\n            const swipeTo = window.innerWidth + width;\r\n            const left = `${pageX - startX >= 0 ? swipeTo : -swipeTo}px`;\r\n            if (hasFullySwiped(distance, width)) {\r\n                const t1 = getTransition(swipe, 'left');\r\n                const t2 = getTransition(fade, 'opacity');\r\n                const onTransitionEnd = () => {\r\n                    toggleRemoval(id, () => onRemoval(id, NOTIFICATION_REMOVAL_SOURCE.TOUCH));\r\n                };\r\n                return this.setState(({ parentStyle }) => ({\r\n                    touchEnabled: false,\r\n                    parentStyle: Object.assign(Object.assign({}, parentStyle), { left, opacity: 0, transition: `${t1}, ${t2}` }),\r\n                    onTransitionEnd: () => {\r\n                        this.setState(({ parentStyle }) => ({\r\n                            parentStyle: Object.assign(Object.assign({}, parentStyle), { height: `0px`, overflow: 'hidden', transition: getTransition(slidingExit, 'height') }),\r\n                            onTransitionEnd\r\n                        }));\r\n                    }\r\n                }));\r\n            }\r\n            return this.setState(({ parentStyle }) => ({\r\n                currentX: pageX,\r\n                parentStyle: Object.assign(Object.assign({}, parentStyle), { left: `${0 + distance}px` })\r\n            }));\r\n        };\r\n        this.onTouchEnd = () => {\r\n            const { notification: { touchRevert } } = this.props;\r\n            this.setState(({ parentStyle }) => ({\r\n                parentStyle: Object.assign(Object.assign({}, parentStyle), { left: 0, transition: getTransition(touchRevert, 'left') })\r\n            }));\r\n        };\r\n        this.onMouseEnter = () => {\r\n            if (this.timer) {\r\n                this.timer.pause();\r\n            }\r\n            else {\r\n                this.setState({ animationPlayState: 'paused' });\r\n            }\r\n        };\r\n        this.onMouseLeave = () => {\r\n            if (this.timer) {\r\n                this.timer.resume();\r\n            }\r\n            else {\r\n                this.setState({ animationPlayState: 'running' });\r\n            }\r\n        };\r\n        this.rootElementRef = React.createRef();\r\n        const { defaultNotificationWidth, notification, isMobile } = props;\r\n        const { width } = notification;\r\n        this.state = {\r\n            parentStyle: {\r\n                height: `0px`,\r\n                overflow: 'hidden',\r\n                width: `${width ? width : defaultNotificationWidth}px`\r\n            },\r\n            htmlClassList: getHtmlClassesForType(notification),\r\n            animationPlayState: 'running',\r\n            touchEnabled: true\r\n        };\r\n        if (isMobile) {\r\n            this.state.parentStyle.width = '100%';\r\n        }\r\n    }\r\n    componentWillUnmount() {\r\n        if (this.timer) {\r\n            this.timer.clear();\r\n        }\r\n    }\r\n    componentDidMount() {\r\n        const { notification, notificationsCount } = this.props;\r\n        const { dismiss: { duration, onScreen } } = notification;\r\n        const willSlide = shouldNotificationHaveSliding(notification, notificationsCount);\r\n        const { scrollHeight } = this.rootElementRef.current;\r\n        const onTransitionEnd = () => {\r\n            if (!duration || onScreen || this.timer)\r\n                return;\r\n            const callback = () => this.removeNotification(NOTIFICATION_REMOVAL_SOURCE.TIMEOUT);\r\n            this.timer = new Timer(callback, duration);\r\n        };\r\n        const callback = () => {\r\n            requestAnimationFrame(() => {\r\n                this.setState((prevState) => ({\r\n                    htmlClassList: [...notification.animationIn, ...prevState.htmlClassList]\r\n                }));\r\n            });\r\n        };\r\n        this.setState(({ parentStyle: { width } }) => ({\r\n            parentStyle: {\r\n                width,\r\n                height: `${scrollHeight}px`,\r\n                transition: willSlide ? getTransition(notification.slidingEnter, 'height') : '10ms height'\r\n            },\r\n            onTransitionEnd\r\n        }), callback);\r\n    }\r\n    componentDidUpdate(prevProps) {\r\n        if (this.props.hasBeenRemoved && !prevProps.hasBeenRemoved) {\r\n            this.removeNotification(NOTIFICATION_REMOVAL_SOURCE.MANUAL);\r\n        }\r\n        if (prevProps !== this.props && !this.props.hasBeenRemoved) {\r\n            const { container } = this.props.notification;\r\n            const { scrollHeight } = this.rootElementRef.current.children[0];\r\n            this.setState(({ parentStyle }) => ({\r\n                parentStyle: Object.assign(Object.assign({}, parentStyle), { height: `${scrollHeight + (container.endsWith('full') ? 0 : 15)}px` })\r\n            }));\r\n        }\r\n    }\r\n    removeNotification(removalFlag) {\r\n        const { notification, toggleRemoval } = this.props;\r\n        const { id, onRemoval, dismiss: { waitForAnimation } } = notification;\r\n        const htmlClassList = [...notification.animationOut, ...getHtmlClassesForType(notification)];\r\n        const onTransitionEnd = () => toggleRemoval(id, () => onRemoval(id, removalFlag));\r\n        const parentStyle = {\r\n            height: `0px`,\r\n            overflow: 'hidden',\r\n            transition: getTransition(notification.slidingExit, 'height')\r\n        };\r\n        if (waitForAnimation) {\r\n            return this.setState(({ parentStyle: { width } }) => ({\r\n                htmlClassList,\r\n                onAnimationEnd: () => {\r\n                    this.setState({\r\n                        parentStyle: Object.assign({ width }, parentStyle),\r\n                        onTransitionEnd\r\n                    });\r\n                }\r\n            }));\r\n        }\r\n        return this.setState(({ parentStyle: { width } }) => ({\r\n            parentStyle: Object.assign({ width }, parentStyle),\r\n            onTransitionEnd,\r\n            htmlClassList\r\n        }));\r\n    }\r\n    renderTimer() {\r\n        const { notification: { dismiss } } = this.props;\r\n        const { duration, onScreen } = dismiss;\r\n        const { animationPlayState } = this.state;\r\n        if (!duration || !onScreen) {\r\n            return;\r\n        }\r\n        const style = {\r\n            animationName: 'timer',\r\n            animationDuration: `${duration}ms`,\r\n            animationTimingFunction: 'linear',\r\n            animationFillMode: 'forwards',\r\n            animationDelay: `0`,\r\n            animationPlayState\r\n        };\r\n        const onAnimationEnd = () => this.removeNotification(NOTIFICATION_REMOVAL_SOURCE.TIMEOUT);\r\n        return (React.createElement(\"div\", { className: \"rnc__notification-timer\" },\r\n            React.createElement(\"div\", { className: \"rnc__notification-timer-filler\", onAnimationEnd: onAnimationEnd, style: style })));\r\n    }\r\n    renderCustomContent() {\r\n        const { htmlClassList } = this.state;\r\n        const { notification: { id, content: CustomContent, dismiss: { duration, pauseOnHover } } } = this.props;\r\n        const hasMouseEvents = duration > 0 && pauseOnHover;\r\n        return (React.createElement(\"div\", { className: `${[...htmlClassList].join(' ')}`, onMouseEnter: hasMouseEvents ? this.onMouseEnter : null, onMouseLeave: hasMouseEvents ? this.onMouseLeave : null }, React.isValidElement(CustomContent) ? CustomContent : React.createElement(CustomContent, Object.assign({}, { id, notificationConfig: Object.assign({}, this.props.notification) }))));\r\n    }\r\n    renderNotification() {\r\n        const { notification: { title, message, dismiss: { showIcon, duration, pauseOnHover } } } = this.props;\r\n        const { htmlClassList } = this.state;\r\n        const hasMouseEvents = duration > 0 && pauseOnHover;\r\n        return (React.createElement(\"div\", { className: `${[...htmlClassList].join(' ')}`, onMouseEnter: hasMouseEvents ? this.onMouseEnter : null, onMouseLeave: hasMouseEvents ? this.onMouseLeave : null },\r\n            React.createElement(\"div\", { className: \"rnc__notification-content\" },\r\n                showIcon && React.createElement(\"div\", { className: \"rnc__notification-close-mark\", onClick: this.onClick }),\r\n                title && React.createElement(\"div\", { className: \"rnc__notification-title\" }, title),\r\n                React.createElement(\"div\", { className: \"rnc__notification-message\" }, message),\r\n                this.renderTimer())));\r\n    }\r\n    render() {\r\n        const { notification: { content, dismiss: { click } } } = this.props;\r\n        const { parentStyle, onAnimationEnd, onTransitionEnd, touchEnabled } = this.state;\r\n        return (React.createElement(\"div\", { ref: this.rootElementRef, onClick: click ? this.onClick : null, style: parentStyle, className: \"rnc__notification\", onAnimationEnd: onAnimationEnd, onTransitionEnd: onTransitionEnd, onTouchStart: touchEnabled ? this.onTouchStart : null, onTouchMove: touchEnabled ? this.onTouchMove : null, onTouchEnd: touchEnabled ? this.onTouchEnd : null }, content ? this.renderCustomContent() : this.renderNotification()));\r\n    }\r\n}\r\n","import { parseNotification } from 'src/utils/helpers';\r\nimport { validateTransition, validators } from 'src/utils/validators';\r\nclass Store {\r\n    constructor() {\r\n        this.incrementCounter = () => (this.counter += 1);\r\n        this.getCounter = () => this.counter;\r\n        this.counter = 0;\r\n        this.add = null;\r\n    }\r\n    addNotification(notification) {\r\n        if (process.env.NODE_ENV === 'development') {\r\n            const transitions = ['slidingEnter', 'slidingExit', 'touchRevert', 'touchSlidingExit'];\r\n            transitions.forEach((transition) => validateTransition(notification, transition));\r\n            validators.forEach((validator) => validator(notification, this.types));\r\n        }\r\n        this.incrementCounter();\r\n        const parsedNotification = parseNotification(notification, this.types, this.defaultNotificationWidth);\r\n        return this.add(parsedNotification);\r\n    }\r\n    register(parameters) {\r\n        const { addNotification, removeNotification, removeAllNotifications, types, defaultNotificationWidth } = parameters;\r\n        this.add = addNotification;\r\n        this.removeNotification = removeNotification;\r\n        this.removeAllNotifications = removeAllNotifications;\r\n        this.defaultNotificationWidth = defaultNotificationWidth;\r\n        this.types = types;\r\n    }\r\n}\r\nexport default new Store();\r\n","import React from 'react';\r\nimport { Notification as ReactNotification } from 'src/components/Notification';\r\nimport store from 'src/store';\r\nimport { DEFAULT_CONTAINER_VALUES as DCV } from 'src/utils/constants';\r\nimport { getNotificationsForEachContainer, getNotificationsForMobileView, isNullOrUndefined } from 'src/utils/helpers';\r\nimport \"src/scss/notification.scss\";\r\nexport { Container };\r\nclass Container extends React.Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.handleResize = () => {\r\n            this.setState({ windowWidth: window.innerWidth });\r\n        };\r\n        this.add = (notification) => {\r\n            this.setState(({ notifications }) => {\r\n                const nextNotifications = [...notifications];\r\n                const i = nextNotifications.findIndex(({ id }) => id === notification.id);\r\n                if (i > -1) {\r\n                    nextNotifications[i] = notification;\r\n                    return {\r\n                        notifications: nextNotifications\r\n                    };\r\n                }\r\n                return {\r\n                    notifications: notification.insert === 'top'\r\n                        ? [notification, ...nextNotifications]\r\n                        : [...nextNotifications, notification]\r\n                };\r\n            });\r\n            return notification.id;\r\n        };\r\n        this.remove = (id) => {\r\n            this.setState(({ notifications }) => ({\r\n                notifications: notifications.map((notification) => {\r\n                    if (notification.id === id) {\r\n                        notification.hasBeenRemoved = true;\r\n                    }\r\n                    return notification;\r\n                })\r\n            }));\r\n        };\r\n        this.removeAllNotifications = () => {\r\n            this.setState({\r\n                notifications: this.state.notifications.map((notification) => (Object.assign(Object.assign({}, notification), { hasBeenRemoved: true })))\r\n            });\r\n        };\r\n        this.toggleRemoval = (id, callback) => {\r\n            this.setState(({ notifications }) => ({\r\n                notifications: notifications.filter(({ id: nId }) => nId !== id)\r\n            }), callback);\r\n        };\r\n        this.state = {\r\n            isMobile: isNullOrUndefined(props.isMobile) ? DCV.isMobile : props.isMobile,\r\n            breakpoint: isNullOrUndefined(props.breakpoint) ? DCV.breakpoint : props.breakpoint,\r\n            notifications: [],\r\n            windowWidth: undefined\r\n        };\r\n    }\r\n    componentDidMount() {\r\n        const { types, defaultNotificationWidth } = this.props;\r\n        store.register({\r\n            addNotification: this.add,\r\n            removeNotification: this.remove,\r\n            removeAllNotifications: this.removeAllNotifications,\r\n            defaultNotificationWidth: defaultNotificationWidth || DCV.defaultNotificationWidth,\r\n            types\r\n        });\r\n        this.setState({ windowWidth: window.innerWidth });\r\n        window.addEventListener('resize', this.handleResize);\r\n    }\r\n    componentWillUnmount() {\r\n        window.removeEventListener('resize', this.handleResize);\r\n    }\r\n    renderNotifications(notifications, isMobile) {\r\n        return notifications.map((notification) => (React.createElement(ReactNotification, { id: notification.id, key: notification.id, isMobile: isMobile, defaultNotificationWidth: this.props.defaultNotificationWidth, notification: notification, toggleRemoval: this.toggleRemoval, notificationsCount: notifications.length, hasBeenRemoved: notification.hasBeenRemoved })));\r\n    }\r\n    renderMobileNotifications(props) {\r\n        const { className, id } = props;\r\n        const { notifications } = this.state;\r\n        const mobileNotifications = getNotificationsForMobileView(notifications);\r\n        const top = this.renderNotifications(mobileNotifications.top, true);\r\n        const bottom = this.renderNotifications(mobileNotifications.bottom, true);\r\n        return (React.createElement(\"div\", { id: id, key: \"mobile\", className: `rnc__base ${className || ''}` },\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--mobile-top\" }, top),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--mobile-bottom\" }, bottom)));\r\n    }\r\n    renderScreenNotifications(props) {\r\n        const { className, id } = props;\r\n        const { notifications } = this.state;\r\n        const items = getNotificationsForEachContainer(notifications);\r\n        const topFull = this.renderNotifications(items.topFull, false);\r\n        const bottomFull = this.renderNotifications(items.bottomFull, false);\r\n        const topLeft = this.renderNotifications(items.topLeft, false);\r\n        const topRight = this.renderNotifications(items.topRight, false);\r\n        const topCenter = this.renderNotifications(items.topCenter, false);\r\n        const bottomLeft = this.renderNotifications(items.bottomLeft, false);\r\n        const bottomRight = this.renderNotifications(items.bottomRight, false);\r\n        const bottomCenter = this.renderNotifications(items.bottomCenter, false);\r\n        const center = this.renderNotifications(items.center, false);\r\n        return (React.createElement(\"div\", { id: id, key: \"screen\", className: `rnc__base ${className || ''}` },\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--top-full\" }, topFull),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--bottom-full\" }, bottomFull),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--top-left\" }, topLeft),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--top-right\" }, topRight),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--bottom-left\" }, bottomLeft),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--bottom-right\" }, bottomRight),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--top-center\" }, topCenter),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--center\" },\r\n                React.createElement(\"div\", { className: \"rnc__util--flex-center\" }, center)),\r\n            React.createElement(\"div\", { className: \"rnc__notification-container--bottom-center\" }, bottomCenter)));\r\n    }\r\n    render() {\r\n        const { isMobile } = this.props;\r\n        const { windowWidth, breakpoint } = this.state;\r\n        if (isMobile && windowWidth <= breakpoint) {\r\n            return this.renderMobileNotifications(this.props);\r\n        }\r\n        return this.renderScreenNotifications(this.props);\r\n    }\r\n}\r\n"],"names":["root","factory","exports","module","require","define","amd","this","__WEBPACK_EXTERNAL_MODULE__359__","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","n","getter","__esModule","d","a","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","NOTIFICATION_CONTAINER","NOTIFICATION_INSERTION","NOTIFICATION_TYPE","NOTIFICATION_REMOVAL_SOURCE","DEFAULT_CONTAINER_VALUES","NOTIFICATION_BASE_CLASS","isNullOrUndefined","object","isBottomContainer","container","BOTTOM_FULL","BOTTOM_LEFT","BOTTOM_RIGHT","BOTTOM_CENTER","isTopContainer","TOP_FULL","TOP_LEFT","TOP_RIGHT","TOP_CENTER","getHtmlClassesForType","notification","type","content","userDefinedTypes","base","DEFAULT","SUCCESS","DANGER","WARNING","INFO","htmlClassesForExistingType","foundType","find","q","name","concat","htmlClasses","getTransition","property","duration","timingFunction","delay","getUid","Math","random","toString","replace","defaultTransition","transition","transitionOptions","parseNotification","options","defaultNotificationWidth","id","insert","animationIn","animationOut","slidingEnter","slidingExit","touchRevert","touchSlidingExit","dismiss","width","onRemoval","toLowerCase","definedTypes","defaultUserDefinedTypes","option","defaults","click","touch","onScreen","pauseOnHover","waitForAnimation","showIcon","keys","forEach","defaultDismiss","t","touchExit","swipe","fade","Timer","callback","remaining","resume","clearTimeout","timerId","Date","now","start","setTimeout","Notification","props","onClick","removeNotification","CLICK","onTouchStart","event","pageX","touches","setState","parentStyle","startX","currentX","assign","position","onTouchMove","state","toggleRemoval","distance","rootElementRef","current","offsetWidth","swipeTo","window","innerWidth","left","diffX","abs","hasFullySwiped","t1","t2","onTransitionEnd","TOUCH","touchEnabled","opacity","height","overflow","onTouchEnd","onMouseEnter","timer","pause","animationPlayState","onMouseLeave","React","isMobile","htmlClassList","clear","notificationsCount","willSlide","count","TOP","BOTTOM","CENTER","shouldNotificationHaveSliding","scrollHeight","TIMEOUT","requestAnimationFrame","prevState","prevProps","hasBeenRemoved","MANUAL","children","endsWith","removalFlag","onAnimationEnd","style","animationName","animationDuration","animationTimingFunction","animationFillMode","animationDelay","className","CustomContent","hasMouseEvents","join","notificationConfig","title","message","renderTimer","ref","renderCustomContent","renderNotification","Store","incrementCounter","counter","getCounter","add","parsedNotification","types","parameters","addNotification","removeAllNotifications","Container","handleResize","windowWidth","nextNotifications","notifications","i","findIndex","remove","map","filter","DCV","breakpoint","store","register","addEventListener","removeEventListener","ReactNotification","length","mobileNotifications","top","bottom","push","getNotificationsForMobileView","renderNotifications","items","topLeft","topRight","topCenter","bottomLeft","bottomRight","bottomCenter","center","topFull","bottomFull","getNotificationsForEachContainer","renderMobileNotifications","renderScreenNotifications"],"sourceRoot":""}

package/dist/samples/js/components/App.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import 'src/scss/notification.scss';
+export default function App(): JSX.Element;