UNPKG

@tamagui/react-native-web-lite

Version:
85 lines (84 loc) 2.68 kB
import { canUseDOM } from "@tamagui/react-native-web-internals"; function isScreenReaderEnabled() { return new Promise((resolve, reject) => { resolve(true); }); } const prefersReducedMotionMedia = canUseDOM && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null; function isReduceMotionEnabled() { return new Promise((resolve, reject) => { resolve(prefersReducedMotionMedia ? prefersReducedMotionMedia.matches : true); }); } function addChangeListener(fn) { if (prefersReducedMotionMedia != null) { prefersReducedMotionMedia.addEventListener != null ? prefersReducedMotionMedia.addEventListener("change", fn) : prefersReducedMotionMedia.addListener(fn); } } function removeChangeListener(fn) { if (prefersReducedMotionMedia != null) { prefersReducedMotionMedia.removeEventListener != null ? prefersReducedMotionMedia.removeEventListener("change", fn) : prefersReducedMotionMedia.removeListener(fn); } } const handlers = {}; const AccessibilityInfo = { /** * Query whether a screen reader is currently enabled. * * Returns a promise which resolves to a boolean. * The result is `true` when a screen reader is enabled and `false` otherwise. */ isScreenReaderEnabled, /** * Query whether the user prefers reduced motion. * * Returns a promise which resolves to a boolean. * The result is `true` when a screen reader is enabled and `false` otherwise. */ isReduceMotionEnabled, /** * Deprecated */ fetch: isScreenReaderEnabled, /** * Add an event handler. Supported events: reduceMotionChanged */ addEventListener: function (eventName, handler) { if (eventName === "reduceMotionChanged") { if (!prefersReducedMotionMedia) { return; } const listener = event => { handler(event.matches); }; addChangeListener(listener); handlers[handler] = listener; } return { remove: () => AccessibilityInfo.removeEventListener(eventName, handler) }; }, /** * Set accessibility focus to a react component. */ setAccessibilityFocus: function (reactTag) {}, /** * Post a string to be announced by the screen reader. */ announceForAccessibility: function (announcement) {}, /** * Remove an event handler. */ removeEventListener: function (eventName, handler) { if (eventName === "reduceMotionChanged") { const listener = handlers[handler]; if (!listener || !prefersReducedMotionMedia) { return; } removeChangeListener(listener); } return; } }; export { AccessibilityInfo }; //# sourceMappingURL=index.mjs.map