Files
emaui/node_modules/@mantine/hooks/cjs/use-media-query/use-media-query.cjs
2026-05-29 15:23:46 +03:00

41 lines
1.1 KiB
JavaScript

'use client';
'use strict';
var React = require('react');
function attachMediaListener(query, callback) {
try {
query.addEventListener("change", callback);
return () => query.removeEventListener("change", callback);
} catch (e) {
query.addListener(callback);
return () => query.removeListener(callback);
}
}
function getInitialValue(query, initialValue) {
if (typeof window !== "undefined" && "matchMedia" in window) {
return window.matchMedia(query).matches;
}
return false;
}
function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
getInitialValueInEffect: true
}) {
const [matches, setMatches] = React.useState(
getInitialValueInEffect ? initialValue : getInitialValue(query)
);
React.useEffect(() => {
try {
const mediaQuery = window.matchMedia(query);
setMatches(mediaQuery.matches);
return attachMediaListener(mediaQuery, (event) => setMatches(event.matches));
} catch (e) {
return void 0;
}
}, [query]);
return matches || false;
}
exports.useMediaQuery = useMediaQuery;
//# sourceMappingURL=use-media-query.cjs.map