@transferwise/components 46.36.1 → 46.37.0

package/build/index.js

@@ -2432,7 +2432,7 @@ const Chip = ({
     isModern
   } = componentsTheming.useTheme();
   const closeButtonReference = React.useRef(null);
-  const previousCloseButtonShown = React.useRef();
+  const previousCloseButtonShown = React.useRef(undefined);
   React.useEffect(() => {
     if (closeButtonReference.current != null && previousCloseButtonShown.current === false) {
       closeButtonReference.current?.focus();
@@ -2460,7 +2460,7 @@ const Chip = ({
     }), onRemove ? /*#__PURE__*/jsxRuntime.jsx(CloseButton, {
       ref: closeButtonReference,
       className: isModern ? `btn-unstyled` : `btn-unstyled m-l-1`,
-      "aria-label": closeButton && closeButton['aria-label'],
+      "aria-label": closeButton?.['aria-label'],
       size: "sm",
       filled: isModern,
       onClick: onRemove
@@ -6097,7 +6097,7 @@ const getCursorPositionAfterActionStroke = (action, selectionStart, selectionEnd
   return cursorPosition;
 };
 
-class WithDisplayFormat extends React.Component {
+class WithDisplayFormat extends React__namespace.Component {
   static defaultProps = {
     autoComplete: 'off',
     displayPattern: '',
@@ -9452,16 +9452,11 @@ const Progress = ({
   id,
   progress
 }) => {
-  const [value, setValue] = React.useState(0);
-  React.useEffect(() => {
-    setValue(progress.value);
-  });
   return /*#__PURE__*/jsxRuntime.jsxs("progress", {
     id: id,
     className: classNames__default.default('np-progress d-block', className),
     ...progress,
-    value: value,
-    children: [value, "%"]
+    children: [Math.floor(progress.value / progress.max * 100), "%"]
   });
 };
 
@@ -9955,12 +9950,8 @@ function Option$1({
   note = '',
   secondary = '',
   icon,
-  classNames = {},
   selected = false
 }) {
-  const {
-    isModern
-  } = componentsTheming.useTheme();
   const iconElement = icon ? /*#__PURE__*/React.cloneElement(icon, {
     size: 24,
     className: 'tw-icon'
@@ -9974,22 +9965,12 @@ function Option$1({
     className: selected ? 'text-ellipsis' : undefined,
     children: [label, note && /*#__PURE__*/jsxRuntime.jsx(Body, {
       as: "span",
-      className: isModern ? 'm-l-1' : 'm-l-1 body-2',
+      className: "m-l-1",
       children: note
     })]
   });
-  const secondaryElementClassNames = () => {
-    let classes = undefined;
-    if (selected) {
-      classes = 'text-ellipsis';
-    }
-    if (isModern) {
-      return classes;
-    }
-    return `${classes ? classes + ' ' : ''}body-2`;
-  };
   const secondaryElement = secondary && /*#__PURE__*/jsxRuntime.jsx(Body, {
-    className: secondaryElementClassNames(),
+    className: classNames__default.default(selected && 'text-ellipsis'),
     children: secondary
   });
   return iconElement ? /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -10952,9 +10933,7 @@ const stopPropagation = event => {
   if (event) {
     event.stopPropagation();
     event.preventDefault();
-    if (event.nativeEvent && event.nativeEvent.stopImmediatePropagation) {
-      event.nativeEvent.stopImmediatePropagation();
-    }
+    event.nativeEvent?.stopImmediatePropagation?.();
   }
 };
 const SwitchOption = ({
@@ -11156,7 +11135,7 @@ const SpacerWidth = {
   lg: 32
 };
 class Tabs extends React.Component {
-  /** @type {RefObject<HTMLDivElement>} */
+  /** @type {React.RefObject<HTMLDivElement | null>} */
   containerReference = /*#__PURE__*/React.createRef();
   constructor(props) {
     super(props);
@@ -11643,14 +11622,14 @@ Tabs.propTypes = {
     disabled: PropTypes__default.default.bool.isRequired
   })).isRequired,
   selected: PropTypes__default.default.number.isRequired,
-  onTabSelect: PropTypes__default.default.func.isRequired,
   name: PropTypes__default.default.string.isRequired,
   animatePanelsOnClick: PropTypes__default.default.bool,
   changeTabOnSwipe: PropTypes__default.default.bool,
   className: PropTypes__default.default.string,
   transitionSpacing: PropTypes__default.default.oneOf(['default', 'xs', 'sm', 'md', 'lg']),
   headerWidth: PropTypes__default.default.oneOf(['auto', 'block']),
-  id: PropTypes__default.default.string
+  id: PropTypes__default.default.string,
+  onTabSelect: PropTypes__default.default.func.isRequired
 };
 Tabs.defaultProps = {
   animatePanelsOnClick: false,