@transferwise/components 45.19.4 → 45.19.6

package/build/index.js

@@ -3460,12 +3460,16 @@ const DateHeader = ({
           size: exports.Size.MEDIUM
         })
       })
-    }), label && /*#__PURE__*/jsxRuntime.jsx("button", {
-      type: "button",
-      className: `tw-date-lookup-header-current ${buttonClasses}`,
-      "aria-label": intl.formatMessage(messages$5.goTo20YearView),
-      onClick: onLabelClick,
-      children: label
+    }), label && /*#__PURE__*/jsxRuntime.jsx(Title, {
+      type: exports.Typography.TITLE_BODY,
+      className: "tw-date-lookup-header-current-container",
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        type: "button",
+        className: `tw-date-lookup-header-current ${buttonClasses}`,
+        "aria-label": intl.formatMessage(messages$5.goTo20YearView),
+        onClick: onLabelClick,
+        children: label
+      })
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "pull-right-single-direction",
       children: /*#__PURE__*/jsxRuntime.jsx("button", {
@@ -6409,9 +6413,7 @@ function BottomSheet({
       }
     }
   });
-  const dismiss = react.useDismiss(context, {
-    outsidePressEvent: 'mousedown'
-  });
+  const dismiss = react.useDismiss(context);
   const role = react.useRole(context);
   const {
     getReferenceProps,
@@ -6445,20 +6447,20 @@ function BottomSheet({
             children: /*#__PURE__*/jsxRuntime.jsx("div", {
               className: "np-bottom-sheet-v2-backdrop"
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(FocusBoundary, {
-            children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
-              context: context,
-              initialFocus: initialFocusRef,
-              guards: false,
-              modal: false,
-              children: /*#__PURE__*/jsxRuntime.jsx("div", {
-                className: "np-bottom-sheet-v2",
-                children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
-                  className: "np-bottom-sheet-v2-content",
-                  enter: "np-bottom-sheet-v2-content--enter",
-                  enterFrom: "np-bottom-sheet-v2-content--enter-from",
-                  leave: "np-bottom-sheet-v2-content--leave",
-                  leaveTo: "np-bottom-sheet-v2-content--leave-to",
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "np-bottom-sheet-v2",
+            children: /*#__PURE__*/jsxRuntime.jsx(react$1.Transition.Child, {
+              className: "np-bottom-sheet-v2-content",
+              enter: "np-bottom-sheet-v2-content--enter",
+              enterFrom: "np-bottom-sheet-v2-content--enter-from",
+              leave: "np-bottom-sheet-v2-content--leave",
+              leaveTo: "np-bottom-sheet-v2-content--leave-to",
+              children: /*#__PURE__*/jsxRuntime.jsx(FocusBoundary, {
+                children: /*#__PURE__*/jsxRuntime.jsx(react.FloatingFocusManager, {
+                  context: context,
+                  initialFocus: initialFocusRef,
+                  guards: false,
+                  modal: false,
                   children: /*#__PURE__*/jsxRuntime.jsxs("div", {
                     // Force inner state invalidation on open
                     ref: refs.setFloating,
@@ -6556,9 +6558,7 @@ function Popover({
       }
     }
   });
-  const dismiss = react.useDismiss(context, {
-    outsidePressEvent: 'mousedown'
-  });
+  const dismiss = react.useDismiss(context);
   const role = react.useRole(context);
   const {
     getReferenceProps,
@@ -6620,7 +6620,7 @@ function Popover({
 }
 
 function searchableString(value) {
-  return value.trim().replace(/\s+/gu, ' ').toLowerCase();
+  return value.trim().replace(/\s+/gu, ' ').normalize('NFKC').toLowerCase();
 }
 function inferSearchableStrings(value) {
   if (typeof value === 'string') {
@@ -7005,11 +7005,6 @@ function SelectInputOption({
   disabled,
   children
 }) {
-  const parentHasValue = React.useContext(SelectInputHasValueContext);
-  // Avoid flash during exit transition
-  const {
-    current: cachedParentHasValue
-  } = React.useRef(parentHasValue);
   return /*#__PURE__*/jsxRuntime.jsx(react$1.Listbox.Option, {
     as: "div",
     value: value,
@@ -7025,10 +7020,10 @@ function SelectInputOption({
       children: [/*#__PURE__*/jsxRuntime.jsx("div", {
         className: "np-select-input-option",
         children: children
-      }), cachedParentHasValue ? /*#__PURE__*/jsxRuntime.jsx(icons.Check, {
+      }), selected && /*#__PURE__*/jsxRuntime.jsx(icons.Check, {
         size: 24,
-        className: classNames__default.default('np-select-input-option-check', !selected && 'np-select-input-option-check--not-selected')
-      }) : null]
+        className: classNames__default.default('np-select-input-option-check')
+      })]
     })
   });
 }