<commit_before>import React, { useMemo } from 'react';
import { NavLink } from 'react-router-dom';
import { focusElement } from 'platform/utilities/ui';
import recordEvent from 'platform/monitoring/record-event';
import classNames from 'classnames';
import { TRACKING_PREFIX } from '../../../../shared/constants/analytics';

export default function TabItem(props) {
  const { id, text, onNextTab, onPreviousTab, tabPath, isActive } = props;

  const onKeyDown = useMemo(
    () => {
      return e => {
        if (e.key === 'ArrowRight' && onNextTab) {
          onNextTab();
        } else if (e.key === 'ArrowLeft' && onPreviousTab) {
          onPreviousTab();
        } else if (e.key === 'ArrowDown') {
          focusElement(`#tabpanel_${id}`);
        }
      };
    },
    [id, onNextTab, onPreviousTab],
  );

  const tabClasses = classNames(
    'questionnaire-list-tab',
    'vads-u-text-align--center',
    'vads-u-color--gray-dark',
  );

  return (
    <li role="presentation" className="">
      <NavLink
        id={`tab_${id}`}
        aria-controls={isActive ? `tabpanel_${id}` : null}
        aria-label={`${id.replace(/-/g, ' ')} questionnaires`}
        aria-selected={isActive ? 'true' : 'false'}
        role="tab"
        className={tabClasses}
        tabIndex={isActive ? null : '-1'}
        onKeyDown={onKeyDown}
        activeClassName="current"
        to={tabPath}
        exact
        isActive={() => isActive}
        onClick={() => {
          recordEvent({
            event: 'nav-tab-click',
            'tab-text': `${TRACKING_PREFIX}${text}`,
          });
        }}
      >
        {text}
      </NavLink>
    </li>
  );
}
<commit_msg>removed tracking prefiox (#17038)<commit_after>import React, { useMemo } from 'react';
import { NavLink } from 'react-router-dom';
import { focusElement } from 'platform/utilities/ui';
import recordEvent from 'platform/monitoring/record-event';
import classNames from 'classnames';

export default function TabItem(props) {
  const { id, text, onNextTab, onPreviousTab, tabPath, isActive } = props;

  const onKeyDown = useMemo(
    () => {
      return e => {
        if (e.key === 'ArrowRight' && onNextTab) {
          onNextTab();
        } else if (e.key === 'ArrowLeft' && onPreviousTab) {
          onPreviousTab();
        } else if (e.key === 'ArrowDown') {
          focusElement(`#tabpanel_${id}`);
        }
      };
    },
    [id, onNextTab, onPreviousTab],
  );

  const tabClasses = classNames(
    'questionnaire-list-tab',
    'vads-u-text-align--center',
    'vads-u-color--gray-dark',
  );

  return (
    <li role="presentation" className="">
      <NavLink
        id={`tab_${id}`}
        aria-controls={isActive ? `tabpanel_${id}` : null}
        aria-label={`${id.replace(/-/g, ' ')} questionnaires`}
        aria-selected={isActive ? 'true' : 'false'}
        role="tab"
        className={tabClasses}
        tabIndex={isActive ? null : '-1'}
        onKeyDown={onKeyDown}
        activeClassName="current"
        to={tabPath}
        exact
        isActive={() => isActive}
        onClick={() => {
          recordEvent({
            event: 'nav-tab-click',
            'tab-text': `${text}`,
          });
        }}
      >
        {text}
      </NavLink>
    </li>
  );
}

{'fraction_non_alphanumeric': 0.17093235831809872, 'fraction_numerical': 0.0021328458257160268, 'mean_word_length': 2.2895791583166334, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 19, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5836629', 'n_tokens_mistral': 1047, 'n_tokens_neox': 1048, 'n_words': 201}