@transferwise/components 0.0.0-experimental-e9426b6 → 0.0.0-experimental-0397551

package/src/inputs/SelectInput/SelectInput.helpers.ts

@@ -1,152 +0,0 @@
-import type { SelectInputOptionItem, SelectInputItem } from './SelectInput.types';
-
-/**
- * Normalises a string for searching by trimming, normalising whitespace,
- * removing diacritics, and converting to lowercase.
- */
-export function searchableString(value: string) {
-  return (
-    value
-      .trim()
-      .replace(/\s+/gu, ' ')
-      // NFD converts an Å to A +  ̊ (and other special characters)
-      .normalize('NFD')
-      // and then this replaces the  ̊ with nothing (and other special characters)
-      .replace(/[\u0300-\u036f]/g, '')
-      .toLowerCase()
-  );
-}
-
-/**
- * Infers searchable strings from a value.
- * Extracts string values from objects or returns the string itself.
- */
-function inferSearchableStrings(value: unknown) {
-  if (typeof value === 'string') {
-    return [searchableString(value)];
-  }
-
-  if (typeof value === 'object' && value != null) {
-    return Object.values(value)
-      .filter((innerValue) => typeof innerValue === 'string')
-      .map((innerValue) => searchableString(innerValue));
-  }
-
-  return [];
-}
-
-/**
- * Checks if a select input option item matches the search needle.
- */
-export function selectInputOptionItemIncludesNeedle<T>(
-  item: SelectInputOptionItem<T>,
-  needle: string,
-) {
-  return inferSearchableStrings(item.filterMatchers ?? item.value).some((haystack) =>
-    haystack.includes(needle),
-  );
-}
-
-/**
- * Deduplicates a single option item by checking against existing values.
- * Returns the item with value set to undefined if it's a duplicate.
- */
-function dedupeSelectInputOptionItem<T>(
-  item: SelectInputOptionItem<T>,
-  existingValues: Set<T>,
-  compareValues?: (a: T, b: T) => boolean,
-): SelectInputOptionItem<T | undefined> {
-  const isDuplicate = compareValues
-    ? Array.from(existingValues).some((existingValue) => compareValues(item.value, existingValue))
-    : existingValues.has(item.value);
-
-  if (!isDuplicate) {
-    existingValues.add(item.value);
-    return item;
-  }
-  return { ...item, value: undefined };
-}
-
-/**
- * Sets the `value` of duplicate option items to `undefined`, hiding them when
- * rendered. Indexes are kept intact within groups to preserve the active item
- * between filter changes when possible.
- */
-export function dedupeSelectInputItems<T>(
-  items: readonly SelectInputItem<T>[],
-  compareValues?: (a: T, b: T) => boolean,
-): SelectInputItem<T | undefined>[] {
-  const existingValues = new Set<T>();
-
-  return items.map((item) => {
-    switch (item.type) {
-      case 'option': {
-        return dedupeSelectInputOptionItem(item, existingValues, compareValues);
-      }
-      case 'group': {
-        return {
-          ...item,
-          options: item.options.map((option) =>
-            dedupeSelectInputOptionItem(option, existingValues, compareValues),
-          ),
-        };
-      }
-      default:
-    }
-    return item;
-  });
-}
-
-/**
- * Filters select input items based on a predicate function.
- * Groups are included if at least one option matches the predicate.
- */
-export function filterSelectInputItems<T>(
-  items: readonly SelectInputItem<T>[],
-  predicate: (item: SelectInputOptionItem<T>) => boolean,
-) {
-  return items.filter((item) => {
-    switch (item.type) {
-      case 'option': {
-        return predicate(item);
-      }
-      case 'group': {
-        return item.options.some((option) => predicate(option));
-      }
-      default:
-    }
-    return false;
-  });
-}
-
-/**
- * Flattens and sorts filtered options using the provided comparator.
- * Extracts all options from groups, filters out undefined values (deduplicated items),
- * sorts them, and returns as a flat list of option items.
- */
-export function sortSelectInputItems<T>(
-  items: readonly SelectInputItem<T | undefined>[],
-  compareFn: (
-    a: SelectInputOptionItem<NonNullable<T>>,
-    b: SelectInputOptionItem<NonNullable<T>>,
-    searchQuery: string,
-  ) => number,
-  searchQuery: string,
-): SelectInputItem<NonNullable<T>>[] {
-  const flattenedOption = items.flatMap((item) => {
-    if (item.type === 'option') {
-      return item.value !== undefined ? [item as SelectInputOptionItem<NonNullable<T>>] : [];
-    }
-
-    if (item.type === 'group') {
-      return item.options.filter(
-        (option): option is SelectInputOptionItem<NonNullable<T>> => option.value !== undefined,
-      );
-    }
-
-    return [];
-  });
-
-  // eslint-disable-next-line functional/immutable-data
-  return flattenedOption.sort((a, b) => compareFn(a, b, searchQuery));
-}

package/src/inputs/SelectInput/SelectInput.less

@@ -1,42 +0,0 @@
-@import "../_BottomSheet.less";
-@import "../_ButtonInput.less";
-@import "../_Popover.less";
-@import (reference) "../../../node_modules/@transferwise/neptune-css/src/less/ring.less";
-@import "./components/SelectInputOptions/SelectInputOptions.less";
-@import "./components/SelectInputOption/SelectInputOption.less";
-@import "./components/SelectInputItemView/SelectInputItemView.less";
-@import "./components/SelectInputOptionContent/SelectInputOptionContent.less";
-@import "./components/SelectInputDefaultTrigger/SelectInputDefaultTrigger.less";
-
-.np-select-input-content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.np-select-input-placeholder {
-  color: var(--color-content-tertiary);
-}
-
-.np-select-input-addon {
-  border-width: 0;
-  background: none;
-
-  display: inline-flex;
-  height: var(--size-24);
-  width: var(--size-24);
-  align-items: center;
-  justify-content: center;
-  border-radius: 0.125rem /* 2px */; /* TODO: Tokenize */
-
-  &--interactive {
-    pointer-events: auto;
-    color: var(--color-interactive-secondary);
-
-    &:hover {
-      color: var(--color-interactive-secondary-hover);
-    }
-
-    .focus-ring();
-  }
-}