Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement option to pause when document is hidden #304

Merged
merged 4 commits into from
Jan 29, 2024

Conversation

etcd
Copy link
Contributor

@etcd etcd commented Jan 18, 2024

Issue 😱:

Closes #303

What has been done βœ…:

  • Create useIsDocumentHidden hook
  • Add pauseWhenDocumentHidden prop to Toast and Toaster
  • Add logic to pause Toast timers when document is hidden
  • Document prop for Toaster

Screenshots/Videos πŸŽ₯:

N/A

Copy link

vercel bot commented Jan 18, 2024

The latest updates on your projects. Learn more about Vercel for Git β†—οΈŽ

Name Status Preview Comments Updated (UTC)
sonner βœ… Ready (Inspect) Visit Preview πŸ’¬ Add feedback Jan 25, 2024 8:05am

@emilkowalski
Copy link
Owner

This is great! Could you perhaps clarify for the users what a hidden document is in the docs?

# Conflicts:
#	website/src/pages/toaster.mdx
@etcd
Copy link
Contributor Author

etcd commented Jan 25, 2024

This is great! Could you perhaps clarify for the users what a hidden document is in the docs?

Sure thing, just updated it with examples that come from MDN.

@etcd
Copy link
Contributor Author

etcd commented Jan 25, 2024

@emilkowalski wdyt of this option being enabled by default? It would change the default behavior, but it also seems slightly more bug fix than feature in some sense, because I think most people would prefer for toasts to not silently appear+disappear when in the background. Up to you though!

@emilkowalski
Copy link
Owner

@emilkowalski wdyt of this option being enabled by default? It would change the default behavior, but it also seems slightly more bug fix than feature in some sense, because I think most people would prefer for toasts to not silently appear+disappear when in the background. Up to you though!

Great call, let's make it the default.

@emilkowalski
Copy link
Owner

I'll merge for now as i want to release a new version, we can make it the default in the next PR.

@emilkowalski emilkowalski merged commit 5bb5868 into emilkowalski:main Jan 29, 2024
2 checks passed
SHABIN-K referenced this pull request in SHABIN-K/Brainwave Jan 30, 2024
[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [sonner](https://sonner.emilkowal.ski/)
([source](https://github.com/emilkowalski/sonner)) | [`1.3.1` ->
`1.4.0`](https://renovatebot.com/diffs/npm/sonner/1.3.1/1.4.0) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/sonner/1.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sonner/1.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sonner/1.3.1/1.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sonner/1.3.1/1.4.0?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>emilkowalski/sonner (sonner)</summary>

###
[`v1.4.0`](https://github.com/emilkowalski/sonner/releases/tag/v1.4.0)

[Compare
Source](https://github.com/emilkowalski/sonner/compare/c449e2741368b04b4524859aa2a60696c0cfb58c...v1.4.0)

#### What's Changed

- Use bunchee as bundler by
[@&#8203;huozhi](https://github.com/huozhi) in
[https://github.com/emilkowalski/sonner/pull/276](https://github.com/emilkowalski/sonner/pull/276)
- build: bump bundler for perf purpose by
[@&#8203;huozhi](https://github.com/huozhi) in
[https://github.com/emilkowalski/sonner/pull/277](https://github.com/emilkowalski/sonner/pull/277)
- Fix light theme on homepage by
[@&#8203;emilkowalski](https://github.com/emilkowalski) in
[https://github.com/emilkowalski/sonner/pull/281](https://github.com/emilkowalski/sonner/pull/281)
- feat: `description` support function in promise by
[@&#8203;kahosan](https://github.com/kahosan) in
[https://github.com/emilkowalski/sonner/pull/279](https://github.com/emilkowalski/sonner/pull/279)
- add PR and issue templates by
[@&#8203;choeqq](https://github.com/choeqq) in
[https://github.com/emilkowalski/sonner/pull/286](https://github.com/emilkowalski/sonner/pull/286)
- refactor: remove unused remaining time ref by
[@&#8203;wobsoriano](https://github.com/wobsoriano) in
[https://github.com/emilkowalski/sonner/pull/284](https://github.com/emilkowalski/sonner/pull/284)
- types: change label types to ReactNode by
[@&#8203;CanRau](https://github.com/CanRau) in
[https://github.com/emilkowalski/sonner/pull/280](https://github.com/emilkowalski/sonner/pull/280)
- feat: add `icons` prop to `<Toaster />` by
[@&#8203;amirhhashemi](https://github.com/amirhhashemi) in
[https://github.com/emilkowalski/sonner/pull/270](https://github.com/emilkowalski/sonner/pull/270)
- Fix types of toaster icons by
[@&#8203;emilkowalski](https://github.com/emilkowalski) in
[https://github.com/emilkowalski/sonner/pull/294](https://github.com/emilkowalski/sonner/pull/294)
- Fix loading icon bug by
[@&#8203;emilkowalski](https://github.com/emilkowalski) in
[https://github.com/emilkowalski/sonner/pull/295](https://github.com/emilkowalski/sonner/pull/295)
- Add close button prop to toast by
[@&#8203;emilkowalski](https://github.com/emilkowalski) in
[https://github.com/emilkowalski/sonner/pull/296](https://github.com/emilkowalski/sonner/pull/296)
- Swap bundlers by
[@&#8203;emilkowalski](https://github.com/emilkowalski) in
[https://github.com/emilkowalski/sonner/pull/297](https://github.com/emilkowalski/sonner/pull/297)
- Dont dismiss loading toast by
[@&#8203;emilkowalski](https://github.com/emilkowalski) in
[https://github.com/emilkowalski/sonner/pull/298](https://github.com/emilkowalski/sonner/pull/298)
- Upgrade bunchee for bundling bug fixes by
[@&#8203;huozhi](https://github.com/huozhi) in
[https://github.com/emilkowalski/sonner/pull/299](https://github.com/emilkowalski/sonner/pull/299)
- bump packages by [@&#8203;choeqq](https://github.com/choeqq) in
[https://github.com/emilkowalski/sonner/pull/283](https://github.com/emilkowalski/sonner/pull/283)
- chore: remove unused npm lock file by
[@&#8203;huozhi](https://github.com/huozhi) in
[https://github.com/emilkowalski/sonner/pull/300](https://github.com/emilkowalski/sonner/pull/300)
- fix: make closeButton option in toast take precedence over Toaster by
[@&#8203;jzxhuang](https://github.com/jzxhuang) in
[https://github.com/emilkowalski/sonner/pull/309](https://github.com/emilkowalski/sonner/pull/309)
- Renaming too general className with project-specific one
([#&#8203;305](https://github.com/emilkowalski/sonner/issues/305)) by
[@&#8203;jschoder](https://github.com/jschoder) in
[https://github.com/emilkowalski/sonner/pull/315](https://github.com/emilkowalski/sonner/pull/315)
- ghost-div doesn't block click in Firefox by
[@&#8203;jschoder](https://github.com/jschoder) in
[https://github.com/emilkowalski/sonner/pull/307](https://github.com/emilkowalski/sonner/pull/307)
- Avoid issues with `<li>` offest when using different positions by
[@&#8203;mmalomo](https://github.com/mmalomo) in
[https://github.com/emilkowalski/sonner/pull/314](https://github.com/emilkowalski/sonner/pull/314)
- Implement option to pause when document is hidden by
[@&#8203;etcd](https://github.com/etcd) in
[https://github.com/emilkowalski/sonner/pull/304](https://github.com/emilkowalski/sonner/pull/304)
- Update bundler by
[@&#8203;emilkowalski](https://github.com/emilkowalski) in
[https://github.com/emilkowalski/sonner/pull/317](https://github.com/emilkowalski/sonner/pull/317)

#### New Contributors

- [@&#8203;kahosan](https://github.com/kahosan) made their first
contribution in
[https://github.com/emilkowalski/sonner/pull/279](https://github.com/emilkowalski/sonner/pull/279)
- [@&#8203;choeqq](https://github.com/choeqq) made their first
contribution in
[https://github.com/emilkowalski/sonner/pull/286](https://github.com/emilkowalski/sonner/pull/286)
- [@&#8203;CanRau](https://github.com/CanRau) made their first
contribution in
[https://github.com/emilkowalski/sonner/pull/280](https://github.com/emilkowalski/sonner/pull/280)
- [@&#8203;amirhhashemi](https://github.com/amirhhashemi) made their
first contribution in
[https://github.com/emilkowalski/sonner/pull/270](https://github.com/emilkowalski/sonner/pull/270)
- [@&#8203;jzxhuang](https://github.com/jzxhuang) made their first
contribution in
[https://github.com/emilkowalski/sonner/pull/309](https://github.com/emilkowalski/sonner/pull/309)
- [@&#8203;jschoder](https://github.com/jschoder) made their first
contribution in
[https://github.com/emilkowalski/sonner/pull/315](https://github.com/emilkowalski/sonner/pull/315)
- [@&#8203;mmalomo](https://github.com/mmalomo) made their first
contribution in
[https://github.com/emilkowalski/sonner/pull/314](https://github.com/emilkowalski/sonner/pull/314)
- [@&#8203;etcd](https://github.com/etcd) made their first
contribution in
[https://github.com/emilkowalski/sonner/pull/304](https://github.com/emilkowalski/sonner/pull/304)

**Full Changelog**:
emilkowalski/sonner@v1.3.0...v1.4.0

</details>

---

### Configuration

πŸ“… **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

β™» **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

πŸ”• **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/SHABIN-K/toss).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4xNTMuMiIsInVwZGF0ZWRJblZlciI6IjM3LjE1My4yIiwidGFyZ2V0QnJhbmNoIjoibWFzdGVyIn0=-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feature: pause toast timers when document is hidden
2 participants