@successtar/cogo-toast
Version:
Beautiful, Zero Configuration, Toast Messages - Built with React (^18.2.0)
127 lines (77 loc) • 3.19 kB
Markdown
### Features
- 5.0.1
- Fix: ReactDOM.render warning in React 18.x.x
- 4.2.3
- Fix: install error at 4.2.2. #53
- 4.2.2
- Fix: useEffect not cancelling timeouts. #49
- Switched from pnpm to yarn to manage package dependencies - Better community support.
- 4.2.1
- Fix: Heading and renderIcon not being passed to the toast component
- 4.2.0
- Refactored entire codebase to TypeScript.
- Switched from yarn to pnpm to manage package dependencies.
- Bundle Size reduced to 4 KB
- No change to the package API or features. Everything should work as before.
- 4.2.0-beta.0
- Refactored entire codebase to TypeScript.
- Switched from yarn to pnpm to manage package dependencies.
- Bundle Size reduced to 4 KB
- No change to the package API or features. Everything should work as before.
- 4.1.3
- Fixes #44 and #45
- 4.1.1
- Added missing types for 4.0, role, and toastContainerID. #35
- 4.1.0
- Added a new option `toastContainerID`. This enables specifying the id of the parent dom element, to which the toast is mounted as a child. #27
- 4.0.0
- Breaking Change
- Hide the toast on Click
Before:
```javascript
cogoToast.success('This is a success message.', {
onClick: (hide) => {
hide();
},
};
```
Now:
```javascript
const { hide } = cogoToast.success('This is a success message.', {
onClick: () => {
hide();
},
};
```
- Toast now always returns a promise, as opposed to before. See issue #28
- Accesibilty - Added a role of `status` by default. Configurable via options. Thanks @balazsorban44.
- v3.2.2
- classnames added to each type of toast, to enable css overrides
- v3.2.1
- 3.2.0 Accidentally published a Non-Minified Build. 3.2.1 fixes this
- v3.2.0
- JSX Support:
- Prop types fix when using React node instead of a text message.
- JSX Usage added in the documentation.
- v3.1.0
- Ability to hide the toast immediately on click. `hide` function passed as a param in `onClick`.
```javascript
cogoToast.success('This is a success message.', {
onClick: (hide) => {
hide();
},
});
```
- v3.0.0
- Major internal rewrite to remove ReactDOMServer dependency.
- Using react hooks internally, so support for React versions before hooks is now dropped. Use `v2.0.1` if you want to use this library in versions before React@16.8 (pre-hooks)
**Breaking:**
- `icon` option changed to `renderIcon`, where you can pass a render function instead of a node. (Useful for Lazy Rendering)
- Export for `create` function removed. `cogoToast()` works like create did before.
- v2.0.1
- Fix for top level typings declaration
- v2.0.0
- Custom styling is now supported. Just extend the css classes to specify your own styles. For all classnames, refer to [/src/styles.css](/src/styles.css)
- Typescript typings added. Shout out to @sebastien-p
- v1.0.7 - Internal dependencies and build system upgraded. No changes to the toast.
- **cogoToast:** `cogoToast` is the root object of the containing of 5 functions, `success`, `info`, `loading`, `warn`, and `error`.