@transferwise/components 45.19.2 → 45.19.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1496,12 +1496,12 @@ const FocusBoundary = ({
1496
1496
  preventScroll: true
1497
1497
  });
1498
1498
  }, []);
1499
- return /*#__PURE__*/jsx("div", {
1500
- ref: wrapperReference,
1501
- tabIndex: -1,
1502
- children: /*#__PURE__*/jsx(FocusScope, {
1503
- contain: true,
1504
- restoreFocus: true,
1499
+ return /*#__PURE__*/jsx(FocusScope, {
1500
+ contain: true,
1501
+ restoreFocus: true,
1502
+ children: /*#__PURE__*/jsx("div", {
1503
+ ref: wrapperReference,
1504
+ tabIndex: -1,
1505
1505
  children: children
1506
1506
  })
1507
1507
  });
@@ -6833,7 +6833,12 @@ function SelectInputOptions({
6833
6833
  listboxRef
6834
6834
  }) {
6835
6835
  const [query, setQuery] = useState('');
6836
- const needle = useMemo(() => query ? searchableString(query) : null, [query]);
6836
+ const needle = useMemo(() => {
6837
+ if (filterable) {
6838
+ return query ? searchableString(query) : null;
6839
+ }
6840
+ return undefined;
6841
+ }, [filterable, query]);
6837
6842
  const listboxContainerRef = useRef(null);
6838
6843
  useEffect(() => {
6839
6844
  if (listboxContainerRef.current != null) {
@@ -6945,7 +6950,7 @@ function SelectInputGroupItemView({
6945
6950
  jsxs("section", {
6946
6951
  role: "group",
6947
6952
  "aria-labelledby": headerId,
6948
- className: classNames(needle == null && 'np-select-input-group-item--without-needle'),
6953
+ className: classNames(needle === null && 'np-select-input-group-item--without-needle'),
6949
6954
  children: [needle == null ? /*#__PURE__*/jsx("header", {
6950
6955
  id: headerId,
6951
6956
  role: "presentation",