react-native-a11y
Version:
Improvements of a11y for ReactNative, this library improve work with reader and keyboard focus and reader in general.
64 lines • 3.39 kB
JavaScript
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
import { findNodeHandle, NativeEventEmitter } from "react-native";
import { KEYBOARD_STATUS_EVENT } from "./A11yModule.conts";
import * as RCA11yModule from "./RCA11yModule";
class A11yModuleIOSImpl {
constructor() {
_defineProperty(this, "_currentFocusedTag", null);
_defineProperty(this, "isKeyboardConnected", RCA11yModule.isKeyboardConnected);
_defineProperty(this, "keyboardStatusListener", callback => {
const eventEmitter = new NativeEventEmitter(RCA11yModule.RCA11y);
const eventListener = eventEmitter.addListener(KEYBOARD_STATUS_EVENT, callback);
return () => eventListener.remove();
});
_defineProperty(this, "announceForAccessibility", announcement => {
RCA11yModule.announceForAccessibility(announcement);
});
_defineProperty(this, "announceScreenChange", announcement => {
RCA11yModule.announceScreenChange(announcement);
});
_defineProperty(this, "setA11yFocus", ref => {
const tag = findNodeHandle(ref.current);
if (tag) {
RCA11yModule.setAccessibilityFocus(tag);
}
});
_defineProperty(this, "setPreferredKeyboardFocus", (tag, targetTag) => {
if (Number.isInteger(tag) && Number.isInteger(targetTag)) {
RCA11yModule.setPreferredKeyboardFocus(tag, targetTag);
}
});
_defineProperty(this, "setKeyboardFocus", ref => {
const tag = findNodeHandle(ref.current);
if (this._currentFocusedTag && tag && Number.isInteger(this._currentFocusedTag) && Number.isInteger(tag)) {
RCA11yModule.setKeyboardFocus(this._currentFocusedTag, tag);
}
});
_defineProperty(this, "focusFirstInteractiveElement", refToFocus => {
if (refToFocus && refToFocus !== null && refToFocus !== void 0 && refToFocus.current) {
this.setA11yFocus(refToFocus);
} else {
this.announceScreenChange("");
}
});
_defineProperty(this, "setA11yElementsOrder", _ref => {
var _RCA11yModule$setA11y;
let {
tag,
views
} = _ref;
if (!tag) return;
const targetView = findNodeHandle(tag.current);
if (!targetView) return;
const tags = views.map(view => findNodeHandle(view)).filter(view => Boolean(view));
RCA11yModule === null || RCA11yModule === void 0 ? void 0 : (_RCA11yModule$setA11y = RCA11yModule.setA11yOrder) === null || _RCA11yModule$setA11y === void 0 ? void 0 : _RCA11yModule$setA11y.call(RCA11yModule, tags, targetView);
});
}
set currentFocusedTag(value) {
this._currentFocusedTag = value;
}
}
export const A11yModule = new A11yModuleIOSImpl();
//# sourceMappingURL=A11yModule.ios.js.map