@transferwise/components 0.0.0-experimental-3e282e9 → 0.0.0-experimental-65e51cb

package/src/dateLookup/tableLink/TableLink.tsx

@@ -1,77 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { injectIntl, IntlShape } from 'react-intl';
-
-import messages from '../DateLookup.messages';
-
-interface TableLinkProps {
-  item: number;
-  type: 'day' | 'month' | 'year';
-  title?: string;
-  longTitle?: string;
-  active: boolean;
-  disabled: boolean;
-  today: boolean;
-  autofocus?: boolean;
-  onClick: (item: number) => void;
-  intl: IntlShape;
-}
-
-const TableLink = ({
-  item,
-  type,
-  title,
-  longTitle,
-  active,
-  disabled,
-  today,
-  autofocus,
-  onClick,
-  intl: { formatMessage },
-}: TableLinkProps) => {
-  const buttonRef = useRef<HTMLButtonElement>(null);
-
-  useEffect(() => {
-    if (autofocus) {
-      setTimeout(() => {
-        buttonRef.current?.focus();
-      }, 0);
-    }
-  }, [autofocus]);
-
-  const onCalendarClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.preventDefault();
-    if (!disabled) {
-      onClick(item);
-    }
-  };
-
-  const calculateAriaLabel = () => {
-    if (active) {
-      return `${longTitle || title || ''}, ${formatMessage(messages.selected)} ${formatMessage(
-        messages[type],
-      )}`;
-    }
-    return longTitle || title;
-  };
-
-  return (
-    <>
-      <button
-        ref={buttonRef}
-        type="button"
-        className={`tw-date-lookup-${type}-option ${active ? 'active' : ''} ${
-          today ? 'today' : ''
-        } np-text-body-default-bold`}
-        disabled={disabled}
-        tabIndex={autofocus ? 0 : -1}
-        aria-label={calculateAriaLabel()}
-        aria-pressed={active}
-        onClick={onCalendarClick}
-      >
-        {title || item}
-      </button>
-    </>
-  );
-};
-
-export default injectIntl(TableLink);