Enhanced Hooks with Outside Click Handling and Dark Mode Detection #654
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What kind of change does this PR introduce? (Bug fix, feature, docs update, ...)
Feature
Why was this change needed? (You can also link to an open issue here)
useOutsideAlerter: This change was needed to enhance the useOutsideAlerter hook by adding the ability to handle clicks outside a specified ref element and optionally handle the 'Escape' key press. This addition allows for more robust handling of click events in various components, such as modals and popovers.
useMediaQuery: The change was also necessary to expand the useMediaQuery hook's functionality. It now includes the detection of dark mode using the prefers-color-scheme: dark media query. This update provides a more comprehensive way to adapt UI elements to the user's system-wide preferences.
Other information:
No additional information is required for this change.