55 lines
2.2 KiB
Plaintext
55 lines
2.2 KiB
Plaintext
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports["default"] = getAccessibleChildText;
|
|
var _jsxAstUtils = require("jsx-ast-utils");
|
|
var _isHiddenFromScreenReader = _interopRequireDefault(require("./isHiddenFromScreenReader"));
|
|
/**
|
|
* Returns a new "standardized" string: all whitespace is collapsed to one space,
|
|
* and the string is lowercase
|
|
* @param {string} input
|
|
* @returns lowercase, single-spaced, punctuation-stripped, trimmed string
|
|
*/
|
|
function standardizeSpaceAndCase(input) {
|
|
return input.trim().replace(/[,.?¿!‽¡;:]/g, '') // strip punctuation
|
|
.replace(/\s\s+/g, ' ') // collapse spaces
|
|
.toLowerCase();
|
|
}
|
|
|
|
/**
|
|
* Returns the (recursively-defined) accessible child text of a node, which (in-order) is:
|
|
* 1. The element's aria-label
|
|
* 2. If the element is a direct literal, the literal value
|
|
* 3. Otherwise, merge all of its children
|
|
* @param {JSXElement} node - node to traverse
|
|
* @returns child text as a string
|
|
*/
|
|
function getAccessibleChildText(node, elementType) {
|
|
var ariaLabel = (0, _jsxAstUtils.getLiteralPropValue)((0, _jsxAstUtils.getProp)(node.openingElement.attributes, 'aria-label'));
|
|
// early escape-hatch when aria-label is applied
|
|
if (ariaLabel) return standardizeSpaceAndCase(ariaLabel);
|
|
|
|
// early-return if alt prop exists and is an image
|
|
var altTag = (0, _jsxAstUtils.getLiteralPropValue)((0, _jsxAstUtils.getProp)(node.openingElement.attributes, 'alt'));
|
|
if (elementType(node.openingElement) === 'img' && altTag) return standardizeSpaceAndCase(altTag);
|
|
|
|
// skip if aria-hidden is true
|
|
if ((0, _isHiddenFromScreenReader["default"])(elementType(node.openingElement), node.openingElement.attributes)) {
|
|
return '';
|
|
}
|
|
var rawChildText = node.children.map(function (currentNode) {
|
|
// $FlowFixMe JSXText is missing in ast-types-flow
|
|
if (currentNode.type === 'Literal' || currentNode.type === 'JSXText') {
|
|
return String(currentNode.value);
|
|
}
|
|
if (currentNode.type === 'JSXElement') {
|
|
return getAccessibleChildText(currentNode, elementType);
|
|
}
|
|
return '';
|
|
}).join(' ');
|
|
return standardizeSpaceAndCase(rawChildText);
|
|
}
|
|
module.exports = exports.default; |