@neovici/cosmoz-autocomplete 10.12.0 → 11.0.0

package/dist/autocomplete/use-autocomplete.js

@@ -6,7 +6,11 @@ import { usePromise } from '@neovici/cosmoz-utils/hooks/use-promise';
 import { prop, strProp } from '@neovici/cosmoz-utils/object';
 import { useCallback, useEffect, useMemo, useState } from '@pionjs/pion';
 import { useKeys } from './use-keys';
-import { EMPTY, normalize, notify, search, useNotify } from './util';
+import { EMPTY, normalize, notify, search } from './util';
+const useNotify = (host, fn, name) => useCallback((val) => {
+    fn?.(val);
+    host.dispatchEvent(new CustomEvent(name, { detail: val }));
+}, [fn]);
 export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit, min, source, textProperty, textual: _textual, valueProperty, keepOpened, keepQuery, preserveOrder, defaultIndex, externalSearch, ...thru }) => {
     const textual = useMemo(() => (_textual ?? strProp)(textProperty), [_textual, textProperty]), { active, focused, onFocus, setClosed } = useFocus(thru), empty = !text, query = useMemo(() => text?.trim(), [text]), host = useHost(), onText = useNotify(host, _onText, 'text'), onChange = useCallback((val) => {
         _onChange?.(val, () => setClosed(true));

package/dist/autocomplete/util.d.ts

@@ -1,9 +1,31 @@
+/**
+ * Remove accents/diacritics from a string.
+ * @see https://stackoverflow.com/questions/990904/remove-accents-diacritics-in-a-string-in-javascript
+ * @see https://medium.com/nerd-for-tech/basics-of-javascript-string-normalize-method-f3241174c2d0
+ * @see https://www.codu.co/articles/remove-accents-from-a-javascript-string-skgp1inb
+ *
+ * @param str string from which to remove accents
+ * @returns string w/o accents
+ */
+export declare const removeAccents: (str: string) => string;
+/**
+ * Search items by query string, returning matches sorted by position.
+ * Accent-insensitive search.
+ */
 export declare const search: <I>(source: I[], query: string | undefined, textual: (i: I) => string) => I[];
+/**
+ * Normalize source to an array.
+ */
 export declare const normalize: <I>(source: I[] | false | null | undefined) => I[];
+/**
+ * Dispatch a custom event with detail.
+ */
 export declare const notify: <T>(host: EventTarget, name: string, detail: T) => boolean;
-export declare const useNotify: <V>(host: EventTarget, fn: undefined | ((v: V) => void), name: string) => (val: V) => void;
 export declare const EMPTY: never[];
 type Arr = unknown[];
 type ArrFn<T extends Arr> = (...args: T) => void;
+/**
+ * Request animation frame wrapper with cleanup.
+ */
 export declare const raf: <A extends Arr, F extends ArrFn<A> = ArrFn<A>>(fn: F) => (...args: A) => () => void;
 export {};

package/dist/autocomplete/util.js

@@ -1,15 +1,19 @@
-import { useCallback } from '@pionjs/pion';
 /**
+ * Remove accents/diacritics from a string.
  * @see https://stackoverflow.com/questions/990904/remove-accents-diacritics-in-a-string-in-javascript
  * @see https://medium.com/nerd-for-tech/basics-of-javascript-string-normalize-method-f3241174c2d0
  * @see https://www.codu.co/articles/remove-accents-from-a-javascript-string-skgp1inb
  *
- * @param {string} str string from which to remove accents
- * @returns {string} string w/o accents
+ * @param str string from which to remove accents
+ * @returns string w/o accents
  */
-const removeAccents = (str) => {
+export const removeAccents = (str) => {
     return str.normalize('NFD').replace(/[\u0300-\u036f]/gu, '');
 };
+/**
+ * Search items by query string, returning matches sorted by position.
+ * Accent-insensitive search.
+ */
 export const search = (source, query, textual) => {
     if (!query)
         return source;
@@ -28,17 +32,22 @@ export const search = (source, query, textual) => {
     }
     return matches.sort((a, b) => a.index - b.index).map(({ item }) => item);
 };
+/**
+ * Normalize source to an array.
+ */
 export const normalize = (source) => {
     if (source === false || source == null)
         return [];
     return source;
 };
+/**
+ * Dispatch a custom event with detail.
+ */
 export const notify = (host, name, detail) => host.dispatchEvent(new CustomEvent(name, { detail }));
-export const useNotify = (host, fn, name) => useCallback((val) => {
-    fn?.(val);
-    notify(host, name, val);
-}, [fn]);
 export const EMPTY = [];
+/**
+ * Request animation frame wrapper with cleanup.
+ */
 export const raf = (fn) => (...args) => {
     let id;
     const cleanup = () => {

package/dist/listbox/index.js

@@ -1,5 +1,5 @@
 import { virtualize, virtualizerRef, } from '@lit-labs/virtualizer/virtualize.js';
-import { connectable } from '@neovici/cosmoz-dropdown/connectable';
+import { connectable } from '@neovici/cosmoz-utils/connectable';
 import { sheet } from '@neovici/cosmoz-utils';
 import { spreadProps } from '@neovici/cosmoz-utils/directives/spread-props';
 import { noop } from '@neovici/cosmoz-utils/function';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-autocomplete",
-	"version": "10.12.0",
+	"version": "11.0.0",
 	"type": "module",
 	"description": "A autocomplete input web component",
 	"keywords": [
@@ -26,8 +26,10 @@
 		"build": "tsc -p tsconfig.build.json",
 		"check:duplicates": "check-duplicate-components",
 		"start": "npm run storybook:start",
-		"test": "wtr --coverage",
-		"test:watch": "wtr --watch",
+		"test": "vitest --run && npm run e2e",
+		"test:unit": "vitest --project=unit --run",
+		"test:storybook": "vitest --project=storybook --run",
+		"test:watch": "vitest",
 		"e2e": "playwright test",
 		"prepare": "husky",
 		"prettier": "prettier --write \"**/*.{js,ts,json,css,md}\"",
@@ -77,7 +79,7 @@
 		"@lit-labs/virtualizer": "^2.0.0",
 		"@neovici/cosmoz-dropdown": "^6.0.0 || ^7.0.0",
 		"@neovici/cosmoz-input": "^5.0.2",
-		"@neovici/cosmoz-utils": "^6.0.0",
+		"@neovici/cosmoz-utils": "^6.19.0",
 		"@pionjs/pion": "^2.7.1",
 		"i18next": "^23.16.8",
 		"lit-html": "^2.0.0 || ^3.0.0"
@@ -86,23 +88,28 @@
 		"@commitlint/cli": "^20.0.0",
 		"@commitlint/config-conventional": "^20.0.0",
 		"@neovici/cfg": "^2.8.0",
-		"@open-wc/testing": "^4.0.0",
 		"@playwright/test": "^1.43.1",
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
+		"@storybook/addon-docs": "^10.0.0",
+		"@storybook/addon-vitest": "^10.0.0",
 		"@storybook/web-components-vite": "^10.0.0",
-		"@types/mocha": "^10.0.0",
 		"@types/node": "24.0.0",
+		"@vitest/browser": "^4.0.0",
+		"@vitest/browser-playwright": "^4.0.0",
 		"esbuild": "^0.24.0",
 		"eslint": "^9.0.0",
 		"http-server": "^14.1.1",
 		"husky": "^9.0.0",
+		"jsdom": "^26.1.0",
 		"lint-staged": "^16.2.7",
 		"rollup-plugin-esbuild": "^6.1.1",
 		"rollup-plugin-terser": "^7.0.2",
 		"semantic-release": "^25.0.0",
+		"shadow-dom-testing-library": "^1.13.1",
 		"sinon": "^19.0.0",
-		"storybook": "^10.0.0"
+		"storybook": "^10.0.0",
+		"vitest": "^4.0.0"
 	},
 	"overrides": {
 		"conventional-changelog-conventionalcommits": ">= 8.0.0"