@neovici/cosmoz-autocomplete 7.4.1 → 7.5.1

package/dist/autocomplete/autocomplete.js

@@ -74,10 +74,11 @@ const autocomplete = (props) => {
     'no-label-float',
     'always-float-label',
     'text-property',
+    'value-property',
     'limit',
     'show-single',
-    'auto-close',
-    'auto-clear',
+    'keep-opened',
+    'keep-query',
     'hide-empty',
     'default-index',
     'item-height',

package/dist/autocomplete/chip.css.js

@@ -9,7 +9,7 @@ export default css `
 		align-items: center;
 		flex: 0.0001 1 fit-content;
 		max-width: 18ch;
-		min-width: 12px;
+		min-width: 40px;
 		padding: 0 4px 0 8px;
 		gap: 4px;
 	}
@@ -21,7 +21,7 @@ export default css `
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		flex: auto;
-		min-width: 4px;
+		min-width: 16px;
 	}
 	.clear {
 		background-color: var(--cosmoz-autocomplete-chip-clear-bg-color, #81899b);

package/dist/autocomplete/use-autocomplete.d.ts

@@ -5,8 +5,8 @@ type Source<I> = (opts: {
 interface Base<I> {
     value: I | I[];
     limit?: number;
-    autoClose?: boolean;
-    autoClear?: boolean;
+    keepOpened?: boolean;
+    keepQuery?: boolean;
     onText: (text: string) => void;
     onChange: (value: I[], done?: () => void) => void;
     onSelect: (value: I, meta: Meta<I>) => void;
@@ -26,7 +26,7 @@ export interface Props<I> extends Base<I> {
     disabled?: boolean;
     onFocus?: (focused?: boolean) => void;
 }
-export declare const useAutocomplete: <I>({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit, source, textProperty, textual: _textual, valueProperty, external, hideEmpty, autoClose, autoClear, ...thru }: Props<I>) => {
+export declare const useAutocomplete: <I>({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit, source, textProperty, textual: _textual, valueProperty, external, hideEmpty, keepOpened, keepQuery, ...thru }: Props<I>) => {
     active: boolean | undefined;
     query: string;
     textual: (i: I) => string;

package/dist/autocomplete/use-autocomplete.js

@@ -6,7 +6,7 @@ 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';
-export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit, source, textProperty, textual: _textual, valueProperty, external, hideEmpty, autoClose, autoClear, ...thru }) => {
+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().toLowerCase(), [text]), host = useHost(), onText = useNotify(host, _onText, 'text'), onChange = useCallback((val) => {
         _onChange?.(val, () => setClosed(true));
         notify(host, 'value', val);
@@ -32,8 +32,8 @@ export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onTe
         onChange,
         value,
         limit,
-        autoClose,
-        autoClear,
+        keepQuery,
+        keepOpened,
         setClosed,
         onSelect,
     });
@@ -59,10 +59,10 @@ export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onTe
         }, [onText, text, setClosed]),
         onSelect: useCallback((newVal) => {
             meta.onSelect?.(newVal, meta);
-            const { onChange, onText, limit, value: val, autoClose, autoClear, setClosed, } = meta;
-            if (autoClear)
+            const { onChange, onText, limit, value: val, keepQuery, keepOpened, setClosed, } = meta;
+            if (!keepQuery)
                 onText('');
-            if (autoClose)
+            if (!keepOpened)
                 setClosed(true);
             const value = array(val);
             onChange((value.includes(newVal)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-autocomplete",
-	"version": "7.4.1",
+	"version": "7.5.1",
 	"description": "A autocomplete input web component",
 	"keywords": [
 		"lit-html",
@@ -85,6 +85,7 @@
 		"@web/dev-server-storybook": "^0.7.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",
 		"typescript": "^5.0.0"