@transferwise/components 0.0.0-experimental-3e282e9 → 0.0.0-experimental-c0c64e3

package/build/index.esm.js

@@ -3613,7 +3613,11 @@ const TableLink = ({
     children: /*#__PURE__*/jsx("button", {
       ref: buttonRef,
       type: "button",
-      className: `tw-date-lookup-${type}-option ${active ? 'active' : ''} ${today ? 'today' : ''} np-text-body-default-bold`,
+      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(),
@@ -4167,6 +4171,7 @@ class DateLookup extends PureComponent {
     super(props);
     this.state = {
       selectedDate: getStartOfDay(props.value),
+      originalDate: null,
       min: getStartOfDay(props.min),
       max: getStartOfDay(props.max),
       viewMonth: (props.value || new Date()).getMonth(),
@@ -4242,7 +4247,8 @@ class DateLookup extends PureComponent {
   };
   handleKeyDown = event => {
     const {
-      open
+      open,
+      originalDate
     } = this.state;
     switch (event.keyCode) {
       case KeyCodes.LEFT:
@@ -4278,6 +4284,7 @@ class DateLookup extends PureComponent {
         event.preventDefault();
         break;
       case KeyCodes.ESCAPE:
+        this.props.onChange(originalDate);
         this.close();
         event.preventDefault();
         break;
@@ -4288,8 +4295,14 @@ class DateLookup extends PureComponent {
       selectedDate,
       min,
       max,
-      mode
+      mode,
+      originalDate
     } = this.state;
+    if (originalDate === null) {
+      this.setState({
+        originalDate: selectedDate
+      });
+    }
     let date;
     if (selectedDate) {
       date = new Date(mode === MODE.YEAR ? selectedDate.getFullYear() + yearsToAdd : selectedDate.getFullYear(), mode === MODE.MONTH ? selectedDate.getMonth() + monthsToAdd : selectedDate.getMonth(), mode === MODE.DAY ? selectedDate.getDate() + daysToAdd : selectedDate.getDate());
@@ -6161,7 +6174,8 @@ const Info = ({
   presentation = InfoPresentation.POPOVER,
   size = Size.SMALL,
   title = undefined,
-  'aria-label': ariaLabel
+  'aria-label': ariaLabel,
+  preferredPlacement = Position.BOTTOM
 }) => {
   const [open, setOpen] = useState(false);
   const isModal = presentation === InfoPresentation.MODAL;
@@ -6196,7 +6210,7 @@ const Info = ({
       })]
     }) : /*#__PURE__*/jsx(Popover$2, {
       content: content,
-      preferredPlacement: Position.BOTTOM,
+      preferredPlacement: preferredPlacement,
       title: title,
       children: /*#__PURE__*/jsx("button", {
         type: "button",