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

package/src/main.css

@@ -3976,6 +3976,28 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   color: #5d7079;
   color: var(--color-content-secondary);
 }
+.np-select-input-content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.np-select-input-placeholder {
+  color: #768e9c;
+  color: var(--color-content-tertiary);
+}
+.np-select-input-options-container {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+}
+.np-select-input-options-container:focus {
+  outline: none;
+}
+@media (min-width: 576px) {
+  .np-select-input-options-container {
+    max-height: 28rem /* 448px */;
+  }
+}
 .np-select-input-options-status {
   display: flex;
   align-items: center;
@@ -4040,22 +4062,21 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   contain: strict;
   height: 100%;
 }
-.np-select-input-options-container {
-  display: flex;
-  height: 100%;
-  flex-direction: column;
-}
-.np-select-input-options-container:focus {
-  outline: none;
+.np-select-input-separator-item {
+  margin: 8px;
+  margin: var(--size-8);
+  border-top-width: 1px;
 }
-@media (min-width: 576px) {
-  .np-select-input-options-container {
-    max-height: 28rem /* 448px */;
-  }
+.np-select-input-group-item--without-needle:first-child {
+  margin-top: calc(-1 * 8px);
+  margin-top: calc(-1 * var(--size-8));
 }
-.np-select-input-footer {
-  padding: 4px 24px 16px;
-  padding: var(--size-4) var(--size-24) var(--size-16);
+.np-select-input-group-item-header {
+  position: sticky;
+  top: 0px;
+  z-index: 10;
+  background-color: #ffffff;
+  background-color: var(--color-background-elevated);
 }
 .np-select-input-option-container {
   display: flex;
@@ -4084,27 +4105,11 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
 .np-select-input-option-container--disabled {
   opacity: 0.45;
 }
-.np-select-input-option {
-  flex: 1;
-}
 .np-select-input-option-check--not-selected {
   visibility: hidden;
 }
-.np-select-input-separator-item {
-  margin: 8px;
-  margin: var(--size-8);
-  border-top-width: 1px;
-}
-.np-select-input-group-item--without-needle:first-child {
-  margin-top: calc(-1 * 8px);
-  margin-top: calc(-1 * var(--size-8));
-}
-.np-select-input-group-item-header {
-  position: sticky;
-  top: 0px;
-  z-index: 10;
-  background-color: #ffffff;
-  background-color: var(--color-background-elevated);
+.np-select-input-option {
+  flex: 1;
 }
 .np-select-input-option-content-container {
   display: flex;
@@ -4143,6 +4148,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   margin-left: 8px;
   margin-left: var(--size-8);
 }
+.np-select-input-footer {
+  padding: 4px 24px 16px;
+  padding: var(--size-4) var(--size-24) var(--size-16);
+}
 .np-select-input-addon-container {
   pointer-events: none;
   margin-inline-start: 4px;
@@ -4154,21 +4163,6 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   margin-inline-start: 4px;
   margin-inline-start: var(--size-4);
 }
-.np-select-input-addon-separator {
-  height: 24px;
-  height: var(--size-24);
-  border-inline-start: 1px solid rgba(0,0,0,0.10196);
-  border-inline-start: 1px solid var(--color-border-neutral);
-}
-.np-select-input-content {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.np-select-input-placeholder {
-  color: #768e9c;
-  color: var(--color-content-tertiary);
-}
 .np-select-input-addon {
   border-width: 0;
   background: none;
@@ -4198,6 +4192,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
 }
+.np-select-input-addon-separator {
+  height: 24px;
+  height: var(--size-24);
+  border-inline-start: 1px solid rgba(0,0,0,0.10196);
+  border-inline-start: 1px solid var(--color-border-neutral);
+}
 .np-text-area {
   min-height: 72px;
   min-height: var(--size-72);

package/src/main.less

@@ -44,7 +44,7 @@
 @import "./listItem/ListItem.less";
 @import "./field/Field.less";
 @import "./inputs/InputGroup.less";
-@import "./inputs/SelectInput/SelectInput.less";
+@import "./inputs/SelectInput.less";
 @import "./inputs/TextArea.less";
 @import "./instructionsList/InstructionsList.less";
 @import "./link/Link.less";

package/src/modal/Modal.story.tsx

@@ -84,6 +84,9 @@ export const BasicMobile: Story = {
       mobile: allModes.largeMobile,
     },
   },
+  globals: {
+    viewport: 'largeMobile',
+  },
 };
 
 export const ContentScroll: Story = {
@@ -103,6 +106,9 @@ export const ContentScrollMobile: Story = {
       mobile: allModes.largeMobile,
     },
   },
+  globals: {
+    viewport: 'largeMobile',
+  },
 };
 
 export const ViewportScroll: Story = {
@@ -122,6 +128,9 @@ export const ViewportScrollMobile: Story = {
       mobile: allModes.largeMobile,
     },
   },
+  globals: {
+    viewport: 'largeMobile',
+  },
 };
 
 export const WithoutTitle: Story = {
@@ -140,6 +149,9 @@ export const WithoutTitleMobile: Story = {
       mobile: allModes.largeMobile,
     },
   },
+  globals: {
+    viewport: 'largeMobile',
+  },
 };
 
 export const WithThemeProviderInContent: Story = {
@@ -167,4 +179,7 @@ export const WithThemeProviderInContentMobile: Story = {
       mobile: allModes.largeMobile,
     },
   },
+  globals: {
+    viewport: 'largeMobile',
+  },
 };

package/src/snackbar/Snackbar.test.story.tsx

@@ -121,6 +121,9 @@ export const Mobile = {
       mobile: allModes.largeMobile,
     },
   },
+  globals: {
+    viewport: 'largeMobile',
+  },
 };
 
 const switchToDarkMode = async (context: { canvasElement: HTMLElement }) => {
@@ -230,6 +233,9 @@ export const RTLMobile = {
       mobile: allModes.largeMobile,
     },
   },
+  globals: {
+    viewport: 'largeMobile',
+  },
 };
 
 export const Zoom400 = {
@@ -260,6 +266,9 @@ export const Zoom400 = {
       zoom400: allModes.zoom400,
     },
   },
+  globals: {
+    viewport: 'zoom400',
+  },
 };
 
 export const MultipleClicks = {

package/build/inputs/SelectInput/SelectInput.helpers.js

@@ -1,115 +0,0 @@
-'use strict';
-
-/**
- * Normalises a string for searching by trimming, normalising whitespace,
- * removing diacritics, and 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();
-}
-/**
- * Infers searchable strings from a value.
- * Extracts string values from objects or returns the string itself.
- */
-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 [];
-}
-/**
- * Checks if a select input option item matches the search needle.
- */
-function selectInputOptionItemIncludesNeedle(item, needle) {
-  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(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;
-  });
-}
-/**
- * Filters select input items based on a predicate function.
- * Groups are included if at least one option matches 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));
-}
-
-exports.dedupeSelectInputItems = dedupeSelectInputItems;
-exports.filterSelectInputItems = filterSelectInputItems;
-exports.searchableString = searchableString;
-exports.selectInputOptionItemIncludesNeedle = selectInputOptionItemIncludesNeedle;
-exports.sortSelectInputItems = sortSelectInputItems;
-//# sourceMappingURL=SelectInput.helpers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInput.helpers.js","sources":["../../../src/inputs/SelectInput/SelectInput.helpers.ts"],"sourcesContent":["import type { SelectInputOptionItem, SelectInputItem } from './SelectInput.types';\n\n/**\n * Normalises a string for searching by trimming, normalising whitespace,\n * removing diacritics, and 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 * Infers searchable strings from a value.\n * Extracts string values from objects or returns the string itself.\n */\nfunction 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 * Checks if a select input option item 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 * Deduplicates a single option item by checking against existing values.\n * Returns the item with value set to undefined if it's a duplicate.\n */\nfunction 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 * Filters select input items based on a predicate function.\n * Groups are included if at least one option matches 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"],"names":["searchableString","value","trim","replace","normalize","toLowerCase","inferSearchableStrings","Object","values","filter","innerValue","map","selectInputOptionItemIncludesNeedle","item","needle","filterMatchers","some","haystack","includes","dedupeSelectInputOptionItem","existingValues","compareValues","isDuplicate","Array","from","existingValue","has","add","undefined","dedupeSelectInputItems","items","Set","type","options","option","filterSelectInputItems","predicate","sortSelectInputItems","compareFn","searchQuery","flattenedOption","flatMap","sort","a","b"],"mappings":";;AAEA;;;AAGG;AACG,SAAUA,gBAAgBA,CAACC,KAAa,EAAA;EAC5C,OACEA,KAAK,CACFC,IAAI,EAAE,CACNC,OAAO,CAAC,OAAO,EAAE,GAAG;AACrB;GACCC,SAAS,CAAC,KAAK;AAChB;GACCD,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAC/BE,WAAW,EAAE;AAEpB;AAEA;;;AAGG;AACH,SAASC,sBAAsBA,CAACL,KAAc,EAAA;AAC5C,EAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAO,CAACD,gBAAgB,CAACC,KAAK,CAAC,CAAC;AAClC,EAAA;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,IAAI,IAAI,EAAE;IAC9C,OAAOM,MAAM,CAACC,MAAM,CAACP,KAAK,CAAC,CACxBQ,MAAM,CAAEC,UAAU,IAAK,OAAOA,UAAU,KAAK,QAAQ,CAAC,CACtDC,GAAG,CAAED,UAAU,IAAKV,gBAAgB,CAACU,UAAU,CAAC,CAAC;AACtD,EAAA;AAEA,EAAA,OAAO,EAAE;AACX;AAEA;;AAEG;AACG,SAAUE,mCAAmCA,CACjDC,IAA8B,EAC9BC,MAAc,EAAA;EAEd,OAAOR,sBAAsB,CAACO,IAAI,CAACE,cAAc,IAAIF,IAAI,CAACZ,KAAK,CAAC,CAACe,IAAI,CAAEC,QAAQ,IAC7EA,QAAQ,CAACC,QAAQ,CAACJ,MAAM,CAAC,CAC1B;AACH;AAEA;;;AAGG;AACH,SAASK,2BAA2BA,CAClCN,IAA8B,EAC9BO,cAAsB,EACtBC,aAAuC,EAAA;AAEvC,EAAA,MAAMC,WAAW,GAAGD,aAAa,GAC7BE,KAAK,CAACC,IAAI,CAACJ,cAAc,CAAC,CAACJ,IAAI,CAAES,aAAa,IAAKJ,aAAa,CAACR,IAAI,CAACZ,KAAK,EAAEwB,aAAa,CAAC,CAAC,GAC5FL,cAAc,CAACM,GAAG,CAACb,IAAI,CAACZ,KAAK,CAAC;EAElC,IAAI,CAACqB,WAAW,EAAE;AAChBF,IAAAA,cAAc,CAACO,GAAG,CAACd,IAAI,CAACZ,KAAK,CAAC;AAC9B,IAAA,OAAOY,IAAI;AACb,EAAA;EACA,OAAO;AAAE,IAAA,GAAGA,IAAI;AAAEZ,IAAAA,KAAK,EAAE2B;GAAW;AACtC;AAEA;;;;AAIG;AACG,SAAUC,sBAAsBA,CACpCC,KAAoC,EACpCT,aAAuC,EAAA;AAEvC,EAAA,MAAMD,cAAc,GAAG,IAAIW,GAAG,EAAK;AAEnC,EAAA,OAAOD,KAAK,CAACnB,GAAG,CAAEE,IAAI,IAAI;IACxB,QAAQA,IAAI,CAACmB,IAAI;AACf,MAAA,KAAK,QAAQ;AAAE,QAAA;AACb,UAAA,OAAOb,2BAA2B,CAACN,IAAI,EAAEO,cAAc,EAAEC,aAAa,CAAC;AACzE,QAAA;AACA,MAAA,KAAK,OAAO;AAAE,QAAA;UACZ,OAAO;AACL,YAAA,GAAGR,IAAI;AACPoB,YAAAA,OAAO,EAAEpB,IAAI,CAACoB,OAAO,CAACtB,GAAG,CAAEuB,MAAM,IAC/Bf,2BAA2B,CAACe,MAAM,EAAEd,cAAc,EAAEC,aAAa,CAAC;WAErE;AACH,QAAA;AAEF;AACA,IAAA,OAAOR,IAAI;AACb,EAAA,CAAC,CAAC;AACJ;AAEA;;;AAGG;AACG,SAAUsB,sBAAsBA,CACpCL,KAAoC,EACpCM,SAAsD,EAAA;AAEtD,EAAA,OAAON,KAAK,CAACrB,MAAM,CAAEI,IAAI,IAAI;IAC3B,QAAQA,IAAI,CAACmB,IAAI;AACf,MAAA,KAAK,QAAQ;AAAE,QAAA;UACb,OAAOI,SAAS,CAACvB,IAAI,CAAC;AACxB,QAAA;AACA,MAAA,KAAK,OAAO;AAAE,QAAA;AACZ,UAAA,OAAOA,IAAI,CAACoB,OAAO,CAACjB,IAAI,CAAEkB,MAAM,IAAKE,SAAS,CAACF,MAAM,CAAC,CAAC;AACzD,QAAA;AAEF;AACA,IAAA,OAAO,KAAK;AACd,EAAA,CAAC,CAAC;AACJ;AAEA;;;;AAIG;SACaG,oBAAoBA,CAClCP,KAAgD,EAChDQ,SAIW,EACXC,WAAmB,EAAA;AAEnB,EAAA,MAAMC,eAAe,GAAGV,KAAK,CAACW,OAAO,CAAE5B,IAAI,IAAI;AAC7C,IAAA,IAAIA,IAAI,CAACmB,IAAI,KAAK,QAAQ,EAAE;MAC1B,OAAOnB,IAAI,CAACZ,KAAK,KAAK2B,SAAS,GAAG,CAACf,IAA6C,CAAC,GAAG,EAAE;AACxF,IAAA;AAEA,IAAA,IAAIA,IAAI,CAACmB,IAAI,KAAK,OAAO,EAAE;AACzB,MAAA,OAAOnB,IAAI,CAACoB,OAAO,CAACxB,MAAM,CACvByB,MAAM,IAAsDA,MAAM,CAACjC,KAAK,KAAK2B,SAAS,CACxF;AACH,IAAA;AAEA,IAAA,OAAO,EAAE;AACX,EAAA,CAAC,CAAC;AAEF;AACA,EAAA,OAAOY,eAAe,CAACE,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKN,SAAS,CAACK,CAAC,EAAEC,CAAC,EAAEL,WAAW,CAAC,CAAC;AACrE;;;;;;;;"}

package/build/inputs/SelectInput/SelectInput.helpers.mjs

@@ -1,109 +0,0 @@
-/**
- * Normalises a string for searching by trimming, normalising whitespace,
- * removing diacritics, and 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();
-}
-/**
- * Infers searchable strings from a value.
- * Extracts string values from objects or returns the string itself.
- */
-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 [];
-}
-/**
- * Checks if a select input option item matches the search needle.
- */
-function selectInputOptionItemIncludesNeedle(item, needle) {
-  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(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;
-  });
-}
-/**
- * Filters select input items based on a predicate function.
- * Groups are included if at least one option matches 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));
-}
-
-export { dedupeSelectInputItems, filterSelectInputItems, searchableString, selectInputOptionItemIncludesNeedle, sortSelectInputItems };
-//# sourceMappingURL=SelectInput.helpers.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInput.helpers.mjs","sources":["../../../src/inputs/SelectInput/SelectInput.helpers.ts"],"sourcesContent":["import type { SelectInputOptionItem, SelectInputItem } from './SelectInput.types';\n\n/**\n * Normalises a string for searching by trimming, normalising whitespace,\n * removing diacritics, and 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 * Infers searchable strings from a value.\n * Extracts string values from objects or returns the string itself.\n */\nfunction 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 * Checks if a select input option item 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 * Deduplicates a single option item by checking against existing values.\n * Returns the item with value set to undefined if it's a duplicate.\n */\nfunction 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 * Filters select input items based on a predicate function.\n * Groups are included if at least one option matches 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"],"names":["searchableString","value","trim","replace","normalize","toLowerCase","inferSearchableStrings","Object","values","filter","innerValue","map","selectInputOptionItemIncludesNeedle","item","needle","filterMatchers","some","haystack","includes","dedupeSelectInputOptionItem","existingValues","compareValues","isDuplicate","Array","from","existingValue","has","add","undefined","dedupeSelectInputItems","items","Set","type","options","option","filterSelectInputItems","predicate","sortSelectInputItems","compareFn","searchQuery","flattenedOption","flatMap","sort","a","b"],"mappings":"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"}