UNPKG

@base-ui/react

Version:

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

62 lines (61 loc) 1.92 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.getFilter = getFilter; var _resolveValueLabel = require("./resolveValueLabel"); const filterCache = new Map(); function getFilter(options = {}) { const mergedOptions = { usage: 'search', sensitivity: 'base', ignorePunctuation: true, ...options }; const cacheKey = `${stringifyLocale(options.locale)}|${JSON.stringify(mergedOptions)}`; const cachedFilter = filterCache.get(cacheKey); if (cachedFilter) { return cachedFilter; } const collator = new Intl.Collator(options.locale, mergedOptions); const filter = { contains(item, query, itemToString) { if (!query) { return true; } const itemString = (0, _resolveValueLabel.stringifyAsLabel)(item, itemToString); for (let i = 0; i <= itemString.length - query.length; i += 1) { if (collator.compare(itemString.slice(i, i + query.length), query) === 0) { return true; } } return false; }, startsWith(item, query, itemToString) { if (!query) { return true; } const itemString = (0, _resolveValueLabel.stringifyAsLabel)(item, itemToString); return collator.compare(itemString.slice(0, query.length), query) === 0; }, endsWith(item, query, itemToString) { if (!query) { return true; } const itemString = (0, _resolveValueLabel.stringifyAsLabel)(item, itemToString); const queryLength = query.length; return itemString.length >= queryLength && collator.compare(itemString.slice(itemString.length - queryLength), query) === 0; } }; filterCache.set(cacheKey, filter); return filter; } function stringifyLocale(locale) { if (Array.isArray(locale)) { return locale.map(value => stringifyLocale(value)).join(','); } if (locale == null) { return ''; } return String(locale); }