@neovici/cosmoz-autocomplete 7.7.0 → 7.9.0

package/dist/autocomplete/autocomplete.js

@@ -4,6 +4,7 @@ import { until } from 'lit-html/directives/until.js';
 import { when } from 'lit-html/directives/when.js';
 import { useCallback } from 'haunted';
 import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+import { useImperativeApi } from '@neovici/cosmoz-utils/hooks/use-imperative-api';
 import '@neovici/cosmoz-input';
 import { useAutocomplete } from './use-autocomplete';
 import { listbox } from '../listbox';
@@ -24,6 +25,9 @@ const autocomplete = (props) => {
         items,
         multi: !isOne,
     }))));
+    useImperativeApi({
+        focus: () => host.shadowRoot?.querySelector('#input')?.focus(),
+    }, []);
     return html ` <style>
 				${style}
 			</style>

package/dist/autocomplete/use-autocomplete.js

@@ -5,15 +5,17 @@ import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 import { useFocus } from '@neovici/cosmoz-dropdown/use-focus';
 import { useKeys } from './use-keys';
-import { search, notify, useNotify, EMPTY$ } from './util';
+import { search, normalize, notify, useNotify, EMPTY$ } from './util';
 export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit, source, textProperty, textual: _textual, valueProperty, external, hideEmpty, keepOpened, keepQuery, ...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));
         notify(host, 'value', val);
-    }, [_onChange]), source$ = useMemo(() => Promise.resolve(typeof source === 'function' ? source({ query, active }) : source), [source, active, query]), value = useMemo(() => array(_value), [_value]), values$ = useMemo(() => source$.then((source) => [
-        ...value,
-        ...without(value, prop(valueProperty))(source),
-    ]), [source$, value, valueProperty]);
+    }, [_onChange]), source$ = useMemo(() => Promise.resolve(typeof source === 'function' ? source({ query, active }) : source), [source, active, query]), value = useMemo(() => array(_value), [_value]), values$ = useMemo(() => source$.then((source) => {
+        return [
+            ...value,
+            ...without(value, prop(valueProperty))(normalize(source)),
+        ];
+    }), [source$, value, valueProperty]);
     useKeys({
         focused,
         empty,

package/dist/autocomplete/util.d.ts

@@ -1,4 +1,5 @@
 export declare const search: <I>(source: I[], query: string, textual: (i: I) => string) => I[];
+export declare const normalize: <I>(source: false | I[] | null) => I[];
 export declare const notify: <T>(host: EventTarget, name: string, detail: T) => boolean;
 export declare const useNotify: <V>(host: EventTarget, fn: ((v: V) => void) | undefined, name: string) => (val: V) => void;
 export declare const EMPTY: never[], EMPTY$: Promise<never[]>;

package/dist/autocomplete/util.js

@@ -18,6 +18,11 @@ export const search = (source, query, textual) => {
     })
         .map(({ item }) => item);
 };
+export const normalize = (source) => {
+    if (source === false || source == null)
+        return [];
+    return source;
+};
 export const notify = (host, name, detail) => host.dispatchEvent(new CustomEvent(name, { detail }));
 export const useNotify = (host, fn, name) => useCallback((val) => {
     fn?.(val);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-autocomplete",
-	"version": "7.7.0",
+	"version": "7.9.0",
 	"description": "A autocomplete input web component",
 	"keywords": [
 		"lit-html",
@@ -82,12 +82,12 @@
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
 		"@storybook/storybook-deployer": "^2.8.5",
-		"@web/dev-server-storybook": "^0.7.0",
+		"@web/dev-server-storybook": "^1.0.0",
 		"eslint-import-resolver-exports": "^1.0.0-beta.5",
 		"husky": "^8.0.0",
 		"rollup-plugin-terser": "^7.0.2",
-		"semantic-release": "^21.0.0",
-		"sinon": "^15.0.0",
+		"semantic-release": "^22.0.0",
+		"sinon": "^16.0.0",
 		"typescript": "^5.0.0"
 	}
 }