@transferwise/components 0.0.0-experimental-1a3a746 → 0.0.0-experimental-3b2f02f

package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts

@@ -1,12 +1,28 @@
-/// <reference types="react" />
-interface YearCalendarTableProps {
-    selectedDate: Date | null;
-    min: Date | null;
-    max: Date | null;
-    viewYear: number;
-    placeholder: string;
-    onSelect: (year: number) => void;
-}
-declare const YearCalendarTable: ({ selectedDate, min, max, viewYear, placeholder, onSelect, }: YearCalendarTableProps) => import("react").JSX.Element;
 export default YearCalendarTable;
+declare function YearCalendarTable({ selectedDate, min, max, viewYear, placeholder, onSelect }: {
+    selectedDate: any;
+    min: any;
+    max: any;
+    viewYear: any;
+    placeholder: any;
+    onSelect: any;
+}): import("react").JSX.Element;
+declare namespace YearCalendarTable {
+    namespace propTypes {
+        const selectedDate: any;
+        const min: any;
+        const max: any;
+        const viewYear: any;
+        const placeholder: any;
+        const onSelect: any;
+    }
+    namespace defaultProps {
+        const selectedDate_1: null;
+        export { selectedDate_1 as selectedDate };
+        const min_1: null;
+        export { min_1 as min };
+        const max_1: null;
+        export { max_1 as max };
+    }
+}
 //# sourceMappingURL=YearCalendarTable.d.ts.map

package/build/types/dateLookup/yearCalendar/table/YearCalendarTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YearCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/dateLookup/yearCalendar/table/YearCalendarTable.tsx"],"names":[],"mappings":";AAMA,UAAU,sBAAsB;IAC9B,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAMD,QAAA,MAAM,iBAAiB,iEAOpB,sBAAsB,gCAqDxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"YearCalendarTable.d.ts","sourceRoot":"","sources":["../../../../../src/dateLookup/yearCalendar/table/YearCalendarTable.js"],"names":[],"mappings":";AAWA;;;;;;;gCAuDC"}

package/build/types/dateLookup/yearCalendar/table/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './YearCalendarTable';
+export { default } from "./YearCalendarTable";
 //# sourceMappingURL=index.d.ts.map

package/build/types/dateLookup/yearCalendar/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/dateLookup/yearCalendar/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/dateLookup/yearCalendar/table/index.js"],"names":[],"mappings":""}

package/build/types/index.d.ts

@@ -12,7 +12,6 @@ export type { InfoProps } from './info';
 export type { SummaryProps } from './summary';
 export type { InputProps } from './inputs/Input';
 export type { DateInputProps } from './dateInput';
-export type { DateLookupProps } from './dateLookup';
 export type { InputWithDisplayFormatProps } from './inputWithDisplayFormat';
 export type { InputGroupProps } from './inputs/InputGroup';
 export type { LoaderProps } from './loader';

package/build/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-1a3a746",
+  "version": "0.0.0-experimental-3b2f02f",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -95,8 +95,8 @@
     "rollup": "^3.28.1",
     "storybook": "^7.6.17",
     "@transferwise/less-config": "3.1.0",
-    "@wise/components-theming": "1.1.0",
-    "@transferwise/neptune-css": "14.9.6"
+    "@transferwise/neptune-css": "14.9.6",
+    "@wise/components-theming": "1.1.0"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",

package/src/common/dateUtils/isWithinRange/isWithinRange.spec.ts

@@ -22,31 +22,10 @@ describe('isWithinRange', () => {
     expect(isWithinRange(date, min, max)).toBe(false);
   });
 
-  it('returns false when min > date and max is undefined', () => {
-    const date = new Date('1995-12-20');
-    const min = new Date('1995-12-21');
-    const max = null;
-    expect(isWithinRange(date, min, max)).toBe(false);
-  });
-
   it('returns false when date > max', () => {
     const date = new Date('1995-12-23');
     const min = new Date('1995-12-20');
     const max = new Date('1995-12-22');
     expect(isWithinRange(date, min, max)).toBe(false);
   });
-
-  it('returns false when date > max and min is undefined', () => {
-    const date = new Date('1995-12-23');
-    const min = null;
-    const max = new Date('1995-12-22');
-    expect(isWithinRange(date, min, max)).toBe(false);
-  });
-
-  it('returns true when min and max are undefined', () => {
-    const date = new Date('1995-12-23');
-    const min = null;
-    const max = null;
-    expect(isWithinRange(date, min, max)).toBe(true);
-  });
 });

package/src/common/dateUtils/isWithinRange/isWithinRange.ts

@@ -1,3 +1,3 @@
-export function isWithinRange(date: Date, min: Date | null, max: Date | null) {
-  return (!min || date >= min) && (!max || date <= max);
+export function isWithinRange(date: Date, min: Date, max: Date) {
+  return !date || ((!min || date >= min) && (!max || date <= max));
 }

package/src/common/dateUtils/moveToWithinRange/moveToWithinRange.ts

@@ -1,15 +1,6 @@
 import { isWithinRange } from '..';
 
 // Makes sure that date is between min and max dates, returns a cloned min or max
-export function moveToWithinRange(date: Date, min: Date | null, max: Date | null) {
-  if (isWithinRange(date, min, max)) {
-    return date;
-  }
-  if (min && date < min) {
-    return new Date(min);
-  }
-  if (max && date > max) {
-    return new Date(max);
-  }
-  return null;
+export function moveToWithinRange(date: Date, min: Date, max: Date) {
+  return isWithinRange(date, min, max) ? date : new Date(min && date < min ? +min : +max);
 }

package/src/dateLookup/{DateLookup.tsx → DateLookup.js}

@@ -1,15 +1,8 @@
 import classNames from 'classnames';
-import { createRef, PureComponent, KeyboardEvent } from 'react';
+import PropTypes from 'prop-types';
+import { createRef, PureComponent } from 'react';
 
-import {
-  Size,
-  MonthFormat,
-  Position,
-  Breakpoint,
-  SizeSmall,
-  SizeMedium,
-  SizeLarge,
-} from '../common';
+import { Size, MonthFormat, Position, Breakpoint } from '../common';
 import { isWithinRange, moveToWithinRange } from '../common/dateUtils';
 import ResponsivePanel from '../common/responsivePanel';
 
@@ -25,61 +18,18 @@ const MODE = {
   YEAR: 'year',
 };
 
-export interface DateLookupProps {
-  id?: string;
-  value: Date | null;
-  min?: Date | null;
-  max?: Date | null;
-  size?: SizeSmall | SizeMedium | SizeLarge;
-  placeholder?: string;
-  label?: string;
-  'aria-labelledby'?: string;
-  monthFormat?: `${MonthFormat}`;
-  disabled?: boolean;
-  clearable?: boolean;
-  onChange: (date: Date | null) => void;
-  onFocus?: () => void;
-  onBlur?: () => void;
-}
-
-interface DateLookupState {
-  selectedDate: Date | null;
-  originalDate: Date | null;
-  min: Date | null;
-  max: Date | null;
-  viewMonth: number;
-  viewYear: number;
-  open: boolean;
-  mode: (typeof MODE)[keyof typeof MODE];
-  isMobile: boolean;
-}
-
-class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
-  declare props: DateLookupProps &
-    Required<Pick<DateLookupProps, keyof typeof DateLookup.defaultProps>>;
-
-  static defaultProps = {
-    value: null,
-    min: null,
-    max: null,
-    size: Size.MEDIUM,
-    placeholder: '',
-    label: '',
-    monthFormat: MonthFormat.LONG,
-    disabled: false,
-    clearable: false,
-  } satisfies Partial<DateLookupProps>;
+class DateLookup extends PureComponent {
+  element = createRef();
 
-  element = createRef<HTMLDivElement>();
-  dropdown = createRef<HTMLDivElement>();
+  dropdown = createRef();
 
-  constructor(props: DateLookupProps) {
+  constructor(props) {
     super(props);
     this.state = {
       selectedDate: getStartOfDay(props.value),
       originalDate: null,
-      min: getStartOfDay(props.min || null),
-      max: getStartOfDay(props.max || null),
+      min: getStartOfDay(props.min),
+      max: getStartOfDay(props.max),
       viewMonth: (props.value || new Date()).getMonth(),
       viewYear: (props.value || new Date()).getFullYear(),
       open: false,
@@ -88,41 +38,35 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
     };
   }
 
-  static getDerivedStateFromProps(props: DateLookupProps, state: DateLookupState) {
+  static getDerivedStateFromProps(props, state) {
     const propsSelected = getStartOfDay(props.value);
-    const propsMin = getStartOfDay(props.min || null);
-    const propsMax = getStartOfDay(props.max || null);
-    const hasSelectedChanged = state.selectedDate?.getTime() !== propsSelected?.getTime();
-    const hasMinChanged = state.min?.getTime() !== propsMin?.getTime();
-    const hasMaxChanged = state.max?.getTime() !== propsMax?.getTime();
+    const propsMin = getStartOfDay(props.min);
+    const propsMax = getStartOfDay(props.max);
+    const hasSelectedChanged = +state.selectedDate !== +propsSelected;
+    const hasMinChanged = +state.min !== +propsMin;
+    const hasMaxChanged = +state.max !== +propsMax;
     if (hasSelectedChanged || hasMinChanged || hasMaxChanged) {
       const selectedDate = hasSelectedChanged ? propsSelected : state.selectedDate;
       const min = hasMinChanged ? propsMin : state.min;
       const max = hasMaxChanged ? propsMax : state.max;
-      if (selectedDate && !isWithinRange(selectedDate, min, max)) {
+      // make sure that selected date is within allowed range
+      if (!isWithinRange(selectedDate, min, max)) {
         props.onChange(moveToWithinRange(selectedDate, min, max));
         return null;
       }
-      const viewDateThatIsWithinRange: Date =
-        selectedDate || ((min || max) && moveToWithinRange(new Date(), min, max)) || new Date();
-      const viewMonth = viewDateThatIsWithinRange.getMonth();
-      const viewYear = viewDateThatIsWithinRange.getFullYear();
+      const viewMonth = (selectedDate || new Date()).getMonth();
+      const viewYear = (selectedDate || new Date()).getFullYear();
       return { selectedDate, min, max, viewMonth, viewYear };
     }
     return null;
   }
 
-  componentDidUpdate(previousProps: DateLookupProps) {
-    if (
-      this.props.value &&
-      previousProps.value &&
-      this.props.value.getTime() !== previousProps.value.getTime() &&
-      this.state.open
-    ) {
+  componentDidUpdate(previousProps) {
+    if (+this.props.value !== +previousProps.value && this.state.open) {
       this.focusOn('.active');
     }
-    const mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
-    this.setState({ isMobile: mediaQuery.matches });
+    this.mediaQuery = window.matchMedia(`(max-width: ${Breakpoint.SMALL}px)`);
+    this.setState({ isMobile: this.mediaQuery.matches });
   }
 
   componentWillUnmount() {
@@ -155,7 +99,7 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
     }
   };
 
-  handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {
+  handleKeyDown = (event) => {
     const { open, originalDate } = this.state;
     switch (event.key) {
       case 'ArrowLeft':
@@ -202,12 +146,12 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
     }
   };
 
-  adjustDate = (daysToAdd: number, monthsToAdd: number, yearsToAdd: number) => {
+  adjustDate = (daysToAdd, monthsToAdd, yearsToAdd) => {
     const { selectedDate, min, max, mode, originalDate } = this.state;
     if (originalDate === null) {
       this.setState({ originalDate: selectedDate });
     }
-    let date: Date | null;
+    let date;
     if (selectedDate) {
       date = new Date(
         mode === MODE.YEAR ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(),
@@ -217,16 +161,14 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
     } else {
       date = getStartOfDay(new Date());
     }
-    if (date) {
-      date = moveToWithinRange(date, min, max);
-    }
-    if (date?.getTime() !== selectedDate?.getTime()) {
+    date = moveToWithinRange(date, min, max);
+    if (+date !== +selectedDate) {
       this.props.onChange(date);
     }
   };
 
-  focusOn = (preferredElement: string, fallbackElement?: string) => {
-    const element = this.element.current?.querySelector(preferredElement) as HTMLElement | null;
+  focusOn = (preferredElement, fallbackElement) => {
+    const element = this.element.current.querySelector(preferredElement);
     if (element) {
       element.focus();
     } else if (fallbackElement) {
@@ -234,7 +176,7 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
     }
   };
 
-  switchMode = (mode: string) => {
+  switchMode = (mode) => {
     this.setState({ mode }, () => {
       this.focusOn('.active', '.today');
     });
@@ -246,7 +188,7 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
 
   switchToYears = () => this.switchMode(MODE.YEAR);
 
-  handleSelectedDateUpdate = (selectedDate: Date) => {
+  handleSelectedDateUpdate = (selectedDate) => {
     this.setState({ selectedDate }, () => {
       this.props.onChange(selectedDate);
       this.close();
@@ -265,12 +207,7 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
       <div className={classNames({ 'p-a-1': !isMobile })}>
         {mode === MODE.DAY && (
           <DayCalendar
-            selectedDate={selectedDate}
-            min={min}
-            max={max}
-            viewMonth={viewMonth}
-            viewYear={viewYear}
-            monthFormat={monthFormat}
+            {...{ selectedDate, min, max, viewMonth, viewYear, monthFormat }}
             onSelect={this.handleSelectedDateUpdate}
             onLabelClick={this.switchToYears}
             onViewDateUpdate={this.handleViewDateUpdate}
@@ -278,11 +215,7 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
         )}
         {mode === MODE.MONTH && (
           <MonthCalendar
-            selectedDate={selectedDate}
-            min={min}
-            max={max}
-            viewYear={viewYear}
-            placeholder={placeholder || ''}
+            {...{ selectedDate, min, max, viewYear, placeholder }}
             onSelect={this.switchToDays}
             onLabelClick={this.switchToYears}
             onViewDateUpdate={this.handleViewDateUpdate}
@@ -290,11 +223,7 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
         )}
         {mode === MODE.YEAR && (
           <YearCalendar
-            selectedDate={selectedDate}
-            min={min}
-            max={max}
-            viewYear={viewYear}
-            placeholder={placeholder || ''}
+            {...{ selectedDate, min, max, viewYear, placeholder }}
             onSelect={this.switchToMonths}
             onViewDateUpdate={this.handleViewDateUpdate}
           />
@@ -322,7 +251,7 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
       value,
     } = this.props;
     return (
-      <div
+      <div // eslint-disable-line jsx-a11y/no-static-element-interactions
         ref={this.element}
         id={this.props.id}
         aria-labelledby={ariaLabelledBy}
@@ -330,14 +259,9 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
         onKeyDown={this.handleKeyDown}
       >
         <DateTrigger
-          selectedDate={selectedDate}
-          size={size}
-          placeholder={placeholder || ''}
-          label={label || ''}
-          monthFormat={monthFormat}
-          disabled={disabled || false}
+          {...{ selectedDate, size, placeholder, label, monthFormat, disabled }}
           onClick={this.open}
-          onClear={!disabled && clearable && value ? this.handleClear : undefined}
+          onClear={!disabled && clearable && value ? this.handleClear : null}
         />
         <ResponsivePanel
           anchorRef={this.element}
@@ -353,4 +277,35 @@ class DateLookup extends PureComponent<DateLookupProps, DateLookupState> {
   }
 }
 
+DateLookup.propTypes = {
+  id: PropTypes.string,
+  value: PropTypes.instanceOf(Date),
+  min: PropTypes.instanceOf(Date),
+  max: PropTypes.instanceOf(Date),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
+  placeholder: PropTypes.string,
+  label: PropTypes.string,
+  'aria-labelledby': PropTypes.string,
+  monthFormat: PropTypes.oneOf(['long', 'short']),
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func.isRequired,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  clearable: PropTypes.bool,
+};
+
+DateLookup.defaultProps = {
+  value: null,
+  min: null,
+  max: null,
+  size: Size.MEDIUM,
+  placeholder: '',
+  label: '',
+  monthFormat: MonthFormat.LONG,
+  disabled: false,
+  onFocus: null,
+  onBlur: null,
+  clearable: false,
+};
+
 export default DateLookup;

package/src/dateLookup/DateLookup.state.spec.js

@@ -66,11 +66,4 @@ describe('DateLookup state', () => {
     DateLookup.getDerivedStateFromProps(props, defaultState);
     expect(onChange).toHaveBeenCalledWith(new Date(2018, 10, 1));
   });
-
-  it('updates viewMonth and viewYear to date within min/max on Clear', () => {
-    const props = { value: null, min: new Date(2018, 11, 26), max: new Date(2018, 11, 26) };
-    const newState = DateLookup.getDerivedStateFromProps(props, defaultState);
-    expect(newState.viewMonth).toBe(11);
-    expect(newState.viewYear).toBe(2018);
-  });
 });

package/src/dateLookup/{DateLookup.story.tsx → DateLookup.story.js}

@@ -1,5 +1,5 @@
-import { boolean, select, text, date } from '@storybook/addon-knobs';
-import { userEvent } from '@storybook/test';
+import { boolean, select, date, text } from '@storybook/addon-knobs';
+import { userEvent, within } from '@storybook/test';
 import { useState } from 'react';
 
 import { Size } from '../common';
@@ -13,21 +13,21 @@ export default {
 };
 
 const epoch = new Date('2011-01-01');
-const theFuture = new Date(epoch);
+let theFuture = new Date(epoch);
 theFuture.setUTCDate(epoch.getUTCDate() + 10);
-const thePast = new Date(epoch);
+let thePast = new Date(epoch);
 thePast.setUTCDate(epoch.getUTCDate() - 10);
-const size = select('size', Object.values([Size.SMALL, Size.MEDIUM, Size.LARGE]), Size.MEDIUM);
 
 export const Basic = () => {
-  const [value, setValue] = useState<Date | null>(epoch);
+  const [value, setValue] = useState(epoch);
   const disabled = boolean('disabled', false);
   const label = text('label', 'label');
-  const monthFormat = select('monthFormat', ['long', 'short'], 'long');
+  const monthFormat = select('monthFormat', ['long', 'short']);
   const placeholder = text('placeholder', 'placeholder');
+  const size = select('size', Object.values(Size), Size.MEDIUM);
   const id = text('id', 'date-lookup');
 
-  const clearable = boolean('clearable', true);
+  const clearable = boolean('clearable', false);
 
   return (
     <DateLookup
@@ -35,7 +35,6 @@ export const Basic = () => {
       id={id}
       label={label}
       min={thePast}
-      max={theFuture}
       monthFormat={monthFormat}
       placeholder={placeholder}
       size={size}
@@ -49,9 +48,10 @@ export const Basic = () => {
   );
 };
 
-Basic.play = async ({ canvasElement }: { canvasElement: HTMLElement }) => {
+Basic.play = async ({ canvasElement }) => {
   // testing focus state on keyboard nav
-  await userEvent.tab();
+  const canvas = within(canvasElement);
+  await userEvent.tab(canvas.getByRole('button'));
   await userEvent.keyboard(' ');
 };
 
@@ -61,11 +61,12 @@ export const Basic400Zoom = storyConfig(
 );
 
 export const RightAligned = () => {
-  const [value, setValue] = useState<Date | null>(epoch);
+  const [value, setValue] = useState(epoch);
   const disabled = boolean('disabled', false);
   const label = text('label', 'label');
-  const monthFormat = select('monthFormat', ['long', 'short'], 'long');
+  const monthFormat = select('monthFormat', ['long', 'short']);
   const placeholder = text('placeholder', 'placeholder');
+  const size = select('size', Object.values(Size), Size.MEDIUM);
 
   const minvalue = date('minvalue', thePast);
   const maxvalue = date('maxvalue', theFuture);

package/src/dateLookup/dateHeader/{DateHeader.tsx → DateHeader.js}

@@ -1,4 +1,5 @@
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 
 import Chevron from '../../chevron';
@@ -9,21 +10,7 @@ import messages from '../DateLookup.messages';
 
 const buttonClasses = 'btn-link p-a-0 text-no-decoration np-text-body-large-bold rounded-sm';
 
-interface DateHeaderProps {
-  label?: string;
-  onLabelClick?: () => void;
-  onPreviousClick: () => void;
-  onNextClick: () => void;
-  dateMode: string;
-}
-
-const DateHeader: React.FC<DateHeaderProps> = ({
-  label,
-  onLabelClick,
-  onPreviousClick,
-  onNextClick,
-  dateMode,
-}) => {
+const DateHeader = ({ label, onLabelClick, onPreviousClick, onNextClick, dateMode }) => {
   const intl = useIntl();
   const { isMobile } = useLayout();
   return (
@@ -72,4 +59,17 @@ const DateHeader: React.FC<DateHeaderProps> = ({
   );
 };
 
+DateHeader.propTypes = {
+  label: PropTypes.string,
+  onLabelClick: PropTypes.func,
+  onPreviousClick: PropTypes.func.isRequired,
+  onNextClick: PropTypes.func.isRequired,
+  dateMode: PropTypes.string,
+};
+
+DateHeader.defaultProps = {
+  label: null,
+  onLabelClick: () => {},
+};
+
 export default DateHeader;