@transferwise/components 0.0.0-experimental-8f9699a → 0.0.0-experimental-dabc13b

package/build/types/dateLookup/getFocusableTime/getFocusableTime.d.ts

@@ -1,9 +0,0 @@
-interface FocusableTimeProps {
-    isActive: (time: number) => boolean;
-    isNow: (time: number) => boolean;
-    isDisabled: (time: number) => boolean;
-    timeSpan: number[];
-}
-export declare function getFocusableTime(props: FocusableTimeProps): number | undefined;
-export {};
-//# sourceMappingURL=getFocusableTime.d.ts.map

package/build/types/dateLookup/getFocusableTime/getFocusableTime.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFocusableTime.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/getFocusableTime/getFocusableTime.tsx"],"names":[],"mappings":"AAAA,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,kBAAkB,GAAG,MAAM,GAAG,SAAS,CAM9E"}

package/src/dateLookup/getFocusableTime/getFocusable.spec.ts

@@ -1,40 +0,0 @@
-import { getFocusableTime } from './getFocusableTime';
-
-describe('getFocusableTime', () => {
-  const isActive = (value: number) => value === 2;
-  const isNow = (value: number) => value === 3;
-  const isDisabled = (value: number) => value === 4;
-  const values = [1, 2, 3, 4, 5];
-
-  it('returns first selected value', () => {
-    expect(getFocusableTime({ isActive, isNow, isDisabled, timeSpan: values })).toBe(2);
-  });
-
-  it('returns first now value if nothing is selected', () => {
-    expect(getFocusableTime({ isActive: () => false, isNow, isDisabled, timeSpan: values })).toBe(
-      3,
-    );
-  });
-
-  it('returns first non disabled value when nothing is selected or now', () => {
-    expect(
-      getFocusableTime({
-        isActive: () => false,
-        isNow: () => false,
-        isDisabled,
-        timeSpan: values,
-      }),
-    ).toBe(1);
-  });
-
-  it('returns null if no selected, now, or non-disabled', () => {
-    expect(
-      getFocusableTime({
-        isActive: () => false,
-        isNow: () => false,
-        isDisabled: () => true,
-        timeSpan: values,
-      }),
-    ).toBeUndefined();
-  });
-});

package/src/dateLookup/getFocusableTime/getFocusableTime.tsx

@@ -1,14 +0,0 @@
-interface FocusableTimeProps {
-  isActive: (time: number) => boolean;
-  isNow: (time: number) => boolean;
-  isDisabled: (time: number) => boolean;
-  timeSpan: number[];
-}
-
-export function getFocusableTime(props: FocusableTimeProps): number | undefined {
-  return (
-    props.timeSpan.find((time: number) => props.isActive(time)) ||
-    props.timeSpan.find((time: number) => props.isNow(time) && !props.isDisabled(time)) ||
-    props.timeSpan.find((time: number) => !props.isDisabled(time))
-  );
-}

package/src/dateLookup/tableLink/TableLink.tsx

@@ -1,79 +0,0 @@
-import classNames from 'classnames';
-import { useEffect, useRef } from 'react';
-import { useIntl } 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;
-}
-
-const TableLink = ({
-  item,
-  type,
-  title,
-  longTitle,
-  active,
-  disabled,
-  today,
-  autofocus,
-  onClick,
-}: TableLinkProps) => {
-  const buttonRef = useRef<HTMLButtonElement>(null);
-  const intl = useIntl();
-
-  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 || ''}, ${intl.formatMessage(
-        messages.selected,
-      )} ${intl.formatMessage(messages[type])}`;
-    }
-    return longTitle || title;
-  };
-
-  return (
-    <>
-      <button
-        ref={buttonRef}
-        type="button"
-        className={classNames(
-          `tw-date-lookup-${type}-option np-text-body-default-bold`,
-          { active: !!active },
-          { today: !!today },
-        )}
-        disabled={disabled}
-        tabIndex={autofocus ? 0 : -1}
-        aria-label={calculateAriaLabel()}
-        aria-pressed={active}
-        onClick={onCalendarClick}
-      >
-        {title || item}
-      </button>
-    </>
-  );
-};
-
-export default TableLink;