### Financial Contributors
Become a financial contributor and help us sustain our community. [[Contribute](https://opencollective.com/react-toastify/contribute)]
#### Individuals
#### Organizations
Support this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https://opencollective.com/react-toastify/contribute)]
## Release Notes
You can find the release note for the latest release [here](https://github.com/fkhadra/react-toastify/releases/latest)
You can browse them all [here](https://github.com/fkhadra/react-toastify/releases)
## License
Licensed under MIT
react-toastify-9.1.2/babel.config.js 0000664 0000000 0000000 00000000267 14406376446 0017353 0 ustar 00root root 0000000 0000000 module.exports = {
presets: [
[
'@babel/preset-env',
{
shippedProposals: true,
targets: '>0.5%, not ie 11, not op_mini all',
},
],
],
};
react-toastify-9.1.2/build-addons.mjs 0000775 0000000 0000000 00000003523 14406376446 0017565 0 ustar 00root root 0000000 0000000 import { existsSync } from 'node:fs';
import { readdir, readFile, writeFile, rename } from 'node:fs/promises';
import { exec } from 'node:child_process';
import path from 'node:path';
import { promisify } from 'node:util';
const asyncExec = promisify(exec);
const packageJson = JSON.parse(
await readFile(new URL('./package.json', import.meta.url))
);
const BASE_DIR = './src/addons';
const MICRO_BUNDLE = './node_modules/.bin/microbundle';
try {
const dirs = await readdir(BASE_DIR);
for (const dir of dirs) {
let entryPoint = path.join(BASE_DIR, dir, 'index.ts');
const exportKey = `./addons/${dir}`;
const exportValues = {
require: '',
import: '',
types: `./addons/${dir}/index.d.ts`
};
if (!existsSync(entryPoint)) {
if (existsSync(`${entryPoint}x`)) {
entryPoint = `${entryPoint}x`;
} else {
throw new Error(`${entryPoint} does not exist`);
}
}
for (const moduleType of ['cjs', 'esm']) {
const filename = moduleType === 'esm' ? 'index.esm.mjs' : 'index.js';
const out = `./dist/addons/${dir}/${filename}`;
const exportOut = `./addons/${dir}/${filename}`;
const { stdout, stderr } = await asyncExec(
`${MICRO_BUNDLE} -i ${entryPoint} -o ${out} --no-pkg-main -f ${moduleType} --jsx React.createElement --external react-toastify --compress false`
);
console.log(stdout);
console.log(stderr);
if (moduleType === 'cjs') {
exportValues.require = exportOut;
} else if (moduleType === 'esm') {
exportValues.import = exportOut;
}
}
packageJson.exports = Object.assign(packageJson.exports, {
[exportKey]: exportValues
});
}
await writeFile('./package.json', JSON.stringify(packageJson, null, 2));
await rename('./dist/addons', './addons');
} catch (error) {
throw error;
}
react-toastify-9.1.2/example/ 0000775 0000000 0000000 00000000000 14406376446 0016132 5 ustar 00root root 0000000 0000000 react-toastify-9.1.2/example/.gitignore 0000664 0000000 0000000 00000000046 14406376446 0020122 0 ustar 00root root 0000000 0000000 node_modules
.cache
dist
.parcel-cache react-toastify-9.1.2/example/.parcelrc 0000664 0000000 0000000 00000000223 14406376446 0017723 0 ustar 00root root 0000000 0000000 {
"extends": "@parcel/config-default",
"transformers": {
"*.{ts,tsx}": [
"@parcel/transformer-typescript-tsc"
]
}
} react-toastify-9.1.2/example/components/ 0000775 0000000 0000000 00000000000 14406376446 0020317 5 ustar 00root root 0000000 0000000 react-toastify-9.1.2/example/components/App.tsx 0000664 0000000 0000000 00000020413 14406376446 0021577 0 ustar 00root root 0000000 0000000 /**
* The playground could use some love 💖. To the brave soul reading this
* message, any help would be appreciated 🙏
*
* The code is full of bad assertion 😆
*/
import * as React from 'react';
import { Header } from './Header';
import { Radio } from './Radio';
import { Checkbox } from './Checkbox';
import { ContainerCode, ContainerCodeProps } from './ContainerCode';
import { ToastCode, ToastCodeProps } from './ToastCode';
import { flags, themes, transitions } from './constants';
import { ToastContainer, toast, Id } from '../../src/index';
import '../../scss/main.scss';
// Attach to window. Can be useful to debug
// @ts-ignore
window.toast = toast;
// const animateCss = cssTransition({
// enter: 'animate__animated animate__bounceIn',
// exit: 'animate__animated animate__bounceOut'
// });
class App extends React.Component {
state = App.getDefaultState();
toastId: Id;
resolvePromise = true;
static getDefaultState() {
return {
...ToastContainer.defaultProps,
transition: 'bounce',
type: 'default',
progress: '',
disableAutoClose: false,
limit: 0,
theme: 'light'
};
}
handleReset = () =>
this.setState({
...App.getDefaultState()
});
clearAll = () => toast.dismiss();
showToast = () => {
this.toastId =
this.state.type === 'default'
? toast('🦄 Wow so easy !', { progress: this.state.progress })
: toast[this.state.type]('🚀 Wow so easy !', {
progress: this.state.progress
});
};
firePromise = () => {
toast.promise(
new Promise((resolve, reject) => {
setTimeout(() => {
this.resolvePromise ? resolve(null) : reject(null);
this.resolvePromise = !this.resolvePromise;
}, 3000);
}),
{
pending: 'Promise is pending',
success: 'Promise resolved 👌',
error: 'Promise rejected 🤯'
}
);
};
updateToast = () =>
toast.update(this.toastId, { progress: this.state.progress });
handleAutoCloseDelay = e =>
this.setState({
autoClose: e.target.value > 0 ? parseInt(e.target.value, 10) : 1
});
isDefaultProps() {
return (
this.state.position === 'top-right' &&
this.state.autoClose === 5000 &&
!this.state.disableAutoClose &&
!this.state.hideProgressBar &&
!this.state.newestOnTop &&
!this.state.rtl &&
this.state.pauseOnFocusLoss &&
this.state.pauseOnHover &&
this.state.closeOnClick &&
this.state.draggable &&
this.state.theme === 'light'
);
}
handleRadioOrSelect = e =>
this.setState({
[e.target.name]:
e.target.name === 'limit'
? parseInt(e.target.value, 10)
: e.target.value
});
toggleCheckbox = e =>
this.setState({
[e.target.name]: !this.state[e.target.name]
});
renderFlags() {
return flags.map(({ id, label }) => (
By default, all toasts will inherit ToastContainer's props. Props defined on toast supersede ToastContainer's props. Props marked with * can only be set on the ToastContainer. The demo is not exhaustive, check the repo for more!
content
}); toast('disable', { icon: false }); jest.runAllTimers(); }); expect( screen .getByText('string') .parentElement.getElementsByClassName('Toastify__toast-icon')[0] .textContent ).toEqual('🚀'); expect( screen .getByText('component') .parentElement.getElementsByClassName('Toastify__toast-icon')[0] .textContent ).toEqual('content'); expect( screen .getByText('disable') .parentElement.getElementsByClassName('Toastify__toast-icon').length ).toEqual(0); }); describe('Multiple container support', () => { it('Should render toasts in all container if enableMultiContainer is not set/false', () => { render( <>