@transferwise/components 0.0.0-experimental-e3c198b → 0.0.0-experimental-c6325ed

package/build/index.js

@@ -1811,8 +1811,9 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
 }, reference) => {
   /** @type {RefObject<HTMLDivElement>} */
   const localReference = React.useRef(null);
-  return /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
+  return /*#__PURE__*/React.createElement(reactTransitionGroup.CSSTransition, {
     ...rest,
+    key: `sliding-panel--open-${position}`,
     nodeRef: localReference,
     in: open
     // Wait for animation to finish before unmount.
@@ -1825,13 +1826,12 @@ const SlidingPanel = /*#__PURE__*/React.forwardRef(({
       'sliding-panel--fixed': slidingPanelPositionFixed
     }, 'sliding-panel'),
     appear: true,
-    unmountOnExit: true,
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: mergeRefs__default.default([reference, localReference]),
-      className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, className),
-      children: children
-    })
-  });
+    unmountOnExit: true
+  }, /*#__PURE__*/jsxRuntime.jsx("div", {
+    ref: mergeRefs__default.default([reference, localReference]),
+    className: classNames__default.default('sliding-panel', `sliding-panel--open-${position}`, className),
+    children: children
+  }));
 });
 SlidingPanel.propTypes = {
   children: PropTypes__default.default.node,
@@ -7893,7 +7893,7 @@ function contains(property, query) {
   return property && property.toLowerCase().includes(query.toLowerCase());
 }
 function sortOptionsLabelsToFirst(options, query) {
-  return options.sort((first, second) => {
+  return [...options].sort((first, second) => {
     const firstContains = contains(first.label, query);
     const secondContains = contains(second.label, query);
     if (firstContains && secondContains) {
@@ -12372,7 +12372,7 @@ class Typeahead extends React.Component {
       selected,
       errorState
     }, () => {
-      onChange(selected);
+      onChange([...selected]);
     });
   };
   clear = event => {
@@ -13515,7 +13515,7 @@ const UploadButton = ({
     if (fileTypes === '*') {
       return fileTypes;
     }
-    return Array.isArray(fileTypes) ? getAllowedFileTypes(fileTypes).join(', ') : getAllowedFileTypes([fileTypes]).join(', ');
+    return getAllowedFileTypes(Array.isArray(fileTypes) ? fileTypes : [fileTypes]).join(', ');
   };
   function getDescription() {
     if (description) {
@@ -13531,7 +13531,7 @@ const UploadButton = ({
   function getAcceptedTypes() {
     const areAllFilesAllowed = getFileTypesDescription() === '*';
     if (areAllFilesAllowed) {
-      return null; //file input by default allows all files
+      return {}; //file input by default allows all files
     }
     if (Array.isArray(fileTypes)) {
       return {
@@ -13997,7 +13997,7 @@ const UploadInput = ({
   }, []);
   React.useEffect(() => {
     if (onFilesChange && mounted) {
-      onFilesChange(uploadedFiles);
+      onFilesChange([...uploadedFiles]);
     }
   }, [onFilesChange, uploadedFiles]); // eslint-disable-line react-hooks/exhaustive-deps
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {