fix: Handle the case where the user deletes when there are no tags in a Multiselect (#1075)

Author: AaronBuxbaum

packages/react-widgets/src/FocusListContext.ts

@@ -26,6 +26,7 @@ export interface FocusProps {
 }
 
 export interface FocusList<TDataItem = unknown> {
+  size(): number;
   focus: (el: HTMLElement | null | undefined) => void
   first: () => HTMLElement | undefined
   last: () => HTMLElement | undefined
@@ -103,6 +104,10 @@ export const useFocusList = <TDataItem>({
 
   const list: any = useMemo(() => {
     return {
+      size() {
+        const [items] = get();
+        return items.length;
+      },
       get,
       toDataItem: (el: HTMLElement) => map.get(el),
 

packages/react-widgets/src/Multiselect.tsx

@@ -383,7 +383,7 @@ const Multiselect: Multiselect = React.forwardRef(function Multiselect<
    */
 
   const handleDelete = (dataItem: TDataItem, event: React.SyntheticEvent) => {
-    if (isDisabled || readOnly) return
+    if (isDisabled || readOnly || tagList.size() === 0) return
     focus()
     change(dataItem, event, REMOVE)
   }