@transferwise/components 0.0.0-experimental-1319ded → 0.0.0-experimental-fcfae09

package/build/index.esm.js

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, Component, PureComponent, createRef, Children, Fragment as Fragment$1 } from 'react';
+import React__default, { forwardRef, cloneElement, useState, useRef, useMemo, useEffect, useCallback, useLayoutEffect, createContext, useContext, createElement, Component, PureComponent, createRef, Children, Fragment as Fragment$1 } from 'react';
 import { useId } from '@radix-ui/react-id';
 import { ChevronUp, CrossCircleFill, Cross, NavigateAway, Check, Info as Info$1, Alert as Alert$2, ClockBorderless, CheckCircle, InfoCircle, Warning, CrossCircle, Clock, Briefcase, Person, ArrowLeft, QuestionMarkCircle, AlertCircle, Search, ChevronDown, CheckCircleFill, ArrowRight, Download, ClockFill, Upload as Upload$2, Document, Plus, PlusCircle, AlertCircleFill } from '@transferwise/icons';
 import { defineMessages, useIntl, injectIntl, IntlProvider } from 'react-intl';
@@ -1778,8 +1778,9 @@ const SlidingPanel = /*#__PURE__*/forwardRef(({
 }, reference) => {
   /** @type {RefObject<HTMLDivElement>} */
   const localReference = useRef(null);
-  return /*#__PURE__*/jsx(CSSTransition, {
+  return /*#__PURE__*/createElement(CSSTransition, {
     ...rest,
+    key: `sliding-panel--open-${position}`,
     nodeRef: localReference,
     in: open
     // Wait for animation to finish before unmount.
@@ -1792,13 +1793,12 @@ const SlidingPanel = /*#__PURE__*/forwardRef(({
       'sliding-panel--fixed': slidingPanelPositionFixed
     }, 'sliding-panel'),
     appear: true,
-    unmountOnExit: true,
-    children: /*#__PURE__*/jsx("div", {
-      ref: mergeRefs([reference, localReference]),
-      className: classNames('sliding-panel', `sliding-panel--open-${position}`, className),
-      children: children
-    })
-  });
+    unmountOnExit: true
+  }, /*#__PURE__*/jsx("div", {
+    ref: mergeRefs([reference, localReference]),
+    className: classNames('sliding-panel', `sliding-panel--open-${position}`, className),
+    children: children
+  }));
 });
 SlidingPanel.propTypes = {
   children: PropTypes.node,
@@ -4239,7 +4239,6 @@ class DateLookup extends PureComponent {
     return /*#__PURE__*/jsxs("div", {
       // eslint-disable-line jsx-a11y/no-static-element-interactions
       ref: this.element,
-      id: this.props.id,
       "aria-labelledby": ariaLabelledBy,
       className: "input-group",
       onKeyDown: this.handleKeyDown,
@@ -4264,7 +4263,6 @@ class DateLookup extends PureComponent {
   }
 }
 DateLookup.propTypes = {
-  id: PropTypes.string,
   value: PropTypes.instanceOf(Date),
   min: PropTypes.instanceOf(Date),
   max: PropTypes.instanceOf(Date),
@@ -4280,7 +4278,6 @@ DateLookup.propTypes = {
   clearable: PropTypes.bool
 };
 DateLookup.defaultProps = {
-  id: null,
   value: null,
   min: null,
   max: null,