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

package/build/inputs/SelectInput/components/SelectInputOptions/SelectInputOptions.js

@@ -1,270 +0,0 @@
-'use strict';
-
-var react = require('@headlessui/react');
-var icons = require('@transferwise/icons');
-var clsx = require('clsx');
-var React = require('react');
-var reactIntl = require('react-intl');
-var virtua = require('virtua');
-var SearchInput = require('../../../SearchInput.js');
-var SelectInput_messages = require('../../SelectInput.messages.js');
-var SelectInput_helpers = require('../../SelectInput.helpers.js');
-var SelectInputOptionsContainer = require('../SelectInputOptionsContainer/SelectInputOptionsContainer.js');
-var SelectInputItemView = require('../SelectInputItemView/SelectInputItemView.js');
-var SelectInputOption = require('../SelectInputOption/SelectInputOption.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;
-function SelectInputOptions({
-  id,
-  parentId,
-  items,
-  compareValues: compareValuesProp,
-  renderValue = String,
-  renderFooter,
-  filterable = false,
-  filterPlaceholder,
-  sortFilteredOptions,
-  searchInputRef,
-  listboxRef,
-  filterQuery,
-  onFilterChange,
-  listBoxLabel,
-  listBoxLabelledBy,
-  autocomplete,
-  name,
-  onAutocompleteSelect
-}) {
-  const intl = reactIntl.useIntl();
-  const virtualiserHandlerRef = React.useRef(null);
-  const controllerRef = filterable ? searchInputRef : listboxRef;
-  const [initialRender, setInitialRender] = React.useState(true);
-  const needle = React.useMemo(() => {
-    if (filterable) {
-      return filterQuery ? SelectInput_helpers.searchableString(filterQuery) : null;
-    }
-    return undefined;
-  }, [filterQuery, filterable]);
-  React.useEffect(() => {
-    if (needle) {
-      // Ensure having an active option while filtering.
-      // Without `requestAnimationFrame` upon which React depends for scheduling
-      // updates, the active status would only show for a split second and then
-      // disappear inadvertently.
-      requestAnimationFrame(() => {
-        if (controllerRef.current != null && !controllerRef.current.hasAttribute('aria-activedescendant')) {
-          // Activate first option via synthetic key press
-          controllerRef.current.dispatchEvent(new KeyboardEvent('keydown', {
-            key: 'Home',
-            bubbles: true
-          }));
-        }
-      });
-    }
-  }, [controllerRef, needle]);
-  const compareValues = React.useMemo(() => {
-    if (!compareValuesProp) {
-      return undefined;
-    }
-    if (typeof compareValuesProp === 'function') {
-      return (a, b) => compareValuesProp(a, b);
-    }
-    const key = compareValuesProp;
-    return (a, b) => {
-      if (typeof a === 'object' && a != null && typeof b === 'object' && b != null) {
-        return a[key] === b[key];
-      }
-      return a === b;
-    };
-  }, [compareValuesProp]);
-  const filteredItems = React.useMemo(() => {
-    if (needle == null) {
-      return items;
-    }
-    const filtered = SelectInput_helpers.filterSelectInputItems(SelectInput_helpers.dedupeSelectInputItems(items, compareValues), item => SelectInput_helpers.selectInputOptionItemIncludesNeedle(item, needle));
-    if (sortFilteredOptions) {
-      return SelectInput_helpers.sortSelectInputItems(filtered, sortFilteredOptions, filterQuery);
-    }
-    return filtered;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [needle, items, compareValues]);
-  const resultsEmpty = needle != null && filteredItems.length === 0;
-  const virtualized = filteredItems.length > MAX_ITEMS_WITHOUT_VIRTUALIZATION;
-  // Items shown once shall be kept mounted until the needle changes, otherwise
-  // the scroll position may jump around inadvertently. Pattern adopted from:
-  // https://inokawa.github.io/virtua/?path=/story/advanced-keep-offscreen-items--append-only
-  const [mountedIndexes, setMountedIndexes] = React.useState([]);
-  React.useEffect(() => {
-    // Ensure the 'End' key works as intended by keeping the last item mounted
-    setMountedIndexes(prevMountedIndexes => {
-      const indexes = new Set(prevMountedIndexes);
-      indexes.add(filteredItems.length - 1);
-      return [...indexes]; // Sorting is redundant by nature here
-    });
-  }, [needle,
-  // Needed as `filteredItems.length` may be equal between two updates
-  filteredItems.length]);
-  const listboxContainerRef = React.useRef(null);
-  React.useEffect(() => {
-    if (listboxContainerRef.current != null) {
-      listboxContainerRef.current.style.setProperty('--initial-height', `${listboxContainerRef.current.offsetHeight}px`);
-    }
-  }, []);
-  React.useEffect(() => {
-    setInitialRender(false);
-  }, []);
-  const showStatus = resultsEmpty;
-  const statusId = React.useId();
-  const listboxId = React.useId();
-  const getItemNode = index => {
-    const item = filteredItems[index];
-    return /*#__PURE__*/jsxRuntime.jsx(SelectInputItemView.SelectInputItemView, {
-      item: item,
-      renderValue: renderValue,
-      needle: needle
-    }, index);
-  };
-  const findMatchingItem = autocompleteValue => {
-    const flatOptions = items.flatMap(item => item.type === 'group' ? item.options : item.type === 'option' ? [item] : []).filter(item => item.type === 'option' && item.value != null);
-    const exactMatch = flatOptions.find(option => String(option.value) === autocompleteValue || option.filterMatchers?.some(matcher => matcher === autocompleteValue));
-    if (exactMatch) {
-      return exactMatch.value;
-    }
-    const fuzzyMatch = flatOptions.find(option => option.filterMatchers?.some(matcher => matcher.toLowerCase().includes(autocompleteValue.toLowerCase())));
-    return fuzzyMatch ? fuzzyMatch.value : null;
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(react.ListboxOptions, {
-    modal: true,
-    as: SelectInputOptionsContainer.SelectInputOptionsContainer,
-    static: true,
-    className: "np-select-input-options-container",
-    onAriaActiveDescendantChange: value => {
-      if (controllerRef.current != null) {
-        if (!initialRender && value != null) {
-          controllerRef.current.setAttribute('aria-activedescendant', value);
-        } else {
-          controllerRef.current.removeAttribute('aria-activedescendant');
-        }
-      }
-    },
-    children: [filterable ? /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "np-select-input-query-container",
-      children: /*#__PURE__*/jsxRuntime.jsx(SearchInput.SearchInput, {
-        ref: searchInputRef,
-        id: id,
-        name: name,
-        autoComplete: autocomplete,
-        role: "combobox",
-        shape: "rectangle",
-        placeholder: filterPlaceholder,
-        "aria-label": filterPlaceholder,
-        defaultValue: filterQuery,
-        "aria-autocomplete": "list",
-        "aria-expanded": true,
-        "aria-controls": listboxId,
-        "aria-describedby": showStatus ? statusId : undefined,
-        onKeyDown: event => {
-          // Prevent interfering with the matcher of Headless UI
-          // https://mathiasbynens.be/notes/javascript-unicode#regex
-          if (/^.$/u.test(event.key)) {
-            event.stopPropagation();
-          }
-        },
-        onChange: event => {
-          // Free up resources and ensure not to go out of bounds when the
-          // resulting item count is less than before
-          const inputValue = event.currentTarget.value;
-          // Free up resources and ensure not to go out of bounds
-          setMountedIndexes([]);
-          onFilterChange(inputValue);
-        },
-        onInput: event => {
-          const inputValue = event.currentTarget.value;
-          const inputElement = event.currentTarget;
-          if (autocomplete && onAutocompleteSelect && inputValue) {
-            setTimeout(() => {
-              if (inputElement.value === inputValue && inputValue.length > 2) {
-                const matchedValue = findMatchingItem(inputValue);
-                if (matchedValue !== null) {
-                  onAutocompleteSelect(matchedValue);
-                }
-              }
-            }, 50);
-          }
-        }
-      })
-    }) : null, /*#__PURE__*/jsxRuntime.jsxs("section", {
-      ref: listboxContainerRef,
-      tabIndex: -1,
-      className: clsx.clsx('np-select-input-listbox-container', virtualized && 'np-select-input-listbox-container--virtualized', needle == null &&
-      // Groups aren't shown when filtering
-      items.some(item => item.type === 'group') && 'np-select-input-listbox-container--has-group'),
-      "data-wds-parent": parentId ?? undefined,
-      children: [resultsEmpty ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-        id: statusId,
-        className: "np-select-input-options-status",
-        children: [/*#__PURE__*/jsxRuntime.jsx(icons.CrossCircle, {
-          size: 16,
-          className: "np-select-input-options-status-icon"
-        }), intl.formatMessage(SelectInput_messages.default.noResultsFound)]
-      }) : null, /*#__PURE__*/jsxRuntime.jsx("div", {
-        ref: listboxRef,
-        id: listboxId,
-        role: "listbox",
-        "aria-orientation": "vertical",
-        "aria-label": listBoxLabel,
-        "aria-labelledby": listBoxLabelledBy,
-        tabIndex: 0,
-        className: "np-select-input-listbox",
-        children: !virtualized ? filteredItems.map((_, index) => getItemNode(index)) : /*#__PURE__*/jsxRuntime.jsx(virtua.Virtualizer, {
-          ref: virtualiserHandlerRef,
-          data: filteredItems,
-          keepMounted: mountedIndexes,
-          scrollRef: listboxRef // `VList` doesn't expose this
-          ,
-          onScroll: async () => {
-            if (!virtualiserHandlerRef.current) return;
-            const startIndex = virtualiserHandlerRef.current.findItemIndex(virtualiserHandlerRef.current.scrollOffset);
-            const endIndex = virtualiserHandlerRef.current.findItemIndex(virtualiserHandlerRef.current.scrollOffset + virtualiserHandlerRef.current.viewportSize);
-            setMountedIndexes(prevMountedIndexes => {
-              const indexes = new Set(prevMountedIndexes);
-              for (let index = startIndex; index <= endIndex; index += 1) {
-                indexes.add(index);
-              }
-              return [...indexes].sort((a, b) => a - b);
-            });
-          },
-          children: (item, index) =>
-          /*#__PURE__*/
-          // The position of each item can't be inferred by browsers when
-          // virtualizing, as some of the items may not be in the DOM
-          jsxRuntime.jsx(SelectInputOption.SelectInputItemsCountContext.Provider, {
-            value: filteredItems.length,
-            children: /*#__PURE__*/jsxRuntime.jsx(SelectInputOption.SelectInputItemPositionContext.Provider, {
-              value: index + 1,
-              children: getItemNode(index)
-            })
-          })
-        }, needle)
-      }), renderFooter != null ? /*#__PURE__*/jsxRuntime.jsx("footer", {
-        className: "np-select-input-footer",
-        children: /*#__PURE__*/jsxRuntime.jsx("div", {
-          role: "none",
-          onKeyDown: event => {
-            // Prevent interfering with Headless UI
-            if (event.key !== 'Escape') {
-              event.stopPropagation();
-            }
-          },
-          children: renderFooter({
-            resultsEmpty,
-            queryNormalized: needle
-          })
-        })
-      }) : null]
-    })]
-  });
-}
-
-exports.SelectInputOptions = SelectInputOptions;
-//# sourceMappingURL=SelectInputOptions.js.map

package/build/inputs/SelectInput/components/SelectInputOptions/SelectInputOptions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputOptions.js","sources":["../../../../../src/inputs/SelectInput/components/SelectInputOptions/SelectInputOptions.tsx"],"sourcesContent":["import { ListboxOptions } from '@headlessui/react';\nimport { CrossCircle } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Virtualizer, type VirtualizerHandle } from 'virtua';\n\nimport { SearchInput } from '../../../SearchInput';\nimport messages from '../../SelectInput.messages';\nimport { SelectInputProps, SelectInputOptionItem, SelectInputItem } from '../../SelectInput.types';\nimport {\n  searchableString,\n  dedupeSelectInputItems,\n  filterSelectInputItems,\n  selectInputOptionItemIncludesNeedle,\n  sortSelectInputItems,\n} from '../../SelectInput.helpers';\n\nimport { SelectInputOptionsContainer } from '../SelectInputOptionsContainer';\nimport { SelectInputItemView } from '../SelectInputItemView';\nimport { SelectInputItemsCountContext, SelectInputItemPositionContext } from '../SelectInputOption';\n\nconst MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;\n\ninterface SelectInputOptionsProps<T = string> extends Pick<\n  SelectInputProps<T>,\n  | 'items'\n  | 'renderValue'\n  | 'renderFooter'\n  | 'filterable'\n  | 'filterPlaceholder'\n  | 'id'\n  | 'parentId'\n  | 'compareValues'\n  | 'sortFilteredOptions'\n> {\n  searchInputRef: React.MutableRefObject<HTMLInputElement | null>;\n  listboxRef: React.MutableRefObject<HTMLDivElement | null>;\n  filterQuery: string;\n  onFilterChange: (query: string) => void;\n  listBoxLabel?: string;\n  listBoxLabelledBy?: string;\n  autocomplete?: string;\n  name?: string;\n  onAutocompleteSelect?: (value: T) => void;\n}\n\nexport function SelectInputOptions<T = string>({\n  id,\n  parentId,\n  items,\n  compareValues: compareValuesProp,\n  renderValue = String,\n  renderFooter,\n  filterable = false,\n  filterPlaceholder,\n  sortFilteredOptions,\n  searchInputRef,\n  listboxRef,\n  filterQuery,\n  onFilterChange,\n  listBoxLabel,\n  listBoxLabelledBy,\n  autocomplete,\n  name,\n  onAutocompleteSelect,\n}: SelectInputOptionsProps<T>) {\n  const intl = useIntl();\n  const virtualiserHandlerRef = useRef<VirtualizerHandle>(null);\n  const controllerRef = filterable ? searchInputRef : listboxRef;\n  const [initialRender, setInitialRender] = useState(true);\n\n  const needle = useMemo(() => {\n    if (filterable) {\n      return filterQuery ? searchableString(filterQuery) : null;\n    }\n    return undefined;\n  }, [filterQuery, filterable]);\n\n  useEffect(() => {\n    if (needle) {\n      // Ensure having an active option while filtering.\n      // Without `requestAnimationFrame` upon which React depends for scheduling\n      // updates, the active status would only show for a split second and then\n      // disappear inadvertently.\n      requestAnimationFrame(() => {\n        if (\n          controllerRef.current != null &&\n          !controllerRef.current.hasAttribute('aria-activedescendant')\n        ) {\n          // Activate first option via synthetic key press\n          controllerRef.current.dispatchEvent(\n            new KeyboardEvent('keydown', { key: 'Home', bubbles: true }),\n          );\n        }\n      });\n    }\n  }, [controllerRef, needle]);\n\n  const compareValues = useMemo(() => {\n    if (!compareValuesProp) {\n      return undefined;\n    }\n\n    if (typeof compareValuesProp === 'function') {\n      return (a: NonNullable<T>, b: NonNullable<T>) => compareValuesProp(a, b);\n    }\n\n    const key = compareValuesProp;\n    return (a: NonNullable<T>, b: NonNullable<T>) => {\n      if (typeof a === 'object' && a != null && typeof b === 'object' && b != null) {\n        return (a as Record<string, unknown>)[key] === (b as Record<string, unknown>)[key];\n      }\n      return a === b;\n    };\n  }, [compareValuesProp]);\n\n  const filteredItems: readonly SelectInputItem<NonNullable<T> | undefined>[] = useMemo(() => {\n    if (needle == null) {\n      return items;\n    }\n\n    const filtered = filterSelectInputItems(dedupeSelectInputItems(items, compareValues), (item) =>\n      selectInputOptionItemIncludesNeedle(item, needle),\n    );\n\n    if (sortFilteredOptions) {\n      return sortSelectInputItems(filtered, sortFilteredOptions, filterQuery);\n    }\n\n    return filtered;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [needle, items, compareValues]);\n  const resultsEmpty = needle != null && filteredItems.length === 0;\n\n  const virtualized = filteredItems.length > MAX_ITEMS_WITHOUT_VIRTUALIZATION;\n\n  // Items shown once shall be kept mounted until the needle changes, otherwise\n  // the scroll position may jump around inadvertently. Pattern adopted from:\n  // https://inokawa.github.io/virtua/?path=/story/advanced-keep-offscreen-items--append-only\n  const [mountedIndexes, setMountedIndexes] = useState<number[]>([]);\n  useEffect(() => {\n    // Ensure the 'End' key works as intended by keeping the last item mounted\n    setMountedIndexes((prevMountedIndexes) => {\n      const indexes = new Set(prevMountedIndexes);\n      indexes.add(filteredItems.length - 1);\n      return [...indexes]; // Sorting is redundant by nature here\n    });\n  }, [\n    needle, // Needed as `filteredItems.length` may be equal between two updates\n    filteredItems.length,\n  ]);\n\n  const listboxContainerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (listboxContainerRef.current != null) {\n      listboxContainerRef.current.style.setProperty(\n        '--initial-height',\n        `${listboxContainerRef.current.offsetHeight}px`,\n      );\n    }\n  }, []);\n\n  useEffect(() => {\n    setInitialRender(false);\n  }, []);\n\n  const showStatus = resultsEmpty;\n  const statusId = useId();\n  const listboxId = useId();\n\n  const getItemNode = (index: number) => {\n    const item = filteredItems[index];\n    return (\n      <SelectInputItemView key={index} item={item} renderValue={renderValue} needle={needle} />\n    );\n  };\n\n  const findMatchingItem = (autocompleteValue: string): T | null => {\n    const flatOptions = items\n      .flatMap((item) =>\n        item.type === 'group' ? item.options : item.type === 'option' ? [item] : [],\n      )\n      .filter(\n        (item): item is SelectInputOptionItem<NonNullable<T>> =>\n          item.type === 'option' && item.value != null,\n      );\n\n    const exactMatch = flatOptions.find(\n      (option) =>\n        String(option.value) === autocompleteValue ||\n        option.filterMatchers?.some((matcher) => matcher === autocompleteValue),\n    );\n\n    if (exactMatch) {\n      return exactMatch.value;\n    }\n\n    const fuzzyMatch = flatOptions.find((option) =>\n      option.filterMatchers?.some((matcher) =>\n        matcher.toLowerCase().includes(autocompleteValue.toLowerCase()),\n      ),\n    );\n\n    return fuzzyMatch ? fuzzyMatch.value : null;\n  };\n\n  return (\n    <ListboxOptions\n      modal\n      as={SelectInputOptionsContainer}\n      static\n      className=\"np-select-input-options-container\"\n      onAriaActiveDescendantChange={(value: React.AriaAttributes['aria-activedescendant']) => {\n        if (controllerRef.current != null) {\n          if (!initialRender && value != null) {\n            controllerRef.current.setAttribute('aria-activedescendant', value);\n          } else {\n            controllerRef.current.removeAttribute('aria-activedescendant');\n          }\n        }\n      }}\n    >\n      {filterable ? (\n        <div className=\"np-select-input-query-container\">\n          <SearchInput\n            ref={searchInputRef}\n            id={id}\n            name={name}\n            autoComplete={autocomplete}\n            role=\"combobox\"\n            shape=\"rectangle\"\n            placeholder={filterPlaceholder}\n            aria-label={filterPlaceholder}\n            defaultValue={filterQuery}\n            aria-autocomplete=\"list\"\n            aria-expanded\n            aria-controls={listboxId}\n            aria-describedby={showStatus ? statusId : undefined}\n            onKeyDown={(event) => {\n              // Prevent interfering with the matcher of Headless UI\n              // https://mathiasbynens.be/notes/javascript-unicode#regex\n              if (/^.$/u.test(event.key)) {\n                event.stopPropagation();\n              }\n            }}\n            onChange={(event) => {\n              // Free up resources and ensure not to go out of bounds when the\n              // resulting item count is less than before\n              const inputValue = event.currentTarget.value;\n\n              // Free up resources and ensure not to go out of bounds\n              setMountedIndexes([]);\n              onFilterChange(inputValue);\n            }}\n            onInput={(event) => {\n              const inputValue = event.currentTarget.value;\n              const inputElement = event.currentTarget;\n\n              if (autocomplete && onAutocompleteSelect && inputValue) {\n                setTimeout(() => {\n                  if (inputElement.value === inputValue && inputValue.length > 2) {\n                    const matchedValue = findMatchingItem(inputValue);\n                    if (matchedValue !== null) {\n                      onAutocompleteSelect(matchedValue);\n                    }\n                  }\n                }, 50);\n              }\n            }}\n          />\n        </div>\n      ) : null}\n\n      <section\n        ref={listboxContainerRef}\n        tabIndex={-1}\n        className={clsx(\n          'np-select-input-listbox-container',\n          virtualized && 'np-select-input-listbox-container--virtualized',\n          needle == null && // Groups aren't shown when filtering\n            items.some((item) => item.type === 'group') &&\n            'np-select-input-listbox-container--has-group',\n        )}\n        data-wds-parent={parentId ?? undefined}\n      >\n        {resultsEmpty ? (\n          <div id={statusId} className=\"np-select-input-options-status\">\n            <CrossCircle size={16} className=\"np-select-input-options-status-icon\" />\n            {intl.formatMessage(messages.noResultsFound)}\n          </div>\n        ) : null}\n\n        <div\n          ref={listboxRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-orientation=\"vertical\"\n          aria-label={listBoxLabel}\n          aria-labelledby={listBoxLabelledBy}\n          tabIndex={0}\n          className=\"np-select-input-listbox\"\n        >\n          {!virtualized ? (\n            filteredItems.map((_, index) => getItemNode(index))\n          ) : (\n            <Virtualizer\n              ref={virtualiserHandlerRef}\n              key={needle}\n              data={filteredItems}\n              keepMounted={mountedIndexes}\n              scrollRef={listboxRef} // `VList` doesn't expose this\n              onScroll={async () => {\n                if (!virtualiserHandlerRef.current) return;\n\n                const startIndex = virtualiserHandlerRef.current.findItemIndex(\n                  virtualiserHandlerRef.current.scrollOffset,\n                );\n                const endIndex = virtualiserHandlerRef.current.findItemIndex(\n                  virtualiserHandlerRef.current.scrollOffset +\n                    virtualiserHandlerRef.current.viewportSize,\n                );\n\n                setMountedIndexes((prevMountedIndexes) => {\n                  const indexes = new Set(prevMountedIndexes);\n\n                  for (let index = startIndex; index <= endIndex; index += 1) {\n                    indexes.add(index);\n                  }\n\n                  return [...indexes].sort((a, b) => a - b);\n                });\n              }}\n            >\n              {(item, index) => (\n                // The position of each item can't be inferred by browsers when\n                // virtualizing, as some of the items may not be in the DOM\n                <SelectInputItemsCountContext.Provider value={filteredItems.length}>\n                  <SelectInputItemPositionContext.Provider value={index + 1}>\n                    {getItemNode(index)}\n                  </SelectInputItemPositionContext.Provider>\n                </SelectInputItemsCountContext.Provider>\n              )}\n            </Virtualizer>\n          )}\n        </div>\n\n        {renderFooter != null ? (\n          <footer className=\"np-select-input-footer\">\n            <div\n              role=\"none\"\n              onKeyDown={(event) => {\n                // Prevent interfering with Headless UI\n                if (event.key !== 'Escape') {\n                  event.stopPropagation();\n                }\n              }}\n            >\n              {renderFooter({\n                resultsEmpty,\n                queryNormalized: needle,\n              })}\n            </div>\n          </footer>\n        ) : null}\n      </section>\n    </ListboxOptions>\n  );\n}\n"],"names":["MAX_ITEMS_WITHOUT_VIRTUALIZATION","SelectInputOptions","id","parentId","items","compareValues","compareValuesProp","renderValue","String","renderFooter","filterable","filterPlaceholder","sortFilteredOptions","searchInputRef","listboxRef","filterQuery","onFilterChange","listBoxLabel","listBoxLabelledBy","autocomplete","name","onAutocompleteSelect","intl","useIntl","virtualiserHandlerRef","useRef","controllerRef","initialRender","setInitialRender","useState","needle","useMemo","searchableString","undefined","useEffect","requestAnimationFrame","current","hasAttribute","dispatchEvent","KeyboardEvent","key","bubbles","a","b","filteredItems","filtered","filterSelectInputItems","dedupeSelectInputItems","item","selectInputOptionItemIncludesNeedle","sortSelectInputItems","resultsEmpty","length","virtualized","mountedIndexes","setMountedIndexes","prevMountedIndexes","indexes","Set","add","listboxContainerRef","style","setProperty","offsetHeight","showStatus","statusId","useId","listboxId","getItemNode","index","_jsx","SelectInputItemView","findMatchingItem","autocompleteValue","flatOptions","flatMap","type","options","filter","value","exactMatch","find","option","filterMatchers","some","matcher","fuzzyMatch","toLowerCase","includes","_jsxs","ListboxOptions","modal","as","SelectInputOptionsContainer","static","className","onAriaActiveDescendantChange","setAttribute","removeAttribute","children","SearchInput","ref","autoComplete","role","shape","placeholder","defaultValue","onKeyDown","event","test","stopPropagation","onChange","inputValue","currentTarget","onInput","inputElement","setTimeout","matchedValue","tabIndex","clsx","CrossCircle","size","formatMessage","messages","noResultsFound","map","_","Virtualizer","data","keepMounted","scrollRef","onScroll","startIndex","findItemIndex","scrollOffset","endIndex","viewportSize","sort","SelectInputItemsCountContext","Provider","SelectInputItemPositionContext","queryNormalized"],"mappings":"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"}

package/build/inputs/SelectInput/components/SelectInputOptions/SelectInputOptions.mjs

@@ -1,268 +0,0 @@
-import { ListboxOptions } from '@headlessui/react';
-import { CrossCircle } from '@transferwise/icons';
-import { clsx } from 'clsx';
-import { useRef, useState, useMemo, useEffect, useId } from 'react';
-import { useIntl } from 'react-intl';
-import { Virtualizer } from 'virtua';
-import { SearchInput } from '../../../SearchInput.mjs';
-import messages from '../../SelectInput.messages.mjs';
-import { searchableString, filterSelectInputItems, dedupeSelectInputItems, sortSelectInputItems, selectInputOptionItemIncludesNeedle } from '../../SelectInput.helpers.mjs';
-import { SelectInputOptionsContainer } from '../SelectInputOptionsContainer/SelectInputOptionsContainer.mjs';
-import { SelectInputItemView } from '../SelectInputItemView/SelectInputItemView.mjs';
-import { SelectInputItemsCountContext, SelectInputItemPositionContext } from '../SelectInputOption/SelectInputOption.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-const MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;
-function SelectInputOptions({
-  id,
-  parentId,
-  items,
-  compareValues: compareValuesProp,
-  renderValue = String,
-  renderFooter,
-  filterable = false,
-  filterPlaceholder,
-  sortFilteredOptions,
-  searchInputRef,
-  listboxRef,
-  filterQuery,
-  onFilterChange,
-  listBoxLabel,
-  listBoxLabelledBy,
-  autocomplete,
-  name,
-  onAutocompleteSelect
-}) {
-  const intl = useIntl();
-  const virtualiserHandlerRef = useRef(null);
-  const controllerRef = filterable ? searchInputRef : listboxRef;
-  const [initialRender, setInitialRender] = useState(true);
-  const needle = useMemo(() => {
-    if (filterable) {
-      return filterQuery ? searchableString(filterQuery) : null;
-    }
-    return undefined;
-  }, [filterQuery, filterable]);
-  useEffect(() => {
-    if (needle) {
-      // Ensure having an active option while filtering.
-      // Without `requestAnimationFrame` upon which React depends for scheduling
-      // updates, the active status would only show for a split second and then
-      // disappear inadvertently.
-      requestAnimationFrame(() => {
-        if (controllerRef.current != null && !controllerRef.current.hasAttribute('aria-activedescendant')) {
-          // Activate first option via synthetic key press
-          controllerRef.current.dispatchEvent(new KeyboardEvent('keydown', {
-            key: 'Home',
-            bubbles: true
-          }));
-        }
-      });
-    }
-  }, [controllerRef, needle]);
-  const compareValues = useMemo(() => {
-    if (!compareValuesProp) {
-      return undefined;
-    }
-    if (typeof compareValuesProp === 'function') {
-      return (a, b) => compareValuesProp(a, b);
-    }
-    const key = compareValuesProp;
-    return (a, b) => {
-      if (typeof a === 'object' && a != null && typeof b === 'object' && b != null) {
-        return a[key] === b[key];
-      }
-      return a === b;
-    };
-  }, [compareValuesProp]);
-  const filteredItems = useMemo(() => {
-    if (needle == null) {
-      return items;
-    }
-    const filtered = filterSelectInputItems(dedupeSelectInputItems(items, compareValues), item => selectInputOptionItemIncludesNeedle(item, needle));
-    if (sortFilteredOptions) {
-      return sortSelectInputItems(filtered, sortFilteredOptions, filterQuery);
-    }
-    return filtered;
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [needle, items, compareValues]);
-  const resultsEmpty = needle != null && filteredItems.length === 0;
-  const virtualized = filteredItems.length > MAX_ITEMS_WITHOUT_VIRTUALIZATION;
-  // Items shown once shall be kept mounted until the needle changes, otherwise
-  // the scroll position may jump around inadvertently. Pattern adopted from:
-  // https://inokawa.github.io/virtua/?path=/story/advanced-keep-offscreen-items--append-only
-  const [mountedIndexes, setMountedIndexes] = useState([]);
-  useEffect(() => {
-    // Ensure the 'End' key works as intended by keeping the last item mounted
-    setMountedIndexes(prevMountedIndexes => {
-      const indexes = new Set(prevMountedIndexes);
-      indexes.add(filteredItems.length - 1);
-      return [...indexes]; // Sorting is redundant by nature here
-    });
-  }, [needle,
-  // Needed as `filteredItems.length` may be equal between two updates
-  filteredItems.length]);
-  const listboxContainerRef = useRef(null);
-  useEffect(() => {
-    if (listboxContainerRef.current != null) {
-      listboxContainerRef.current.style.setProperty('--initial-height', `${listboxContainerRef.current.offsetHeight}px`);
-    }
-  }, []);
-  useEffect(() => {
-    setInitialRender(false);
-  }, []);
-  const showStatus = resultsEmpty;
-  const statusId = useId();
-  const listboxId = useId();
-  const getItemNode = index => {
-    const item = filteredItems[index];
-    return /*#__PURE__*/jsx(SelectInputItemView, {
-      item: item,
-      renderValue: renderValue,
-      needle: needle
-    }, index);
-  };
-  const findMatchingItem = autocompleteValue => {
-    const flatOptions = items.flatMap(item => item.type === 'group' ? item.options : item.type === 'option' ? [item] : []).filter(item => item.type === 'option' && item.value != null);
-    const exactMatch = flatOptions.find(option => String(option.value) === autocompleteValue || option.filterMatchers?.some(matcher => matcher === autocompleteValue));
-    if (exactMatch) {
-      return exactMatch.value;
-    }
-    const fuzzyMatch = flatOptions.find(option => option.filterMatchers?.some(matcher => matcher.toLowerCase().includes(autocompleteValue.toLowerCase())));
-    return fuzzyMatch ? fuzzyMatch.value : null;
-  };
-  return /*#__PURE__*/jsxs(ListboxOptions, {
-    modal: true,
-    as: SelectInputOptionsContainer,
-    static: true,
-    className: "np-select-input-options-container",
-    onAriaActiveDescendantChange: value => {
-      if (controllerRef.current != null) {
-        if (!initialRender && value != null) {
-          controllerRef.current.setAttribute('aria-activedescendant', value);
-        } else {
-          controllerRef.current.removeAttribute('aria-activedescendant');
-        }
-      }
-    },
-    children: [filterable ? /*#__PURE__*/jsx("div", {
-      className: "np-select-input-query-container",
-      children: /*#__PURE__*/jsx(SearchInput, {
-        ref: searchInputRef,
-        id: id,
-        name: name,
-        autoComplete: autocomplete,
-        role: "combobox",
-        shape: "rectangle",
-        placeholder: filterPlaceholder,
-        "aria-label": filterPlaceholder,
-        defaultValue: filterQuery,
-        "aria-autocomplete": "list",
-        "aria-expanded": true,
-        "aria-controls": listboxId,
-        "aria-describedby": showStatus ? statusId : undefined,
-        onKeyDown: event => {
-          // Prevent interfering with the matcher of Headless UI
-          // https://mathiasbynens.be/notes/javascript-unicode#regex
-          if (/^.$/u.test(event.key)) {
-            event.stopPropagation();
-          }
-        },
-        onChange: event => {
-          // Free up resources and ensure not to go out of bounds when the
-          // resulting item count is less than before
-          const inputValue = event.currentTarget.value;
-          // Free up resources and ensure not to go out of bounds
-          setMountedIndexes([]);
-          onFilterChange(inputValue);
-        },
-        onInput: event => {
-          const inputValue = event.currentTarget.value;
-          const inputElement = event.currentTarget;
-          if (autocomplete && onAutocompleteSelect && inputValue) {
-            setTimeout(() => {
-              if (inputElement.value === inputValue && inputValue.length > 2) {
-                const matchedValue = findMatchingItem(inputValue);
-                if (matchedValue !== null) {
-                  onAutocompleteSelect(matchedValue);
-                }
-              }
-            }, 50);
-          }
-        }
-      })
-    }) : null, /*#__PURE__*/jsxs("section", {
-      ref: listboxContainerRef,
-      tabIndex: -1,
-      className: clsx('np-select-input-listbox-container', virtualized && 'np-select-input-listbox-container--virtualized', needle == null &&
-      // Groups aren't shown when filtering
-      items.some(item => item.type === 'group') && 'np-select-input-listbox-container--has-group'),
-      "data-wds-parent": parentId ?? undefined,
-      children: [resultsEmpty ? /*#__PURE__*/jsxs("div", {
-        id: statusId,
-        className: "np-select-input-options-status",
-        children: [/*#__PURE__*/jsx(CrossCircle, {
-          size: 16,
-          className: "np-select-input-options-status-icon"
-        }), intl.formatMessage(messages.noResultsFound)]
-      }) : null, /*#__PURE__*/jsx("div", {
-        ref: listboxRef,
-        id: listboxId,
-        role: "listbox",
-        "aria-orientation": "vertical",
-        "aria-label": listBoxLabel,
-        "aria-labelledby": listBoxLabelledBy,
-        tabIndex: 0,
-        className: "np-select-input-listbox",
-        children: !virtualized ? filteredItems.map((_, index) => getItemNode(index)) : /*#__PURE__*/jsx(Virtualizer, {
-          ref: virtualiserHandlerRef,
-          data: filteredItems,
-          keepMounted: mountedIndexes,
-          scrollRef: listboxRef // `VList` doesn't expose this
-          ,
-          onScroll: async () => {
-            if (!virtualiserHandlerRef.current) return;
-            const startIndex = virtualiserHandlerRef.current.findItemIndex(virtualiserHandlerRef.current.scrollOffset);
-            const endIndex = virtualiserHandlerRef.current.findItemIndex(virtualiserHandlerRef.current.scrollOffset + virtualiserHandlerRef.current.viewportSize);
-            setMountedIndexes(prevMountedIndexes => {
-              const indexes = new Set(prevMountedIndexes);
-              for (let index = startIndex; index <= endIndex; index += 1) {
-                indexes.add(index);
-              }
-              return [...indexes].sort((a, b) => a - b);
-            });
-          },
-          children: (item, index) =>
-          /*#__PURE__*/
-          // The position of each item can't be inferred by browsers when
-          // virtualizing, as some of the items may not be in the DOM
-          jsx(SelectInputItemsCountContext.Provider, {
-            value: filteredItems.length,
-            children: /*#__PURE__*/jsx(SelectInputItemPositionContext.Provider, {
-              value: index + 1,
-              children: getItemNode(index)
-            })
-          })
-        }, needle)
-      }), renderFooter != null ? /*#__PURE__*/jsx("footer", {
-        className: "np-select-input-footer",
-        children: /*#__PURE__*/jsx("div", {
-          role: "none",
-          onKeyDown: event => {
-            // Prevent interfering with Headless UI
-            if (event.key !== 'Escape') {
-              event.stopPropagation();
-            }
-          },
-          children: renderFooter({
-            resultsEmpty,
-            queryNormalized: needle
-          })
-        })
-      }) : null]
-    })]
-  });
-}
-
-export { SelectInputOptions };
-//# sourceMappingURL=SelectInputOptions.mjs.map

package/build/inputs/SelectInput/components/SelectInputOptions/SelectInputOptions.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectInputOptions.mjs","sources":["../../../../../src/inputs/SelectInput/components/SelectInputOptions/SelectInputOptions.tsx"],"sourcesContent":["import { ListboxOptions } from '@headlessui/react';\nimport { CrossCircle } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { useIntl } from 'react-intl';\nimport { Virtualizer, type VirtualizerHandle } from 'virtua';\n\nimport { SearchInput } from '../../../SearchInput';\nimport messages from '../../SelectInput.messages';\nimport { SelectInputProps, SelectInputOptionItem, SelectInputItem } from '../../SelectInput.types';\nimport {\n  searchableString,\n  dedupeSelectInputItems,\n  filterSelectInputItems,\n  selectInputOptionItemIncludesNeedle,\n  sortSelectInputItems,\n} from '../../SelectInput.helpers';\n\nimport { SelectInputOptionsContainer } from '../SelectInputOptionsContainer';\nimport { SelectInputItemView } from '../SelectInputItemView';\nimport { SelectInputItemsCountContext, SelectInputItemPositionContext } from '../SelectInputOption';\n\nconst MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;\n\ninterface SelectInputOptionsProps<T = string> extends Pick<\n  SelectInputProps<T>,\n  | 'items'\n  | 'renderValue'\n  | 'renderFooter'\n  | 'filterable'\n  | 'filterPlaceholder'\n  | 'id'\n  | 'parentId'\n  | 'compareValues'\n  | 'sortFilteredOptions'\n> {\n  searchInputRef: React.MutableRefObject<HTMLInputElement | null>;\n  listboxRef: React.MutableRefObject<HTMLDivElement | null>;\n  filterQuery: string;\n  onFilterChange: (query: string) => void;\n  listBoxLabel?: string;\n  listBoxLabelledBy?: string;\n  autocomplete?: string;\n  name?: string;\n  onAutocompleteSelect?: (value: T) => void;\n}\n\nexport function SelectInputOptions<T = string>({\n  id,\n  parentId,\n  items,\n  compareValues: compareValuesProp,\n  renderValue = String,\n  renderFooter,\n  filterable = false,\n  filterPlaceholder,\n  sortFilteredOptions,\n  searchInputRef,\n  listboxRef,\n  filterQuery,\n  onFilterChange,\n  listBoxLabel,\n  listBoxLabelledBy,\n  autocomplete,\n  name,\n  onAutocompleteSelect,\n}: SelectInputOptionsProps<T>) {\n  const intl = useIntl();\n  const virtualiserHandlerRef = useRef<VirtualizerHandle>(null);\n  const controllerRef = filterable ? searchInputRef : listboxRef;\n  const [initialRender, setInitialRender] = useState(true);\n\n  const needle = useMemo(() => {\n    if (filterable) {\n      return filterQuery ? searchableString(filterQuery) : null;\n    }\n    return undefined;\n  }, [filterQuery, filterable]);\n\n  useEffect(() => {\n    if (needle) {\n      // Ensure having an active option while filtering.\n      // Without `requestAnimationFrame` upon which React depends for scheduling\n      // updates, the active status would only show for a split second and then\n      // disappear inadvertently.\n      requestAnimationFrame(() => {\n        if (\n          controllerRef.current != null &&\n          !controllerRef.current.hasAttribute('aria-activedescendant')\n        ) {\n          // Activate first option via synthetic key press\n          controllerRef.current.dispatchEvent(\n            new KeyboardEvent('keydown', { key: 'Home', bubbles: true }),\n          );\n        }\n      });\n    }\n  }, [controllerRef, needle]);\n\n  const compareValues = useMemo(() => {\n    if (!compareValuesProp) {\n      return undefined;\n    }\n\n    if (typeof compareValuesProp === 'function') {\n      return (a: NonNullable<T>, b: NonNullable<T>) => compareValuesProp(a, b);\n    }\n\n    const key = compareValuesProp;\n    return (a: NonNullable<T>, b: NonNullable<T>) => {\n      if (typeof a === 'object' && a != null && typeof b === 'object' && b != null) {\n        return (a as Record<string, unknown>)[key] === (b as Record<string, unknown>)[key];\n      }\n      return a === b;\n    };\n  }, [compareValuesProp]);\n\n  const filteredItems: readonly SelectInputItem<NonNullable<T> | undefined>[] = useMemo(() => {\n    if (needle == null) {\n      return items;\n    }\n\n    const filtered = filterSelectInputItems(dedupeSelectInputItems(items, compareValues), (item) =>\n      selectInputOptionItemIncludesNeedle(item, needle),\n    );\n\n    if (sortFilteredOptions) {\n      return sortSelectInputItems(filtered, sortFilteredOptions, filterQuery);\n    }\n\n    return filtered;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [needle, items, compareValues]);\n  const resultsEmpty = needle != null && filteredItems.length === 0;\n\n  const virtualized = filteredItems.length > MAX_ITEMS_WITHOUT_VIRTUALIZATION;\n\n  // Items shown once shall be kept mounted until the needle changes, otherwise\n  // the scroll position may jump around inadvertently. Pattern adopted from:\n  // https://inokawa.github.io/virtua/?path=/story/advanced-keep-offscreen-items--append-only\n  const [mountedIndexes, setMountedIndexes] = useState<number[]>([]);\n  useEffect(() => {\n    // Ensure the 'End' key works as intended by keeping the last item mounted\n    setMountedIndexes((prevMountedIndexes) => {\n      const indexes = new Set(prevMountedIndexes);\n      indexes.add(filteredItems.length - 1);\n      return [...indexes]; // Sorting is redundant by nature here\n    });\n  }, [\n    needle, // Needed as `filteredItems.length` may be equal between two updates\n    filteredItems.length,\n  ]);\n\n  const listboxContainerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (listboxContainerRef.current != null) {\n      listboxContainerRef.current.style.setProperty(\n        '--initial-height',\n        `${listboxContainerRef.current.offsetHeight}px`,\n      );\n    }\n  }, []);\n\n  useEffect(() => {\n    setInitialRender(false);\n  }, []);\n\n  const showStatus = resultsEmpty;\n  const statusId = useId();\n  const listboxId = useId();\n\n  const getItemNode = (index: number) => {\n    const item = filteredItems[index];\n    return (\n      <SelectInputItemView key={index} item={item} renderValue={renderValue} needle={needle} />\n    );\n  };\n\n  const findMatchingItem = (autocompleteValue: string): T | null => {\n    const flatOptions = items\n      .flatMap((item) =>\n        item.type === 'group' ? item.options : item.type === 'option' ? [item] : [],\n      )\n      .filter(\n        (item): item is SelectInputOptionItem<NonNullable<T>> =>\n          item.type === 'option' && item.value != null,\n      );\n\n    const exactMatch = flatOptions.find(\n      (option) =>\n        String(option.value) === autocompleteValue ||\n        option.filterMatchers?.some((matcher) => matcher === autocompleteValue),\n    );\n\n    if (exactMatch) {\n      return exactMatch.value;\n    }\n\n    const fuzzyMatch = flatOptions.find((option) =>\n      option.filterMatchers?.some((matcher) =>\n        matcher.toLowerCase().includes(autocompleteValue.toLowerCase()),\n      ),\n    );\n\n    return fuzzyMatch ? fuzzyMatch.value : null;\n  };\n\n  return (\n    <ListboxOptions\n      modal\n      as={SelectInputOptionsContainer}\n      static\n      className=\"np-select-input-options-container\"\n      onAriaActiveDescendantChange={(value: React.AriaAttributes['aria-activedescendant']) => {\n        if (controllerRef.current != null) {\n          if (!initialRender && value != null) {\n            controllerRef.current.setAttribute('aria-activedescendant', value);\n          } else {\n            controllerRef.current.removeAttribute('aria-activedescendant');\n          }\n        }\n      }}\n    >\n      {filterable ? (\n        <div className=\"np-select-input-query-container\">\n          <SearchInput\n            ref={searchInputRef}\n            id={id}\n            name={name}\n            autoComplete={autocomplete}\n            role=\"combobox\"\n            shape=\"rectangle\"\n            placeholder={filterPlaceholder}\n            aria-label={filterPlaceholder}\n            defaultValue={filterQuery}\n            aria-autocomplete=\"list\"\n            aria-expanded\n            aria-controls={listboxId}\n            aria-describedby={showStatus ? statusId : undefined}\n            onKeyDown={(event) => {\n              // Prevent interfering with the matcher of Headless UI\n              // https://mathiasbynens.be/notes/javascript-unicode#regex\n              if (/^.$/u.test(event.key)) {\n                event.stopPropagation();\n              }\n            }}\n            onChange={(event) => {\n              // Free up resources and ensure not to go out of bounds when the\n              // resulting item count is less than before\n              const inputValue = event.currentTarget.value;\n\n              // Free up resources and ensure not to go out of bounds\n              setMountedIndexes([]);\n              onFilterChange(inputValue);\n            }}\n            onInput={(event) => {\n              const inputValue = event.currentTarget.value;\n              const inputElement = event.currentTarget;\n\n              if (autocomplete && onAutocompleteSelect && inputValue) {\n                setTimeout(() => {\n                  if (inputElement.value === inputValue && inputValue.length > 2) {\n                    const matchedValue = findMatchingItem(inputValue);\n                    if (matchedValue !== null) {\n                      onAutocompleteSelect(matchedValue);\n                    }\n                  }\n                }, 50);\n              }\n            }}\n          />\n        </div>\n      ) : null}\n\n      <section\n        ref={listboxContainerRef}\n        tabIndex={-1}\n        className={clsx(\n          'np-select-input-listbox-container',\n          virtualized && 'np-select-input-listbox-container--virtualized',\n          needle == null && // Groups aren't shown when filtering\n            items.some((item) => item.type === 'group') &&\n            'np-select-input-listbox-container--has-group',\n        )}\n        data-wds-parent={parentId ?? undefined}\n      >\n        {resultsEmpty ? (\n          <div id={statusId} className=\"np-select-input-options-status\">\n            <CrossCircle size={16} className=\"np-select-input-options-status-icon\" />\n            {intl.formatMessage(messages.noResultsFound)}\n          </div>\n        ) : null}\n\n        <div\n          ref={listboxRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-orientation=\"vertical\"\n          aria-label={listBoxLabel}\n          aria-labelledby={listBoxLabelledBy}\n          tabIndex={0}\n          className=\"np-select-input-listbox\"\n        >\n          {!virtualized ? (\n            filteredItems.map((_, index) => getItemNode(index))\n          ) : (\n            <Virtualizer\n              ref={virtualiserHandlerRef}\n              key={needle}\n              data={filteredItems}\n              keepMounted={mountedIndexes}\n              scrollRef={listboxRef} // `VList` doesn't expose this\n              onScroll={async () => {\n                if (!virtualiserHandlerRef.current) return;\n\n                const startIndex = virtualiserHandlerRef.current.findItemIndex(\n                  virtualiserHandlerRef.current.scrollOffset,\n                );\n                const endIndex = virtualiserHandlerRef.current.findItemIndex(\n                  virtualiserHandlerRef.current.scrollOffset +\n                    virtualiserHandlerRef.current.viewportSize,\n                );\n\n                setMountedIndexes((prevMountedIndexes) => {\n                  const indexes = new Set(prevMountedIndexes);\n\n                  for (let index = startIndex; index <= endIndex; index += 1) {\n                    indexes.add(index);\n                  }\n\n                  return [...indexes].sort((a, b) => a - b);\n                });\n              }}\n            >\n              {(item, index) => (\n                // The position of each item can't be inferred by browsers when\n                // virtualizing, as some of the items may not be in the DOM\n                <SelectInputItemsCountContext.Provider value={filteredItems.length}>\n                  <SelectInputItemPositionContext.Provider value={index + 1}>\n                    {getItemNode(index)}\n                  </SelectInputItemPositionContext.Provider>\n                </SelectInputItemsCountContext.Provider>\n              )}\n            </Virtualizer>\n          )}\n        </div>\n\n        {renderFooter != null ? (\n          <footer className=\"np-select-input-footer\">\n            <div\n              role=\"none\"\n              onKeyDown={(event) => {\n                // Prevent interfering with Headless UI\n                if (event.key !== 'Escape') {\n                  event.stopPropagation();\n                }\n              }}\n            >\n              {renderFooter({\n                resultsEmpty,\n                queryNormalized: needle,\n              })}\n            </div>\n          </footer>\n        ) : null}\n      </section>\n    </ListboxOptions>\n  );\n}\n"],"names":["MAX_ITEMS_WITHOUT_VIRTUALIZATION","SelectInputOptions","id","parentId","items","compareValues","compareValuesProp","renderValue","String","renderFooter","filterable","filterPlaceholder","sortFilteredOptions","searchInputRef","listboxRef","filterQuery","onFilterChange","listBoxLabel","listBoxLabelledBy","autocomplete","name","onAutocompleteSelect","intl","useIntl","virtualiserHandlerRef","useRef","controllerRef","initialRender","setInitialRender","useState","needle","useMemo","searchableString","undefined","useEffect","requestAnimationFrame","current","hasAttribute","dispatchEvent","KeyboardEvent","key","bubbles","a","b","filteredItems","filtered","filterSelectInputItems","dedupeSelectInputItems","item","selectInputOptionItemIncludesNeedle","sortSelectInputItems","resultsEmpty","length","virtualized","mountedIndexes","setMountedIndexes","prevMountedIndexes","indexes","Set","add","listboxContainerRef","style","setProperty","offsetHeight","showStatus","statusId","useId","listboxId","getItemNode","index","_jsx","SelectInputItemView","findMatchingItem","autocompleteValue","flatOptions","flatMap","type","options","filter","value","exactMatch","find","option","filterMatchers","some","matcher","fuzzyMatch","toLowerCase","includes","_jsxs","ListboxOptions","modal","as","SelectInputOptionsContainer","static","className","onAriaActiveDescendantChange","setAttribute","removeAttribute","children","SearchInput","ref","autoComplete","role","shape","placeholder","defaultValue","onKeyDown","event","test","stopPropagation","onChange","inputValue","currentTarget","onInput","inputElement","setTimeout","matchedValue","tabIndex","clsx","CrossCircle","size","formatMessage","messages","noResultsFound","map","_","Virtualizer","data","keepMounted","scrollRef","onScroll","startIndex","findItemIndex","scrollOffset","endIndex","viewportSize","sort","SelectInputItemsCountContext","Provider","SelectInputItemPositionContext","queryNormalized"],"mappings":"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"}