{"_id":"@clevertrackdk/cogo-toast","_rev":"2-503b5b8c4f61c489d4ed50adda88fd83","name":"@clevertrackdk/cogo-toast","dist-tags":{"latest":"5.0.0"},"versions":{"4.2.4":{"name":"@clevertrackdk/cogo-toast","version":"4.2.4","keywords":["react","toast","react-toast","toast-react","toastr","toast messages","messages","notifications","react notifications","component","components","react component","react components","ui"],"author":{"url":"https://cogoport.io/","name":"Cogoport","email":"developers@cogoport.io"},"license":"MIT","_id":"@clevertrackdk/cogo-toast@4.2.4","maintainers":[{"name":"clevertrack","email":"mso@clevertrack.dk"}],"contributors":[{"url":"https://cogoport.io/","name":"Cogoport","email":"developers@cogoport.io"},{"url":"https://github.com/anmolmahatpurkar","name":"anmolmahatpurkar","email":"anmol@cogoport.com"}],"homepage":"https://cogoport.github.io/cogo-toast/","bugs":{"url":"https://github.com/Cogoport/cogo-toast/issues"},"dist":{"shasum":"5317f0e108bc4916eb255fa14a8472121d16e5c1","tarball":"https://registry.npmjs.org/@clevertrackdk/cogo-toast/-/cogo-toast-4.2.4.tgz","fileCount":6,"integrity":"sha512-mfqXQNhtBHl18M7ccB1wqHDUBBKSmDQtl/Fp64KU1KxJNvU2bZdJiBtOGbj6EK4sR8a0DC+D4n7jxUJ/OPsEwg==","signatures":[{"sig":"MEUCIBH36iFXXspx4HqcrvUVpYWBCLMjDj72nqzi1DCxvZj3AiEAg0/UnEGL8T4uCTNXQnDbX44JngCpc+7GoLfiF1/yRhY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34745},"main":"dist/index.js","module":"dist/index.es.js","gitHead":"55fc167c0394a172ba5141a261baf9b47505e30d","scripts":{"dev":"concurrently --kill-others-on-fail \"yarn run dev-npm\" \"yarn run dev-docs\"","build":"rollup -c","setup":"yarn install && cd docs && yarn install","deploy":"gh-pages -t -d docs/out","minify":"concurrently --kill-others-on-fail \"yarn run minify-cjs\" \"yarn run minify-es\"","dev-npm":"rollup -c -w","dev-docs":"cd docs && yarn run dev","minify-es":"terser --compress --mangle --comments /$^/ -o dist/index.es.js -- dist/index.es.js","postbuild":"yarn run minify","predeploy":"cd docs && yarn install && yarn run deploy","minify-cjs":"uglifyjs --compress --mangle -o dist/index.js -- dist/index.js","add-contributor":"all-contributors add"},"_npmUser":{"name":"clevertrack","email":"mso@clevertrack.dk"},"repository":{"url":"git+https://github.com/Cogoport/cogo-toast.git","type":"git"},"_npmVersion":"8.19.2","description":"Beautiful, Zero Configuration, Toast Messages - Built with React","directories":{"doc":"docs"},"jsnext:main":"dist/index.es.js","_nodeVersion":"18.12.1","_hasShrinkwrap":false,"devDependencies":{"react":"16.12.0","tslib":"^2.0.0","eslint":"^7.0.0","rollup":"^2.10.2","terser":"4.6.13","gh-pages":"2.2.0","prettier":"^2.0.5","cross-env":"7.0.2","react-dom":"16.12.0","uglify-js":"^3.9.3","prop-types":"^15.7.2","typescript":"^3.9.2","@babel/core":"7.9.6","@types/jest":"^25.2.2","@svgr/rollup":"5.4.0","@types/react":"^16.9.35","babel-eslint":"10.1.0","concurrently":"5.2.0","react-scripts":"3.4.1","@types/react-dom":"^16.9.8","@babel/preset-env":"7.9.6","@types/prop-types":"^15.7.3","@rollup/plugin-url":"^5.0.0","eslint-plugin-jest":"^23.13.1","@babel/preset-react":"7.9.4","eslint-plugin-react":"^7.20.0","prettier-eslint-cli":"^5.0.0","all-contributors-cli":"^6.14.2","eslint-config-airbnb":"^18.1.0","eslint-plugin-import":"^2.20.2","rollup-plugin-postcss":"3.1.1","eslint-config-prettier":"^6.11.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.3","@rollup/plugin-commonjs":"^11.1.0","eslint-config-react-app":"^5.2.1","@rollup/plugin-typescript":"^2.1.0","@typescript-eslint/parser":"^2.33.0","eslint-plugin-react-hooks":"^4.0.2","@rollup/plugin-node-resolve":"^7.1.3","@typescript-eslint/eslint-plugin":"^2.33.0","rollup-plugin-peer-deps-external":"^2.2.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0","react-dom":"^16.8.0 || ^17.0.0","prop-types":"^15.6.2"},"_npmOperationalInternal":{"tmp":"tmp/cogo-toast_4.2.4_1689325714420_0.6458505205431035","host":"s3://npm-registry-packages"}},"4.2.5":{"name":"@clevertrackdk/cogo-toast","version":"4.2.5","keywords":["react","toast","react-toast","toast-react","toastr","toast messages","messages","notifications","react notifications","component","components","react component","react components","ui"],"author":{"url":"https://cogoport.io/","name":"Cogoport","email":"developers@cogoport.io"},"license":"MIT","_id":"@clevertrackdk/cogo-toast@4.2.5","maintainers":[{"name":"clevertrack","email":"mso@clevertrack.dk"}],"contributors":[{"url":"https://cogoport.io/","name":"Cogoport","email":"developers@cogoport.io"},{"url":"https://github.com/anmolmahatpurkar","name":"anmolmahatpurkar","email":"anmol@cogoport.com"}],"homepage":"https://cogoport.github.io/cogo-toast/","bugs":{"url":"https://github.com/Cogoport/cogo-toast/issues"},"dist":{"shasum":"411cc4cb03d792fc1adbe6467038bc5997f747b6","tarball":"https://registry.npmjs.org/@clevertrackdk/cogo-toast/-/cogo-toast-4.2.5.tgz","fileCount":6,"integrity":"sha512-wdVkEKhSsO4MnaFzQ6hJnJ7dnp+vGF2epF/DYsNWIdicCDIP3JkFrjUV96GWtMLshYsrd8oKWNMkfKBebN69Aw==","signatures":[{"sig":"MEUCIQDcaeT1f3OZZoTtUke/aU6+ICT4xQj0xUuCIBkl0f5KqgIgShGeiQsjC+a8kebTD7OBK0JP4r4h0Ybrtp4YsIsMfug=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":34767},"main":"dist/index.js","module":"dist/index.es.js","gitHead":"e7fa633a657dcd8e0f12490f6f9969cbc7b82e46","scripts":{"dev":"concurrently --kill-others-on-fail \"yarn run dev-npm\" \"yarn run dev-docs\"","build":"rollup -c","setup":"yarn install && cd docs && yarn install","deploy":"gh-pages -t -d docs/out","minify":"concurrently --kill-others-on-fail \"yarn run minify-cjs\" \"yarn run minify-es\"","dev-npm":"rollup -c -w","dev-docs":"cd docs && yarn run dev","minify-es":"terser --compress --mangle --comments /$^/ -o dist/index.es.js -- dist/index.es.js","postbuild":"yarn run minify","predeploy":"cd docs && yarn install && yarn run deploy","minify-cjs":"uglifyjs --compress --mangle -o dist/index.js -- dist/index.js","add-contributor":"all-contributors add"},"_npmUser":{"name":"clevertrack","email":"mso@clevertrack.dk"},"repository":{"url":"git+https://github.com/Cogoport/cogo-toast.git","type":"git"},"_npmVersion":"9.6.5","description":"Beautiful, Zero Configuration, Toast Messages - Built with React","directories":{"doc":"docs"},"jsnext:main":"dist/index.es.js","_nodeVersion":"14.20.1","_hasShrinkwrap":false,"devDependencies":{"react":"16.12.0","tslib":"^2.0.0","eslint":"^7.0.0","rollup":"^2.10.2","terser":"4.6.13","gh-pages":"2.2.0","prettier":"^2.0.5","cross-env":"7.0.2","react-dom":"16.12.0","uglify-js":"^3.9.3","prop-types":"^15.7.2","typescript":"^3.9.2","@babel/core":"7.9.6","@types/jest":"^25.2.2","@svgr/rollup":"5.4.0","@types/react":"^16.9.35","babel-eslint":"10.1.0","concurrently":"5.2.0","react-scripts":"3.4.1","@types/react-dom":"^16.9.8","@babel/preset-env":"7.9.6","@types/prop-types":"^15.7.3","@rollup/plugin-url":"^5.0.0","eslint-plugin-jest":"^23.13.1","@babel/preset-react":"7.9.4","eslint-plugin-react":"^7.20.0","prettier-eslint-cli":"^5.0.0","all-contributors-cli":"^6.14.2","eslint-config-airbnb":"^18.1.0","eslint-plugin-import":"^2.20.2","rollup-plugin-postcss":"3.1.1","eslint-config-prettier":"^6.11.0","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.3","@rollup/plugin-commonjs":"^11.1.0","eslint-config-react-app":"^5.2.1","@rollup/plugin-typescript":"^2.1.0","@typescript-eslint/parser":"^2.33.0","eslint-plugin-react-hooks":"^4.0.2","@rollup/plugin-node-resolve":"^7.1.3","@typescript-eslint/eslint-plugin":"^2.33.0","rollup-plugin-peer-deps-external":"^2.2.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0","react-dom":"^16.8.0 || ^17.0.0 || ^18.0.0","prop-types":"^15.6.2"},"_npmOperationalInternal":{"tmp":"tmp/cogo-toast_4.2.5_1709209345076_0.6345943815669126","host":"s3://npm-registry-packages"}},"5.0.0":{"name":"@clevertrackdk/cogo-toast","description":"Beautiful, Zero Configuration, Toast Messages - Built with React","version":"5.0.0","license":"MIT","scripts":{"setup":"yarn install && cd docs && yarn install","add-contributor":"all-contributors add","dev-npm":"rollup -c -w","dev-docs":"cd docs && yarn run dev","dev":"concurrently --kill-others-on-fail \"yarn run dev-npm\" \"yarn run dev-docs\"","build":"rollup -c","minify-cjs":"uglifyjs --compress --mangle -o dist/index.js -- dist/index.js","minify-es":"terser --compress --mangle --comments /$^/ -o dist/index.es.js -- dist/index.es.js","minify":"concurrently --kill-others-on-fail \"yarn run minify-cjs\" \"yarn run minify-es\"","postbuild":"yarn run minify","predeploy":"cd docs && yarn install && yarn run deploy","deploy":"gh-pages -t -d docs/out"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0","react-dom":"^17.0.0 || ^18.0.0"},"devDependencies":{"@babel/core":"7.9.6","@babel/preset-env":"7.9.6","@babel/preset-react":"7.9.4","@rollup/plugin-commonjs":"^11.1.0","@rollup/plugin-node-resolve":"^7.1.3","@rollup/plugin-typescript":"^2.1.0","@rollup/plugin-url":"^5.0.0","@types/jest":"^25.2.2","@types/react":"^18.0.0","@types/react-dom":"^18.0.0","@typescript-eslint/eslint-plugin":"^2.33.0","@typescript-eslint/parser":"^2.33.0","@svgr/rollup":"5.4.0","all-contributors-cli":"^6.14.2","babel-eslint":"10.1.0","concurrently":"5.2.0","cross-env":"7.0.2","eslint":"^7.0.0","eslint-config-airbnb":"^18.1.0","eslint-config-prettier":"^6.11.0","eslint-config-react-app":"^5.2.1","eslint-plugin-import":"^2.20.2","eslint-plugin-jest":"^23.13.1","eslint-plugin-jsx-a11y":"^6.2.3","eslint-plugin-prettier":"^3.1.3","eslint-plugin-react":"^7.20.0","eslint-plugin-react-hooks":"^4.0.2","gh-pages":"2.2.0","prettier":"^2.0.5","prettier-eslint-cli":"^5.0.0","react":"^18.0.0","react-dom":"^18.0.0","react-scripts":"3.4.1","rollup":"^2.10.2","rollup-plugin-peer-deps-external":"^2.2.2","rollup-plugin-postcss":"3.1.1","terser":"4.6.13","typescript":"^3.9.2","tslib":"^2.0.0","uglify-js":"^3.9.3"},"main":"dist/index.js","module":"dist/index.es.js","jsnext:main":"dist/index.es.js","homepage":"https://cogoport.github.io/cogo-toast/","bugs":{"url":"https://github.com/Cogoport/cogo-toast/issues"},"repository":{"type":"git","url":"git+https://github.com/Cogoport/cogo-toast.git"},"keywords":["react","toast","react-toast","toast-react","toastr","toast messages","messages","notifications","react notifications","component","components","react component","react components","ui"],"author":{"name":"Cogoport","email":"developers@cogoport.io","url":"https://cogoport.io/"},"contributors":[{"name":"Cogoport","email":"developers@cogoport.io","url":"https://cogoport.io/"},{"name":"anmolmahatpurkar","email":"anmol@cogoport.com","url":"https://github.com/anmolmahatpurkar"}],"directories":{"doc":"docs"},"gitHead":"9198a550f8875f268c38797019656de660dfd585","_id":"@clevertrackdk/cogo-toast@5.0.0","_nodeVersion":"18.17.1","_npmVersion":"9.6.7","dist":{"integrity":"sha512-hx6SilvtxDBXQWGN5D2SdN2F7gNnd75Wz4xjvA4sNi0FpIB3n+tseG6PJQfyaE17PB5VXZOMF635ELrqKvkx1Q==","shasum":"1cd80df41b944992690f9d3e0e860008ec17491f","tarball":"https://registry.npmjs.org/@clevertrackdk/cogo-toast/-/cogo-toast-5.0.0.tgz","fileCount":6,"unpackedSize":34142,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIHxkLFXGCb9v75w0Jmt/jOILWnLIf8FOn1XSJNynAUFlAiEAsf/HUNUTumzKpfTL5lZPwIGuxq/OfUUYzcR1f3xTVeQ="}]},"_npmUser":{"name":"clevertrack","email":"mso@clevertrack.dk"},"maintainers":[{"name":"clevertrack","email":"mso@clevertrack.dk"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/cogo-toast_5.0.0_1738313764126_0.289684774353862"},"_hasShrinkwrap":false}},"time":{"created":"2023-07-14T09:08:34.360Z","modified":"2025-01-31T08:56:04.529Z","4.2.4":"2023-07-14T09:08:34.665Z","4.2.5":"2024-02-29T12:22:25.265Z","5.0.0":"2025-01-31T08:56:04.317Z"},"bugs":{"url":"https://github.com/Cogoport/cogo-toast/issues"},"author":{"name":"Cogoport","email":"developers@cogoport.io","url":"https://cogoport.io/"},"license":"MIT","homepage":"https://cogoport.github.io/cogo-toast/","keywords":["react","toast","react-toast","toast-react","toastr","toast messages","messages","notifications","react notifications","component","components","react component","react components","ui"],"repository":{"type":"git","url":"git+https://github.com/Cogoport/cogo-toast.git"},"description":"Beautiful, Zero Configuration, Toast Messages - Built with React","contributors":[{"name":"Cogoport","email":"developers@cogoport.io","url":"https://cogoport.io/"},{"name":"anmolmahatpurkar","email":"anmol@cogoport.com","url":"https://github.com/anmolmahatpurkar"}],"maintainers":[{"name":"clevertrack","email":"mso@clevertrack.dk"}],"readme":"

\"cogo-toast\"

\n

NOTE: This is a fork of the original archived repository

\n

Cogo Toast

\n

Beautiful, Zero Configuration, Toast Messages for React ~4kb gzip (with styles and icons)

\n

https://cogoport.github.io/cogo-toast/

\n\n[![Dependencies](https://img.shields.io/david/Cogoport/cogo-toast.svg)](https://david-dm.org/Cogoport/cogo-toast.svg)\n[![npm package](https://img.shields.io/npm/v/cogo-toast/latest.svg)](https://www.npmjs.com/package/cogo-toast)\n[![Small size](https://img.badgesize.io/https://unpkg.com/cogo-toast/dist/index.js?compression=gzip)](https://unpkg.com/cogo-toast/dist/index.js)\n[![npm downloads](https://img.shields.io/npm/dm/cogo-toast.svg)](https://www.npmjs.com/package/cogo-toast)\n![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)\n[![License](https://img.shields.io/npm/l/@xstyled/styled-components.svg)](https://github.com/Cogoport/cogo-toast/blob/master/LICENSE)\n\n

\n\"cogo-toast-preview\"\n

\n\n### Install via NPM:\n\n```bash\nnpm install --save cogo-toast\n```\n\n### Install via Yarn:\n\n```bash\nyarn add cogo-toast\n```\n\n#### Note:\n\nThe latest version `^3.0.0` makes the use of React Hooks internally.\n\nTo use this package in projects that don't support hooks, use `v2.0.1` instead.\n\n```bash\nyarn add cogo-toast@2.0.1\n```\n\n## Usage\n\nIts Plug and Play. No configuration required. Just import and you are good to go.\n\n```javascript\nimport cogoToast from 'cogo-toast';\n\ncogoToast.success('This is a success message!');\n```\n\n### 5 Built in Types\n\nThere are 5 built-in types to handle the most common cases in any application.\n\n```javascript\ncogoToast.success('This is a success message');\n\ncogoToast.info('This is a info message');\n\ncogoToast.loading('This is a loading message');\n\ncogoToast.warn('This is a warn message');\n\ncogoToast.error('This is a error message');\n```\n\n### Use JSX\n\n**cogoToast** is built using React. Which means any valid jsx can be used as the message in cogoToast\n\n```javascript\ncogoToast.info(\n
\n Awesome!\n
Isn't it?
\n
,\n);\n```\n\n### Returns a Promise\n\nReturns a promise which resolves when the toast is about to hide.\n\nThis can be useful to do some action when the toast has completed showing.\n\n```javascript\ncogoToast.loading('Loading your data...').then(() => {\n cogoToast.success('Data Successfully Loaded');\n});\n```\n\n### Hide on Click\n\n```javascript\nconst { hide } = cogoToast.success('This is a success message.', {\n onClick: () => {\n hide();\n },\n});\n```\n\n### Completely Customizable\n\nThe second parameter to the function is an options object that can be passed in for customization.\n\n```javascript\ncogoToast.info('This is an info message', options);\n```\n\n#### All Available Options\n\nHere's a list of all the available options, to customize the toast to your needs.\n\n| Options | Type | Default |\n| :-----------: | :----------------------------------------------------------------------------------------------: | :--------------------------------------------------------: |\n| hideAfter | Number in Seconds | `3`
(Can be `0` to disable auto-hiding of the toast) |\n| position | `'top-left', 'top-center', 'top-right',`
`'bottom-left', 'bottom-center', 'bottom-right'` | `'top-center'` |\n| heading | String | `''` |\n| renderIcon | Function | Icon Based on the Type |\n| bar | Object
`{ size: '2px', style: 'solid/dashed/dotted', color: '#hex' }` | Based on the Type |\n| onClick() | Function | `null` |\n| role | aria-role | `status` |\n| toastContainerID | The dom element in which the toast container is added | `ct-container` |\n\n### Custom Styling\n\nYou can provide your own custom styling by extending the `ct-toast` class in your css styles.\n\nFor all classnames, refer to [/src/styles/styles.css](/src/styles/styles.css)\n\n#### Customize each type of Toast seperately\n\nCustomize each type of Toast seperately, by extending the `ct-toast-` class. For example, in your CSS,\n\n```\nct-toast-success {\n color: #FFFFFF;\n background: #6EC05F;\n}\n```\n\n### Only ~ 4kb gzip (with Styles and Icons)\n\nThe package contains the minified build file, along with the SVG Icons and the Styles, built into the Code, with a total of only ~4kb gzip.\n\n## Contributors ✨\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\n\n\n\n \n \n \n \n \n \n \n
\"Anmol
Anmol Mahatpurkar
💻 🎨 📖		\"Balázs
Balázs Orbán
💻		\"Vitalii
Vitalii Kalchuk
💻		\"Amar
Amar Pathak
📖		\"Nataly
Nataly Shrits
💻
\n\n\n\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n","readmeFilename":"README.md"}