@neovici/cosmoz-autocomplete 13.2.1 → 13.3.0

package/dist/autocomplete/autocomplete.js

@@ -23,8 +23,7 @@ const shouldShowDropdown = ({ opened, isSingle, showSingle, hasResultsOrQuery, }
     return hasResultsOrQuery;
 };
 const autocomplete = (props) => {
-    const { opened, invalid, errorMessage, label, placeholder, disabled, noLabelFloat, alwaysFloatLabel, textual, text, onText, onToggle, onDeselect, value, limit, min, showSingle, items, source$, loading, chipRenderer, } = props, isOne = limit == 1, // eslint-disable-line eqeqeq
-    isSingle = isOne && value?.[0] != null;
+    const { opened, invalid, errorMessage, label, placeholder, disabled, noLabelFloat, alwaysFloatLabel, textual, text, onText, onToggle, onDeselect, value, limit, min, showSingle, items, source$, loading, chipRenderer, } = props, isOne = limit === 1, isSingle = isOne && value?.[0] != null;
     const hasResultsOrQuery = loading || items.length > 0 || (text != null && text.length > 0);
     return html `<cosmoz-dropdown-next
 			open-on-focus

package/dist/autocomplete/chip.js

@@ -28,7 +28,13 @@ const clear = html `
 	</svg>
 `;
 export const Chip = ({ onClear, disabled }) => html `
-	<div class="content" part="content chip-text"><slot></slot></div>
+	<div
+		class="content"
+		part="content chip-text"
+		@mousedown=${(ev) => ev.preventDefault()}
+	>
+		<slot></slot>
+	</div>
 	${when(onClear && !disabled, () => html `<span
 				class="clear"
 				part="clear chip-clear"

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

@@ -4,7 +4,7 @@ export type Source<I> = (opts: {
 }) => PromiseLike<I[]> | undefined;
 interface Base<I> {
     value?: I | I[];
-    limit?: number;
+    limit?: number | string;
     min?: number;
     keepOpened?: boolean;
     keepQuery?: boolean;
@@ -28,7 +28,8 @@ export interface Props<I> extends Base<I> {
     externalSearch?: boolean;
     lazyOpen?: boolean;
 }
-export declare const useAutocomplete: <I>({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit, min, source, textProperty, textual: _textual, valueProperty, keepOpened, keepQuery, preserveOrder, defaultIndex, externalSearch, disabled, lazyOpen, }: Props<I>) => {
+export declare const useAutocomplete: <I>({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit: _limit, min, source, textProperty, textual: _textual, valueProperty, keepOpened, keepQuery, preserveOrder, defaultIndex, externalSearch, disabled, lazyOpen, }: Props<I>) => {
+    limit: number | undefined;
     opened: boolean;
     query: string | undefined;
     textual: (i: I) => string;

package/dist/autocomplete/use-autocomplete.js

@@ -11,8 +11,8 @@ 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, disabled, lazyOpen, }) => {
-    const textual = useMemo(() => (_textual ?? strProp)(textProperty), [_textual, textProperty]), host = useHost(), [opened, setOpened] = useProperty('opened', false), empty = !text, query = useMemo(() => text?.trim(), [text]), onText = useNotify(host, _onText, 'text'), onChange = useCallback((val) => {
+export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onText: _onText, onSelect, limit: _limit, min, source, textProperty, textual: _textual, valueProperty, keepOpened, keepQuery, preserveOrder, defaultIndex, externalSearch, disabled, lazyOpen, }) => {
+    const limit = _limit != null ? Number(_limit) : undefined, textual = useMemo(() => (_textual ?? strProp)(textProperty), [_textual, textProperty]), host = useHost(), [opened, setOpened] = useProperty('opened', false), empty = !text, query = useMemo(() => text?.trim(), [text]), onText = useNotify(host, _onText, 'text'), onChange = useCallback((val) => {
         _onChange?.(val, () => setOpened(false));
         notify(host, 'value', val);
     }, [_onChange]), [options, setOptions] = useState([]), belowMinLength = Boolean(lazyOpen && !query), source$ = useMemo(() => belowMinLength
@@ -21,7 +21,7 @@ export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onTe
             ? source({ query, active: opened })
             : source).then(normalize), [source, opened, query, belowMinLength]), value = useMemo(() => array(_value), [_value]);
     useEffect(() => source$.then(setOptions), [source$]);
-    // Backspace to deselect last chip (when input is empty and multi-select)
+    // Backspace to deselect last chip (when input is empty)
     useActivity({
         activity: AUTOCOMPLETE_DESELECT_LAST,
         callback: () => {
@@ -30,7 +30,7 @@ export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onTe
                 onChange(values.slice(0, -1));
             }
         },
-        check: () => !disabled && empty && limit !== 1 && host.matches(':focus-within'),
+        check: () => !disabled && empty && host.matches(':focus-within'),
         element: () => host,
     }, []);
     // Clear query when popover closes
@@ -55,6 +55,7 @@ export const useAutocomplete = ({ value: _value, text, onChange: _onChange, onTe
     });
     const [, , state] = usePromise(source$);
     return {
+        limit,
         opened,
         query,
         textual,

package/dist/autocomplete/use-overflow.js

@@ -31,8 +31,7 @@ const overflow = (host) => {
 };
 export const useOverflow = ({ value, opened, wrap, limit, }) => {
     const host = useHost();
-    // eslint-disable-next-line eqeqeq
-    const enabled = !(wrap || limit == 1);
+    const enabled = !(wrap || limit === 1);
     const doRaf = useMemo(() => raf(() => overflow(host)), []);
     const [width, setWidth] = useState(0);
     useLayoutEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-autocomplete",
-	"version": "13.2.1",
+	"version": "13.3.0",
 	"type": "module",
 	"description": "A autocomplete input web component",
 	"keywords": [