isTouchable.js

/**
 * Returns boolean indicating whether a JSXOpeningElement
 * is a <Touchable*> element
 * @flow
 */

import type { JSXOpeningElement } from 'ast-types-flow';
import { elementType } from 'jsx-ast-utils';
import type { ESLintContext } from '../../flow/eslint';

const defaultTouchables = {
  Touchable: true,
  TouchableOpacity: true,
  TouchableHighlight: true,
  TouchableWithoutFeedback: true,
  TouchableNativeFeedback: true,
  TouchableBounce: true,
  Pressable: true,
};

export default function isTouchable(
  element: JSXOpeningElement,
  context: ESLintContext = {
    id: '',
    options: [],
    report: () => {},
    getSourceCode: () => ({
      text: '',
    }),
    sourceCode: {
      text: '',
    },
  }
) {
  const { options } = context;
  let extraTouchables = [];
  if (
    options[0] &&
    Object.prototype.hasOwnProperty.call(options[0], 'touchables')
  ) {
    const { touchables } = options[0];
    extraTouchables = [...touchables];
  }

  const elType = elementType(element);
  return defaultTouchables[elType] || extraTouchables.includes(elType);
}