@transferwise/components 46.130.1 → 46.130.3

package/build/inputs/SelectInput/SelectInput.utils.js

@@ -0,0 +1,164 @@
+'use strict';
+
+const MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;
+/**
+ * Converts a string to a normalized, searchable format by:
+ * - Trimming whitespace
+ * - Normalizing whitespace (convert multiple spaces to single space)
+ * - Converting to NFD normalization form to handle diacritics
+ * - Removing combining diacritical marks
+ * - Converting to lowercase
+ */
+function searchableString(value) {
+  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();
+}
+/**
+ * Extracts searchable strings from a value.
+ * - If the value is a string, returns a normalized version.
+ * - If the value is an object, extracts all string values and normalizes them.
+ * - Otherwise returns an empty array.
+ */
+function inferSearchableStrings(value) {
+  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 [];
+}
+/**
+ * Sets the value of a duplicate option item to undefined, effectively hiding it when rendered.
+ */
+function dedupeSelectInputOptionItem(item, existingValues, compareValues) {
+  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.
+ */
+function dedupeSelectInputItems(items, compareValues) {
+  const existingValues = new Set();
+  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))
+          };
+        }
+    }
+    return item;
+  });
+}
+/**
+ * Checks if a SelectInputOptionItem matches the search needle.
+ */
+function selectInputOptionItemIncludesNeedle(item, needle) {
+  return inferSearchableStrings(item.filterMatchers ?? item.value).some(haystack => haystack.includes(needle));
+}
+/**
+ * Filters SelectInputItems based on the provided predicate function.
+ * For group items, it checks if any of their options match the predicate.
+ */
+function filterSelectInputItems(items, predicate) {
+  return items.filter(item => {
+    switch (item.type) {
+      case 'option':
+        {
+          return predicate(item);
+        }
+      case 'group':
+        {
+          return item.options.some(option => predicate(option));
+        }
+    }
+    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.
+ */
+function sortSelectInputItems(items, compareFn, searchQuery) {
+  const flattenedOption = items.flatMap(item => {
+    if (item.type === 'option') {
+      return item.value !== undefined ? [item] : [];
+    }
+    if (item.type === 'group') {
+      return item.options.filter(option => option.value !== undefined);
+    }
+    return [];
+  });
+  // eslint-disable-next-line functional/immutable-data
+  return flattenedOption.sort((a, b) => compareFn(a, b, searchQuery));
+}
+/**
+ * A prebuilt sort function for `sortFilteredOptions` that sorts options by relevance to the search query.
+ * Prioritizes: exact matches > starts with > contains > alphabetical.
+ *
+ * @param getLabel - Function to extract the label string from the option value. Defaults to using `title` property.
+ *
+ * @example
+ * ```tsx
+ * <SelectInput
+ *   filterable
+ *   sortFilteredOptions={sortByRelevance((value) => value.name)}
+ *   // ...
+ * />
+ * ```
+ */
+function sortByRelevance(getLabel = value => value.title) {
+  return (a, b, searchQuery) => {
+    const normalizedQuery = searchQuery.toLowerCase();
+    const labelA = getLabel(a.value).toLowerCase();
+    const labelB = getLabel(b.value).toLowerCase();
+    // Prioritize exact matches
+    const aExactMatch = labelA === normalizedQuery;
+    const bExactMatch = labelB === normalizedQuery;
+    if (aExactMatch && !bExactMatch) return -1;
+    if (!aExactMatch && bExactMatch) return 1;
+    // Then prioritize options where label starts with the search query
+    const aStartsWith = labelA.startsWith(normalizedQuery);
+    const bStartsWith = labelB.startsWith(normalizedQuery);
+    if (aStartsWith && !bStartsWith) return -1;
+    if (!aStartsWith && bStartsWith) return 1;
+    // Then prioritize options where label contains the search query
+    const aContains = labelA.includes(normalizedQuery);
+    const bContains = labelB.includes(normalizedQuery);
+    if (aContains && !bContains) return -1;
+    if (!aContains && bContains) return 1;
+    // Finally sort alphabetically
+    return labelA.localeCompare(labelB);
+  };
+}
+
+exports.MAX_ITEMS_WITHOUT_VIRTUALIZATION = MAX_ITEMS_WITHOUT_VIRTUALIZATION;
+exports.dedupeSelectInputItems = dedupeSelectInputItems;
+exports.dedupeSelectInputOptionItem = dedupeSelectInputOptionItem;
+exports.filterSelectInputItems = filterSelectInputItems;
+exports.inferSearchableStrings = inferSearchableStrings;
+exports.searchableString = searchableString;
+exports.selectInputOptionItemIncludesNeedle = selectInputOptionItemIncludesNeedle;
+exports.sortByRelevance = sortByRelevance;
+exports.sortSelectInputItems = sortSelectInputItems;
+//# sourceMappingURL=SelectInput.utils.js.map

package/build/inputs/SelectInput/SelectInput.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.utils.js","sources":["../../../src/inputs/SelectInput/SelectInput.utils.ts"],"sourcesContent":["import { SelectInputItem, SelectInputOptionItem } from './SelectInput.types';\n\nexport const MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;\n\n/**\n * Converts a string to a normalized, searchable format by:\n * - Trimming whitespace\n * - Normalizing whitespace (convert multiple spaces to single space)\n * - Converting to NFD normalization form to handle diacritics\n * - Removing combining diacritical marks\n * - Converting to lowercase\n */\nexport function searchableString(value: string) {\n  return (\n    value\n      .trim()\n      .replace(/\\s+/gu, ' ')\n      // NFD converts an Å to A +  ̊ (and other special characters)\n      .normalize('NFD')\n      // and then this replaces the  ̊ with nothing (and other special characters)\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase()\n  );\n}\n\n/**\n * Extracts searchable strings from a value.\n * - If the value is a string, returns a normalized version.\n * - If the value is an object, extracts all string values and normalizes them.\n * - Otherwise returns an empty array.\n */\nexport function inferSearchableStrings(value: unknown) {\n  if (typeof value === 'string') {\n    return [searchableString(value)];\n  }\n\n  if (typeof value === 'object' && value != null) {\n    return Object.values(value)\n      .filter((innerValue) => typeof innerValue === 'string')\n      .map((innerValue) => searchableString(innerValue));\n  }\n\n  return [];\n}\n\n/**\n * Sets the value of a duplicate option item to undefined, effectively hiding it when rendered.\n */\nexport function dedupeSelectInputOptionItem<T>(\n  item: SelectInputOptionItem<T>,\n  existingValues: Set<T>,\n  compareValues?: (a: T, b: T) => boolean,\n): SelectInputOptionItem<T | undefined> {\n  const isDuplicate = compareValues\n    ? Array.from(existingValues).some((existingValue) => compareValues(item.value, existingValue))\n    : existingValues.has(item.value);\n\n  if (!isDuplicate) {\n    existingValues.add(item.value);\n    return item;\n  }\n  return { ...item, value: undefined };\n}\n\n/**\n * Sets the `value` of duplicate option items to `undefined`, hiding them when\n * rendered. Indexes are kept intact within groups to preserve the active item\n * between filter changes when possible.\n */\nexport function dedupeSelectInputItems<T>(\n  items: readonly SelectInputItem<T>[],\n  compareValues?: (a: T, b: T) => boolean,\n): SelectInputItem<T | undefined>[] {\n  const existingValues = new Set<T>();\n\n  return items.map((item) => {\n    switch (item.type) {\n      case 'option': {\n        return dedupeSelectInputOptionItem(item, existingValues, compareValues);\n      }\n      case 'group': {\n        return {\n          ...item,\n          options: item.options.map((option) =>\n            dedupeSelectInputOptionItem(option, existingValues, compareValues),\n          ),\n        };\n      }\n      default:\n    }\n    return item;\n  });\n}\n\n/**\n * Checks if a SelectInputOptionItem matches the search needle.\n */\nexport function selectInputOptionItemIncludesNeedle<T>(\n  item: SelectInputOptionItem<T>,\n  needle: string,\n) {\n  return inferSearchableStrings(item.filterMatchers ?? item.value).some((haystack) =>\n    haystack.includes(needle),\n  );\n}\n\n/**\n * Filters SelectInputItems based on the provided predicate function.\n * For group items, it checks if any of their options match the predicate.\n */\nexport function filterSelectInputItems<T>(\n  items: readonly SelectInputItem<T>[],\n  predicate: (item: SelectInputOptionItem<T>) => boolean,\n) {\n  return items.filter((item) => {\n    switch (item.type) {\n      case 'option': {\n        return predicate(item);\n      }\n      case 'group': {\n        return item.options.some((option) => predicate(option));\n      }\n      default:\n    }\n    return false;\n  });\n}\n\n/**\n * Flattens and sorts filtered options using the provided comparator.\n * Extracts all options from groups, filters out undefined values (deduplicated items),\n * sorts them, and returns as a flat list of option items.\n */\nexport function sortSelectInputItems<T>(\n  items: readonly SelectInputItem<T | undefined>[],\n  compareFn: (\n    a: SelectInputOptionItem<NonNullable<T>>,\n    b: SelectInputOptionItem<NonNullable<T>>,\n    searchQuery: string,\n  ) => number,\n  searchQuery: string,\n): SelectInputItem<NonNullable<T>>[] {\n  const flattenedOption = items.flatMap((item) => {\n    if (item.type === 'option') {\n      return item.value !== undefined ? [item as SelectInputOptionItem<NonNullable<T>>] : [];\n    }\n\n    if (item.type === 'group') {\n      return item.options.filter(\n        (option): option is SelectInputOptionItem<NonNullable<T>> => option.value !== undefined,\n      );\n    }\n\n    return [];\n  });\n\n  // eslint-disable-next-line functional/immutable-data\n  return flattenedOption.sort((a, b) => compareFn(a, b, searchQuery));\n}\n\n/**\n * A prebuilt sort function for `sortFilteredOptions` that sorts options by relevance to the search query.\n * Prioritizes: exact matches > starts with > contains > alphabetical.\n *\n * @param getLabel - Function to extract the label string from the option value. Defaults to using `title` property.\n *\n * @example\n * ```tsx\n * <SelectInput\n *   filterable\n *   sortFilteredOptions={sortByRelevance((value) => value.name)}\n *   // ...\n * />\n * ```\n */\nexport function sortByRelevance<T>(\n  getLabel: (value: T) => string = (value) => (value as { title: string }).title,\n): (a: SelectInputOptionItem<T>, b: SelectInputOptionItem<T>, searchQuery: string) => number {\n  return (a, b, searchQuery) => {\n    const normalizedQuery = searchQuery.toLowerCase();\n    const labelA = getLabel(a.value).toLowerCase();\n    const labelB = getLabel(b.value).toLowerCase();\n\n    // Prioritize exact matches\n    const aExactMatch = labelA === normalizedQuery;\n    const bExactMatch = labelB === normalizedQuery;\n    if (aExactMatch && !bExactMatch) return -1;\n    if (!aExactMatch && bExactMatch) return 1;\n\n    // Then prioritize options where label starts with the search query\n    const aStartsWith = labelA.startsWith(normalizedQuery);\n    const bStartsWith = labelB.startsWith(normalizedQuery);\n    if (aStartsWith && !bStartsWith) return -1;\n    if (!aStartsWith && bStartsWith) return 1;\n\n    // Then prioritize options where label contains the search query\n    const aContains = labelA.includes(normalizedQuery);\n    const bContains = labelB.includes(normalizedQuery);\n    if (aContains && !bContains) return -1;\n    if (!aContains && bContains) return 1;\n\n    // Finally sort alphabetically\n    return labelA.localeCompare(labelB);\n  };\n}\n"],"names":["MAX_ITEMS_WITHOUT_VIRTUALIZATION","searchableString","value","trim","replace","normalize","toLowerCase","inferSearchableStrings","Object","values","filter","innerValue","map","dedupeSelectInputOptionItem","item","existingValues","compareValues","isDuplicate","Array","from","some","existingValue","has","add","undefined","dedupeSelectInputItems","items","Set","type","options","option","selectInputOptionItemIncludesNeedle","needle","filterMatchers","haystack","includes","filterSelectInputItems","predicate","sortSelectInputItems","compareFn","searchQuery","flattenedOption","flatMap","sort","a","b","sortByRelevance","getLabel","title","normalizedQuery","labelA","labelB","aExactMatch","bExactMatch","aStartsWith","startsWith","bStartsWith","aContains","bContains","localeCompare"],"mappings":"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"}

package/build/inputs/SelectInput/SelectInput.utils.mjs

@@ -0,0 +1,154 @@
+const MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;
+/**
+ * Converts a string to a normalized, searchable format by:
+ * - Trimming whitespace
+ * - Normalizing whitespace (convert multiple spaces to single space)
+ * - Converting to NFD normalization form to handle diacritics
+ * - Removing combining diacritical marks
+ * - Converting to lowercase
+ */
+function searchableString(value) {
+  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();
+}
+/**
+ * Extracts searchable strings from a value.
+ * - If the value is a string, returns a normalized version.
+ * - If the value is an object, extracts all string values and normalizes them.
+ * - Otherwise returns an empty array.
+ */
+function inferSearchableStrings(value) {
+  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 [];
+}
+/**
+ * Sets the value of a duplicate option item to undefined, effectively hiding it when rendered.
+ */
+function dedupeSelectInputOptionItem(item, existingValues, compareValues) {
+  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.
+ */
+function dedupeSelectInputItems(items, compareValues) {
+  const existingValues = new Set();
+  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))
+          };
+        }
+    }
+    return item;
+  });
+}
+/**
+ * Checks if a SelectInputOptionItem matches the search needle.
+ */
+function selectInputOptionItemIncludesNeedle(item, needle) {
+  return inferSearchableStrings(item.filterMatchers ?? item.value).some(haystack => haystack.includes(needle));
+}
+/**
+ * Filters SelectInputItems based on the provided predicate function.
+ * For group items, it checks if any of their options match the predicate.
+ */
+function filterSelectInputItems(items, predicate) {
+  return items.filter(item => {
+    switch (item.type) {
+      case 'option':
+        {
+          return predicate(item);
+        }
+      case 'group':
+        {
+          return item.options.some(option => predicate(option));
+        }
+    }
+    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.
+ */
+function sortSelectInputItems(items, compareFn, searchQuery) {
+  const flattenedOption = items.flatMap(item => {
+    if (item.type === 'option') {
+      return item.value !== undefined ? [item] : [];
+    }
+    if (item.type === 'group') {
+      return item.options.filter(option => option.value !== undefined);
+    }
+    return [];
+  });
+  // eslint-disable-next-line functional/immutable-data
+  return flattenedOption.sort((a, b) => compareFn(a, b, searchQuery));
+}
+/**
+ * A prebuilt sort function for `sortFilteredOptions` that sorts options by relevance to the search query.
+ * Prioritizes: exact matches > starts with > contains > alphabetical.
+ *
+ * @param getLabel - Function to extract the label string from the option value. Defaults to using `title` property.
+ *
+ * @example
+ * ```tsx
+ * <SelectInput
+ *   filterable
+ *   sortFilteredOptions={sortByRelevance((value) => value.name)}
+ *   // ...
+ * />
+ * ```
+ */
+function sortByRelevance(getLabel = value => value.title) {
+  return (a, b, searchQuery) => {
+    const normalizedQuery = searchQuery.toLowerCase();
+    const labelA = getLabel(a.value).toLowerCase();
+    const labelB = getLabel(b.value).toLowerCase();
+    // Prioritize exact matches
+    const aExactMatch = labelA === normalizedQuery;
+    const bExactMatch = labelB === normalizedQuery;
+    if (aExactMatch && !bExactMatch) return -1;
+    if (!aExactMatch && bExactMatch) return 1;
+    // Then prioritize options where label starts with the search query
+    const aStartsWith = labelA.startsWith(normalizedQuery);
+    const bStartsWith = labelB.startsWith(normalizedQuery);
+    if (aStartsWith && !bStartsWith) return -1;
+    if (!aStartsWith && bStartsWith) return 1;
+    // Then prioritize options where label contains the search query
+    const aContains = labelA.includes(normalizedQuery);
+    const bContains = labelB.includes(normalizedQuery);
+    if (aContains && !bContains) return -1;
+    if (!aContains && bContains) return 1;
+    // Finally sort alphabetically
+    return labelA.localeCompare(labelB);
+  };
+}
+
+export { MAX_ITEMS_WITHOUT_VIRTUALIZATION, dedupeSelectInputItems, dedupeSelectInputOptionItem, filterSelectInputItems, inferSearchableStrings, searchableString, selectInputOptionItemIncludesNeedle, sortByRelevance, sortSelectInputItems };
+//# sourceMappingURL=SelectInput.utils.mjs.map

package/build/inputs/SelectInput/SelectInput.utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.utils.mjs","sources":["../../../src/inputs/SelectInput/SelectInput.utils.ts"],"sourcesContent":["import { SelectInputItem, SelectInputOptionItem } from './SelectInput.types';\n\nexport const MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;\n\n/**\n * Converts a string to a normalized, searchable format by:\n * - Trimming whitespace\n * - Normalizing whitespace (convert multiple spaces to single space)\n * - Converting to NFD normalization form to handle diacritics\n * - Removing combining diacritical marks\n * - Converting to lowercase\n */\nexport function searchableString(value: string) {\n  return (\n    value\n      .trim()\n      .replace(/\\s+/gu, ' ')\n      // NFD converts an Å to A +  ̊ (and other special characters)\n      .normalize('NFD')\n      // and then this replaces the  ̊ with nothing (and other special characters)\n      .replace(/[\\u0300-\\u036f]/g, '')\n      .toLowerCase()\n  );\n}\n\n/**\n * Extracts searchable strings from a value.\n * - If the value is a string, returns a normalized version.\n * - If the value is an object, extracts all string values and normalizes them.\n * - Otherwise returns an empty array.\n */\nexport function inferSearchableStrings(value: unknown) {\n  if (typeof value === 'string') {\n    return [searchableString(value)];\n  }\n\n  if (typeof value === 'object' && value != null) {\n    return Object.values(value)\n      .filter((innerValue) => typeof innerValue === 'string')\n      .map((innerValue) => searchableString(innerValue));\n  }\n\n  return [];\n}\n\n/**\n * Sets the value of a duplicate option item to undefined, effectively hiding it when rendered.\n */\nexport function dedupeSelectInputOptionItem<T>(\n  item: SelectInputOptionItem<T>,\n  existingValues: Set<T>,\n  compareValues?: (a: T, b: T) => boolean,\n): SelectInputOptionItem<T | undefined> {\n  const isDuplicate = compareValues\n    ? Array.from(existingValues).some((existingValue) => compareValues(item.value, existingValue))\n    : existingValues.has(item.value);\n\n  if (!isDuplicate) {\n    existingValues.add(item.value);\n    return item;\n  }\n  return { ...item, value: undefined };\n}\n\n/**\n * Sets the `value` of duplicate option items to `undefined`, hiding them when\n * rendered. Indexes are kept intact within groups to preserve the active item\n * between filter changes when possible.\n */\nexport function dedupeSelectInputItems<T>(\n  items: readonly SelectInputItem<T>[],\n  compareValues?: (a: T, b: T) => boolean,\n): SelectInputItem<T | undefined>[] {\n  const existingValues = new Set<T>();\n\n  return items.map((item) => {\n    switch (item.type) {\n      case 'option': {\n        return dedupeSelectInputOptionItem(item, existingValues, compareValues);\n      }\n      case 'group': {\n        return {\n          ...item,\n          options: item.options.map((option) =>\n            dedupeSelectInputOptionItem(option, existingValues, compareValues),\n          ),\n        };\n      }\n      default:\n    }\n    return item;\n  });\n}\n\n/**\n * Checks if a SelectInputOptionItem matches the search needle.\n */\nexport function selectInputOptionItemIncludesNeedle<T>(\n  item: SelectInputOptionItem<T>,\n  needle: string,\n) {\n  return inferSearchableStrings(item.filterMatchers ?? item.value).some((haystack) =>\n    haystack.includes(needle),\n  );\n}\n\n/**\n * Filters SelectInputItems based on the provided predicate function.\n * For group items, it checks if any of their options match the predicate.\n */\nexport function filterSelectInputItems<T>(\n  items: readonly SelectInputItem<T>[],\n  predicate: (item: SelectInputOptionItem<T>) => boolean,\n) {\n  return items.filter((item) => {\n    switch (item.type) {\n      case 'option': {\n        return predicate(item);\n      }\n      case 'group': {\n        return item.options.some((option) => predicate(option));\n      }\n      default:\n    }\n    return false;\n  });\n}\n\n/**\n * Flattens and sorts filtered options using the provided comparator.\n * Extracts all options from groups, filters out undefined values (deduplicated items),\n * sorts them, and returns as a flat list of option items.\n */\nexport function sortSelectInputItems<T>(\n  items: readonly SelectInputItem<T | undefined>[],\n  compareFn: (\n    a: SelectInputOptionItem<NonNullable<T>>,\n    b: SelectInputOptionItem<NonNullable<T>>,\n    searchQuery: string,\n  ) => number,\n  searchQuery: string,\n): SelectInputItem<NonNullable<T>>[] {\n  const flattenedOption = items.flatMap((item) => {\n    if (item.type === 'option') {\n      return item.value !== undefined ? [item as SelectInputOptionItem<NonNullable<T>>] : [];\n    }\n\n    if (item.type === 'group') {\n      return item.options.filter(\n        (option): option is SelectInputOptionItem<NonNullable<T>> => option.value !== undefined,\n      );\n    }\n\n    return [];\n  });\n\n  // eslint-disable-next-line functional/immutable-data\n  return flattenedOption.sort((a, b) => compareFn(a, b, searchQuery));\n}\n\n/**\n * A prebuilt sort function for `sortFilteredOptions` that sorts options by relevance to the search query.\n * Prioritizes: exact matches > starts with > contains > alphabetical.\n *\n * @param getLabel - Function to extract the label string from the option value. Defaults to using `title` property.\n *\n * @example\n * ```tsx\n * <SelectInput\n *   filterable\n *   sortFilteredOptions={sortByRelevance((value) => value.name)}\n *   // ...\n * />\n * ```\n */\nexport function sortByRelevance<T>(\n  getLabel: (value: T) => string = (value) => (value as { title: string }).title,\n): (a: SelectInputOptionItem<T>, b: SelectInputOptionItem<T>, searchQuery: string) => number {\n  return (a, b, searchQuery) => {\n    const normalizedQuery = searchQuery.toLowerCase();\n    const labelA = getLabel(a.value).toLowerCase();\n    const labelB = getLabel(b.value).toLowerCase();\n\n    // Prioritize exact matches\n    const aExactMatch = labelA === normalizedQuery;\n    const bExactMatch = labelB === normalizedQuery;\n    if (aExactMatch && !bExactMatch) return -1;\n    if (!aExactMatch && bExactMatch) return 1;\n\n    // Then prioritize options where label starts with the search query\n    const aStartsWith = labelA.startsWith(normalizedQuery);\n    const bStartsWith = labelB.startsWith(normalizedQuery);\n    if (aStartsWith && !bStartsWith) return -1;\n    if (!aStartsWith && bStartsWith) return 1;\n\n    // Then prioritize options where label contains the search query\n    const aContains = labelA.includes(normalizedQuery);\n    const bContains = labelB.includes(normalizedQuery);\n    if (aContains && !bContains) return -1;\n    if (!aContains && bContains) return 1;\n\n    // Finally sort alphabetically\n    return labelA.localeCompare(labelB);\n  };\n}\n"],"names":["MAX_ITEMS_WITHOUT_VIRTUALIZATION","searchableString","value","trim","replace","normalize","toLowerCase","inferSearchableStrings","Object","values","filter","innerValue","map","dedupeSelectInputOptionItem","item","existingValues","compareValues","isDuplicate","Array","from","some","existingValue","has","add","undefined","dedupeSelectInputItems","items","Set","type","options","option","selectInputOptionItemIncludesNeedle","needle","filterMatchers","haystack","includes","filterSelectInputItems","predicate","sortSelectInputItems","compareFn","searchQuery","flattenedOption","flatMap","sort","a","b","sortByRelevance","getLabel","title","normalizedQuery","labelA","labelB","aExactMatch","bExactMatch","aStartsWith","startsWith","bStartsWith","aContains","bContains","localeCompare"],"mappings":"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"}

package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var react = require('@headlessui/react');
+var mergeProps = require('merge-props');
+var React = require('react');
+var PolymorphicWithOverrides = require('../../../common/polymorphicWithOverrides/PolymorphicWithOverrides.js');
+var SelectInput_contexts = require('../SelectInput.contexts.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var mergeProps__default = /*#__PURE__*/_interopDefault(mergeProps);
+
+function SelectInputTriggerButton({
+  as = 'button',
+  ...restProps
+}) {
+  const {
+    ref,
+    onClick,
+    onKeyDown,
+    size,
+    ...interactionProps
+  } = React.useContext(SelectInput_contexts.SelectInputTriggerButtonPropsContext);
+  return /*#__PURE__*/jsxRuntime.jsx(react.ListboxButton, {
+    ref: ref,
+    as: PolymorphicWithOverrides.PolymorphicWithOverrides,
+    role: "combobox",
+    __overrides: {
+      as,
+      size,
+      ...interactionProps
+    },
+    ...mergeProps__default.default({
+      onClick,
+      onKeyDown
+    }, restProps)
+  });
+}
+
+exports.SelectInputTriggerButton = SelectInputTriggerButton;
+//# sourceMappingURL=SelectInputTriggerButton.js.map

package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputTriggerButton.js","sources":["../../../../src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx"],"sourcesContent":["import { ListboxButton } from '@headlessui/react';\nimport mergeProps from 'merge-props';\nimport { useContext } from 'react';\nimport { PolymorphicWithOverrides } from '../../../common/polymorphicWithOverrides/PolymorphicWithOverrides';\nimport { Merge } from '../../../utils';\nimport { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts';\n\nexport type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;\n\nexport type SelectInputTriggerButtonProps<\n  T extends SelectInputTriggerButtonElementType = 'button',\n> = Merge<React.ComponentPropsWithoutRef<T>, { as?: T }>;\n\n/**\n * The trigger button component for SelectInput.\n * Uses Headless UI's ListboxButton with polymorphic support to allow\n * rendering as different element types.\n */\nexport function SelectInputTriggerButton<T extends SelectInputTriggerButtonElementType = 'button'>({\n  as = 'button' as T,\n  ...restProps\n}: SelectInputTriggerButtonProps<T>) {\n  const { ref, onClick, onKeyDown, size, ...interactionProps } = useContext(\n    SelectInputTriggerButtonPropsContext,\n  );\n\n  return (\n    <ListboxButton\n      ref={ref}\n      as={PolymorphicWithOverrides}\n      role=\"combobox\"\n      __overrides={{ as, size, ...interactionProps } as Record<string, unknown>}\n      {...mergeProps({ onClick, onKeyDown }, restProps)}\n    />\n  );\n}\n"],"names":["SelectInputTriggerButton","as","restProps","ref","onClick","onKeyDown","size","interactionProps","useContext","SelectInputTriggerButtonPropsContext","_jsx","ListboxButton","PolymorphicWithOverrides","role","__overrides","mergeProps"],"mappings":";;;;;;;;;;;;;AAkBM,SAAUA,wBAAwBA,CAA2D;AACjGC,EAAAA,EAAE,GAAG,QAAa;EAClB,GAAGC;AAAS,CACqB,EAAA;EACjC,MAAM;IAAEC,GAAG;IAAEC,OAAO;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;AAAgB,GAAE,GAAGC,gBAAU,CACvEC,yDAAoC,CACrC;EAED,oBACEC,cAAA,CAACC,mBAAa,EAAA;AACZR,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,EAAE,EAAEW,iDAAyB;AAC7BC,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,WAAW,EAAE;MAAEb,EAAE;MAAEK,IAAI;MAAE,GAAGC;KAA8C;AAAA,IAAA,GACtEQ,2BAAU,CAAC;MAAEX,OAAO;AAAEC,MAAAA;AAAS,KAAE,EAAEH,SAAS;AAAC,GAAC,CAClD;AAEN;;;;"}

package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs

@@ -0,0 +1,36 @@
+import { ListboxButton } from '@headlessui/react';
+import mergeProps from 'merge-props';
+import { useContext } from 'react';
+import { PolymorphicWithOverrides } from '../../../common/polymorphicWithOverrides/PolymorphicWithOverrides.mjs';
+import { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function SelectInputTriggerButton({
+  as = 'button',
+  ...restProps
+}) {
+  const {
+    ref,
+    onClick,
+    onKeyDown,
+    size,
+    ...interactionProps
+  } = useContext(SelectInputTriggerButtonPropsContext);
+  return /*#__PURE__*/jsx(ListboxButton, {
+    ref: ref,
+    as: PolymorphicWithOverrides,
+    role: "combobox",
+    __overrides: {
+      as,
+      size,
+      ...interactionProps
+    },
+    ...mergeProps({
+      onClick,
+      onKeyDown
+    }, restProps)
+  });
+}
+
+export { SelectInputTriggerButton };
+//# sourceMappingURL=SelectInputTriggerButton.mjs.map

package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInputTriggerButton.mjs","sources":["../../../../src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx"],"sourcesContent":["import { ListboxButton } from '@headlessui/react';\nimport mergeProps from 'merge-props';\nimport { useContext } from 'react';\nimport { PolymorphicWithOverrides } from '../../../common/polymorphicWithOverrides/PolymorphicWithOverrides';\nimport { Merge } from '../../../utils';\nimport { SelectInputTriggerButtonPropsContext } from '../SelectInput.contexts';\n\nexport type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;\n\nexport type SelectInputTriggerButtonProps<\n  T extends SelectInputTriggerButtonElementType = 'button',\n> = Merge<React.ComponentPropsWithoutRef<T>, { as?: T }>;\n\n/**\n * The trigger button component for SelectInput.\n * Uses Headless UI's ListboxButton with polymorphic support to allow\n * rendering as different element types.\n */\nexport function SelectInputTriggerButton<T extends SelectInputTriggerButtonElementType = 'button'>({\n  as = 'button' as T,\n  ...restProps\n}: SelectInputTriggerButtonProps<T>) {\n  const { ref, onClick, onKeyDown, size, ...interactionProps } = useContext(\n    SelectInputTriggerButtonPropsContext,\n  );\n\n  return (\n    <ListboxButton\n      ref={ref}\n      as={PolymorphicWithOverrides}\n      role=\"combobox\"\n      __overrides={{ as, size, ...interactionProps } as Record<string, unknown>}\n      {...mergeProps({ onClick, onKeyDown }, restProps)}\n    />\n  );\n}\n"],"names":["SelectInputTriggerButton","as","restProps","ref","onClick","onKeyDown","size","interactionProps","useContext","SelectInputTriggerButtonPropsContext","_jsx","ListboxButton","PolymorphicWithOverrides","role","__overrides","mergeProps"],"mappings":";;;;;;;AAkBM,SAAUA,wBAAwBA,CAA2D;AACjGC,EAAAA,EAAE,GAAG,QAAa;EAClB,GAAGC;AAAS,CACqB,EAAA;EACjC,MAAM;IAAEC,GAAG;IAAEC,OAAO;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;AAAgB,GAAE,GAAGC,UAAU,CACvEC,oCAAoC,CACrC;EAED,oBACEC,GAAA,CAACC,aAAa,EAAA;AACZR,IAAAA,GAAG,EAAEA,GAAI;AACTF,IAAAA,EAAE,EAAEW,wBAAyB;AAC7BC,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,WAAW,EAAE;MAAEb,EAAE;MAAEK,IAAI;MAAE,GAAGC;KAA8C;AAAA,IAAA,GACtEQ,UAAU,CAAC;MAAEX,OAAO;AAAEC,MAAAA;AAAS,KAAE,EAAEH,SAAS;AAAC,GAAC,CAClD;AAEN;;;;"}