12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- "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;
|