tsc-alias ftw!

Author: Rares Mardare

package-lock.json

@@ -1,14 +1,14 @@
 {
   "name": "react-notifications-component",
-  "version": "3.2.4",
+  "version": "3.2.5",
   "homepage": "http://teodosii.github.io/react-notifications-component",
   "description": "React component for creating notifications on the fly",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "build": "npm run build:library:dev && npm run build:library:prod",
     "build:library:dev": "webpack --config webpack.dev.js",
-    "build:library:prod": "webpack --config webpack.prod.js",
+    "build:library:prod": "webpack --config webpack.prod.js && tsc-alias",
     "build:samples:dev": "webpack --config webpack.samples.dev.js",
     "build:samples:prod": "webpack --config webpack.samples.prod.js",
     "watch:library": "webpack -w --config webpack.dev.js",
@@ -89,6 +89,7 @@
     "sass-loader": "^12.4.0",
     "style-loader": "^3.3.1",
     "terser-webpack-plugin": "^5.3.0",
+    "tsc-alias": "^1.5.0",
     "tsconfig-paths": "^3.12.0",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "typescript": "^4.5.5",

package.json

@@ -1,13 +1,13 @@
 import React from 'react'
-import ReactNotification from 'src'
+import { Container } from 'src/components/Container'
 import Header from './Header'
 import Content from './Content'
 import GithubCorner from 'react-github-corner'
 
 export default function App() {
   return (
     <React.Fragment>
-      <ReactNotification
+      <Container
         types={[
           {
             htmlClasses: ['rnc__notification-item--awesome'],

samples/js/components/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Store } from 'src'
+import Store from 'src/store'
 import ContainerExample from 'components/examples/ContainerExample'
 import TypeExample from 'components/examples/TypeExample'
 import InsertExample from 'components/examples/InsertExample'

samples/js/components/Content.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import notification from 'samples/js/helpers/notification'
 import { getContainer, getMessage, getType } from 'samples/js/helpers/randomize'
-import { Store } from 'src'
+import Store from 'src/store'
 import { iNotification } from 'src/types'
 
 function AnimationInExample() {

samples/js/components/examples/AnimationExample.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import notification from 'samples/js/helpers/notification'
 import { getMessage, getTitle, getType } from 'samples/js/helpers/randomize'
-import { Store } from 'src'
+import Store from 'src/store'
 import { iNotification } from 'src/types'
 
 export default function ContainerExample() {

samples/js/components/examples/ContainerExample.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react'
 import notification from 'samples/js/helpers/notification'
 import reactImage from 'samples/images/react.png'
 import { getContainer } from 'samples/js/helpers/randomize'
-import { Store } from 'src'
+import Store from 'src/store'
 import { iNotification } from 'src/types'
 
 export default function CustomContentExample() {

samples/js/components/examples/CustomContentExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Store } from 'src'
+import Store from 'src/store'
 import notification from 'samples/js/helpers/notification'
 import { getType, getMessage, getTitle } from 'samples/js/helpers/randomize'
 import { iNotification } from 'src/types'

samples/js/components/examples/InsertExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Store } from 'src'
+import Store from 'src/store'
 import notification from 'samples/js/helpers/notification'
 import { getContainer, getMessage, getTitle } from 'samples/js/helpers/randomize'
 import { iNotification } from 'src/types'

samples/js/components/examples/TypeExample.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { iContainerProps, iContainerState, iNotification } from 'src'
+import { iContainerProps, iContainerState, iNotification } from 'src/types'
 import ReactNotification from 'src/components/Notification'
 import 'src/scss/notification.scss'
 import store from 'src/store'
@@ -10,6 +10,8 @@ import {
   isNullOrUndefined
 } from 'src/utils/helpers'
 
+export { Container }
+
 class Container extends React.Component<iContainerProps, iContainerState> {
   constructor(props: iContainerProps) {
     super(props)
@@ -170,6 +172,4 @@ class Container extends React.Component<iContainerProps, iContainerState> {
 
     return this.renderScreenNotifications(this.props)
   }
-}
-
-export default Container
+}