@transferwise/components 45.19.2 → 45.19.3

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.
@@ -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",