UNPKG

@successtar/cogo-toast

Version:

Beautiful, Zero Configuration, Toast Messages - Built with React (^18.2.0)

127 lines (77 loc) 3.19 kB
### 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`.