{"_id":"@ausuliv/frontend-components-notifications","_rev":"6-08807a90c1106263e0726caa807ce728","name":"@ausuliv/frontend-components-notifications","dist-tags":{"latest":"4.1.6"},"versions":{"4.1.0":{"name":"@ausuliv/frontend-components-notifications","version":"4.1.0","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components-notifications@4.1.0","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"da2af6d2f6d995732ae2c358a8ed780dc00983fb","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components-notifications/-/frontend-components-notifications-4.1.0.tgz","fileCount":95,"integrity":"sha512-biyf5QsHhZt9VFYlnBHwaZFy6tFYNVRVU10wiBT00ETOVoooqa6qk4C0QpS9TJvblfv1ISI2u5YfWRGZCGEBDw==","signatures":[{"sig":"MEQCIHY5d9ylBt+EBkpr3LmzQ2v1/EyXGL8IOSuIllV0DEhVAiBknF1ANR55BUDqa1sIj3aB7esVvcyBA2GStcBYPgEcYw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97470},"types":"index.d.ts","module":"esm/index.js","browser":"index.js","gitHead":"eb0fd267e93ac241f9c77f84ad84b23726196fbe","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\"","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"redux-promise-middleware":"6.1.3","@redhat-cloud-services/frontend-components":"^4.0.9","@redhat-cloud-services/frontend-components-utilities":"^4.0.2"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","typescript":"^5.0.0"},"peerDependencies":{"react":"^18.2.0","redux":">=4.2.0","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.2.9","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components-notifications_4.1.0_1718285912914_0.7756554758075387","host":"s3://npm-registry-packages"}},"4.1.1":{"name":"@ausuliv/frontend-components-notifications","version":"4.1.1","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components-notifications@4.1.1","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"4f067f1a09b07aeba7da2b4f043b71f643f4ef4a","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components-notifications/-/frontend-components-notifications-4.1.1.tgz","fileCount":95,"integrity":"sha512-Q6FxzJNVCMzoZEGekSEcT1zIQeIoyjxRlpa6ZPjrQZ5ld9OuxZpCJCbeykL7m68m6npoVvbckoFikxKcPIBOCg==","signatures":[{"sig":"MEUCIB2311vQY1G3F3VePTephJjZSKTM/5u+eQi0cbKkN9ytAiEAyqxuooggHZCZiWdQMc4O9Xqiis00CQMttLApdSB5zJI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97441},"types":"index.d.ts","module":"esm/index.js","browser":"index.js","gitHead":"f383099f08b7160fb89147cf661a722a4ccb5b4b","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\"","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"redux-promise-middleware":"6.1.3","@ausuliv/frontend-components":"4.2.9","@ausuliv/frontend-components-utilities":"4.0.10"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","typescript":"^5.0.0"},"peerDependencies":{"react":"^18.2.0","redux":">=4.2.0","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.2.9","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components-notifications_4.1.1_1718717708842_0.6274886906686352","host":"s3://npm-registry-packages"}},"4.1.2":{"name":"@ausuliv/frontend-components-notifications","version":"4.1.2","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components-notifications@4.1.2","homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"013db25bfb86ab530f0a55d5a389af293bdbef5d","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components-notifications/-/frontend-components-notifications-4.1.2.tgz","fileCount":95,"integrity":"sha512-EkyHjOCu5T2/H8ZppbNcK7G1doCYxbxxCdbVVm7wIfFxOp+nr1uADhvb7GjgFfpaE9uMyritGOnBj1OovDSqEQ==","signatures":[{"sig":"MEUCICyBQPcdT1rxZyiTC/o0OtQzlfYEZoY4FjBHNoXRABDCAiEAls92cYYAXU/qLUnqVo8nys6KJcxQmAqsEZhB1pVAlCI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97413},"types":"index.d.ts","module":"esm/index.js","browser":"index.js","gitHead":"aafe63f5615d6af2f54b40b4035f093ff53d7264","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\"","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"redux-promise-middleware":"6.1.3","@ausuliv/frontend-components":"4.2.9","@ausuliv/frontend-components-utilities":"4.0.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","typescript":"^5.0.0"},"peerDependencies":{"react":"^18.2.0","redux":">=4.2.0","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.2.9","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components-notifications_4.1.2_1718990983241_0.5477883595397897","host":"s3://npm-registry-packages"}},"4.1.3":{"name":"@ausuliv/frontend-components-notifications","version":"4.1.3","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components-notifications@4.1.3","homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"d873431d2094b40c2eba34bb26d27c74947247f2","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components-notifications/-/frontend-components-notifications-4.1.3.tgz","fileCount":95,"integrity":"sha512-GLELUiBqsvAjLU/euqntkYdmu94SD3pSwHk74kzEx78vrDtENe13aVbZvf4t7AePqkq5fFBQUtZ+3AI9OCYCkQ==","signatures":[{"sig":"MEYCIQD0zVThCKQTVpDxHA+ORqfFlLF90jWnw3IWa1S9GC+wsgIhAKG9Vz0V9w3Qq0rgjN/mndiVNpWBtYmA4dtAcAGHcLWX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97415},"types":"index.d.ts","module":"esm/index.js","browser":"index.js","gitHead":"aafe63f5615d6af2f54b40b4035f093ff53d7264","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\"","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"redux-promise-middleware":"6.1.3","@ausuliv/frontend-components":"^4.2.9","@ausuliv/frontend-components-utilities":"^4.0.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","typescript":"^5.0.0"},"peerDependencies":{"react":"^18.2.0","redux":">=4.2.0","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.2.9","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components-notifications_4.1.3_1718991037847_0.2606720090575212","host":"s3://npm-registry-packages"}},"4.1.4":{"name":"@ausuliv/frontend-components-notifications","version":"4.1.4","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components-notifications@4.1.4","homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"ab9248da8f7ff0857d56cd7ee287e889fd88f3c7","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components-notifications/-/frontend-components-notifications-4.1.4.tgz","fileCount":95,"integrity":"sha512-hGJo63ujVpD8gdyKMrWFy3gimJiAz4MqhbDLCKx+dawqhPOtqxgrKt8hzHCRXbGMRUviyuGdNrfPA24wHKBayw==","signatures":[{"sig":"MEQCIEI7i1oQQ9K/t8euqShGTcUqDNp1GEMi2y9n1fUyHs7IAiBnB11hucElecu24IbrmNpCfnyaPFhA1N11wy458aDVEQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97387},"types":"index.d.ts","module":"esm/index.js","browser":"index.js","gitHead":"aafe63f5615d6af2f54b40b4035f093ff53d7264","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\"","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"redux-promise-middleware":"6.1.3","@ausuliv/frontend-components":"^4.2.9","@ausuliv/frontend-components-utilities":"^4.0.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","typescript":"^5.0.0"},"peerDependencies":{"react":"^18.2.0","redux":">=4.2.0","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.2.9","@patternfly/react-core":"6.0.0-alpha.61","@patternfly/react-icons":"6.0.0-alpha.23"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components-notifications_4.1.4_1719861330091_0.2235684842871246","host":"s3://npm-registry-packages"}},"4.1.5":{"name":"@ausuliv/frontend-components-notifications","version":"4.1.5","author":"","license":"Apache-2.0","_id":"@ausuliv/frontend-components-notifications@4.1.5","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"dist":{"shasum":"e38001127d8c91e55d9aea4385a045b2c216a8d0","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components-notifications/-/frontend-components-notifications-4.1.5.tgz","fileCount":95,"integrity":"sha512-Zm+QOT1wvJl60V6SD9KEIROYJt0uBgNsRKmtz9Q2UnhjCP/DZGVhYsSk97cNth+c59nWhdciKEjvrw1aubzsxw==","signatures":[{"sig":"MEUCIAPbUQwQdd1vC5kXZYyGyRIYWoD9GnfuSsNr/W4Z4ku8AiEAnm7yZzxbnqL6mH8khY+qHHirv/mJCfxuCjF3+iKk154=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":97396},"types":"index.d.ts","module":"esm/index.js","browser":"index.js","gitHead":"c67e9a6a9ad28978a1f4bd150587981a848e161e","scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\"","build:js":"tsc -p tsconfig.cjs.json","build:css":"node ../../scripts/build-styles.js","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","transform:css":"node ../../scripts/transform-scss.js","build:packages":"node ../../scripts/build-packages.js --forceTypes"},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"repository":{"url":"git+https://github.com/RedHatInsights/frontend-components.git","type":"git"},"_npmVersion":"10.2.4","description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","directories":{},"_nodeVersion":"20.11.1","dependencies":{"redux-promise-middleware":"6.1.3","@ausuliv/frontend-components":"^4.2.9","@ausuliv/frontend-components-utilities":"^4.0.11"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"10.3.3","typescript":"^5.0.0"},"peerDependencies":{"react":"^18.2.0","redux":">=4.2.0","react-dom":"^18.2.0","prop-types":"^15.6.2","react-redux":">=7.2.9","@patternfly/react-core":"6.0.0-alpha.100","@patternfly/react-icons":"6.0.0-alpha.35"},"_npmOperationalInternal":{"tmp":"tmp/frontend-components-notifications_4.1.5_1724251308033_0.4782799654019836","host":"s3://npm-registry-packages"}},"4.1.6":{"name":"@ausuliv/frontend-components-notifications","version":"4.1.6","description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","browser":"index.js","module":"esm/index.js","types":"index.d.ts","publishConfig":{"access":"public"},"scripts":{"build":"npm run build:js && npm run build:esm && npm run build:css && npm run build:packages && npm run transform:css","build:css":"node ../../scripts/build-styles.js","build:packages":"node ../../scripts/build-packages.js --forceTypes","start":"concurrently \"npm run build:esm -- --watch\" \"npm run build:js -- --watch\" \"npm run build:css -- --watch\"","build:esm":"MODULES_ROOT=../../ tsc --module es2015 --target es5 -p tsconfig.esm.json","build:js":"tsc -p tsconfig.cjs.json","transform:css":"node ../../scripts/transform-scss.js"},"repository":{"type":"git","url":"git+https://github.com/RedHatInsights/frontend-components.git"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","peerDependencies":{"@patternfly/react-core":"6.0.0-prerelease.21","@patternfly/react-icons":"6.0.0-prerelease.7","prop-types":"^15.6.2","react":"^18.2.0","react-dom":"^18.2.0","redux":">=4.2.0","react-redux":">=7.2.9"},"dependencies":{"redux-promise-middleware":"6.1.3","@ausuliv/frontend-components-utilities":"^4.0.11","@ausuliv/frontend-components":"^4.2.9"},"devDependencies":{"glob":"10.3.3","typescript":"^5.0.0"},"_id":"@ausuliv/frontend-components-notifications@4.1.6","gitHead":"02f62422fa5dd04c598458354806e7cc9d6bcebd","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-z2QFI2olDv7ypHhvzs8rFGv7HGhYgfu9Fd8Vjk312yzsUxXGiaDdSVdzwKxvKH9IVgBVeR3MZSyNFPvVTlzKKg==","shasum":"65e6a01759e76e4429bd86d82c719bb5dd8e7506","tarball":"https://registry.npmjs.org/@ausuliv/frontend-components-notifications/-/frontend-components-notifications-4.1.6.tgz","fileCount":95,"unpackedSize":97403,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG0PuqqDouE0/5MeLPMu5Y84yDaoHUSevPK8ntnN+eUaAiBJKUo2qaS5WCPjWYJw662XTt0IWO/NEi5v40qxlVuFog=="}]},"_npmUser":{"name":"ausuliv","email":"ausulliv@redhat.com"},"directories":{},"maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/frontend-components-notifications_4.1.6_1728584434412_0.9511664764100218"},"_hasShrinkwrap":false}},"time":{"created":"2024-06-13T13:38:32.811Z","modified":"2024-10-10T18:20:34.887Z","4.1.0":"2024-06-13T13:38:33.099Z","4.1.1":"2024-06-18T13:35:08.978Z","4.1.2":"2024-06-21T17:29:43.403Z","4.1.3":"2024-06-21T17:30:38.008Z","4.1.4":"2024-07-01T19:15:30.254Z","4.1.5":"2024-08-21T14:41:48.352Z","4.1.6":"2024-10-10T18:20:34.696Z"},"bugs":{"url":"https://github.com/RedHatInsights/frontend-components/issues"},"license":"Apache-2.0","homepage":"https://github.com/RedHatInsights/frontend-components/tree/master/packages/notifications#readme","repository":{"type":"git","url":"git+https://github.com/RedHatInsights/frontend-components.git"},"description":"Notifications portal to show toast notifications for RedHat Cloud Services project.","maintainers":[{"name":"ausuliv","email":"ausulliv@redhat.com"}],"readme":"# RedHat Cloud Services frontend components - notifications\n\n[![npm version](https://badge.fury.io/js/%40redhat-cloud-services%2Ffrontend-components-notifications.svg)](https://badge.fury.io/js/%40redhat-cloud-services%2Ffrontend-components-notifications)\n\nThis package has portal component that shows toast notifications based on [PF4 alert component](https://v2.patternfly.org/documentation/core/components/alert).\n\n\n## Installation\nWith NPM\n```bash\nnpm i -S @redhat-cloud-services/frontend-components-notifications\n```\n\nWith yarn\n```bash\nyarn add @redhat-cloud-services/frontend-components-notifications\n```\n\nThis package is dependent on [@ausuliv/frontend-components-utilities](https://www.npmjs.com/package/@ausuliv/frontend-components-utilities) it will automatically install it trough direct dependencies.\n\n## Treeshaking\n\nIn order not to decrease your bundle size you you should either import components trough direct imports or use babel plugin to change relative imports to direct imports. You can mix both direct imports and babel plugin, it's just convenient to use the babel plugin so you don't have to change all of your imports.\n\n### Direct imports\n\nIt's recommended to use absolute import paths for improved build times. Import will be automatically resolved to ESM or CJS version of the build based on the environment.\n```JSX\nimport { addNotification } from '@redhat-cloud-services/frontend-components-notifications/redux';\n```\n### Migration V2 -> V3\nV3 of the packages has introduced improved build output for absolute import paths, It's no longer required to point towards ESM/CJS asset. This is now resolved at build time by the asset.\n\n**Remove ESM/CJS references**\n\n```jsx\n// v2\nimport NotificationsPortal from '@redhat-cloud-services/frontend-components-notifications/esm/NotificationsPortal';\n// v3\nimport NotificationPortal from '@redhat-cloud-services/frontend-components-notifications/NotificationPortal';\n```\n\n**Notification reducer, actions and action types have changed import path**\n\nThe correct import path is now at: `@redhat-cloud-services/frontend-components-notifications/redux`\n\nFor example: \n```jsx\n// v2\nimport { addNotification, ADD_NOTIFICATION } from '@redhat-cloud-services/frontend-components-notifications/cjs/actions';\n// v3\nimport { notificationsReducer, addNotification, ADD_NOTIFICATION } from '@redhat-cloud-services/frontend-components-notifications/redux';\nimport notificationsMiddleware from '@redhat-cloud-services/frontend-components-notifications/notificationsMiddleware';\n```\n\n**Adjust babel transform import config**\n\nIf you are using babel transform imports plugin, you need to change the import path.\n```jsx\n// v2\n{\n  transform: (importName) => `@redhat-cloud-services/frontend-components-notifications/esm/${importName}`\n}\n// v3\n{\n  transform: (importName) => `@redhat-cloud-services/frontend-components-notifications/${importName}`\n}\n\n```\n\n### Babel plugins\n\nThere are 2 plugins that can be used to change relative imports to direct imports\n* [babel-plugin-import](https://www.npmjs.com/package/babel-plugin-import) - easy setup, however not that extensible\n* [babel-plugin-transform-imports](https://www.npmjs.com/package/babel-plugin-transform-imports) - harder to setup, but allows custom rules\n\nSince our components require a bit more setting up, we are recommending using `babel-plugin-transform-imports`.\n\nChange your babel config to be javascript config `babel.config.js` so you can use JS functions to properly transform your imports\n\n```JS\nnotificationsMapper = {\n    addNotification: 'redux',\n    removeNotification: 'redux',\n};\nmodule.exports = {\n    presets: [\n        // your presets go here\n    ],\n    plugins: [\n        // your plugins\n        [\n            'transform-imports',\n            {\n              '@redhat-cloud-services/frontend-components-notifications': {\n                transform: (importName) =>\n                  `@redhat-cloud-services/frontend-components-notifications/${notificationsMapper[importName] || importName}`,\n                preventFullImport: true,\n              }\n            },\n            'frontend-notifications'\n        ]\n        // other plugins, for instance PF transform imports and such as well\n    ]\n};\n```\n\n### List of bundles\n* `index` - the entire notifications bundle, should be used as fallback if something does not exists in other modules\n* `notificationsMiddleware` - middleware function to hook into your redux\n* `actions` - list of notifications actions\n* `actionTypes` - list of redux action types\n* `NotificationPortal` - portal to render your notifications to\n* `notifications` - redux reducers are exported in this file\n\n## Documentation Links\n\n* Usage\n  * [Notifications](doc/notifications.md)\n","readmeFilename":"README.md"}