@servicetitan/anvil2 1.44.1 → 1.44.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @servicetitan/anvil2
 
+## 1.44.2
+
+### Patch Changes
+
+- [#1514](https://github.com/servicetitan/hammer/pull/1514) [`4e84d2b`](https://github.com/servicetitan/hammer/commit/4e84d2b47fa26eaaf62ad58b6cfea7bc61723c1c) Thanks [@rgdelato](https://github.com/rgdelato)! - [Combobox] Fix `Combobox` controlled `items` change firing before `onIsOpenChange` (adds 200ms delay to `items` update)
+
+- [#1514](https://github.com/servicetitan/hammer/pull/1514) [`b43e5f4`](https://github.com/servicetitan/hammer/commit/b43e5f49690d5d72b8eb4ab2241a07e37fe374d3) Thanks [@rgdelato](https://github.com/rgdelato)! - [Combobox] Allow `groupToString` to return `null` to render empty group labels
+
+- [#1514](https://github.com/servicetitan/hammer/pull/1514) [`eeac4b5`](https://github.com/servicetitan/hammer/commit/eeac4b54d5df83dfb07b3acc9d4cefa1baa58599) Thanks [@rgdelato](https://github.com/rgdelato)! - [Combobox] Add `hideCheckbox` prop to `Combobox.Item`
+
+- [#1514](https://github.com/servicetitan/hammer/pull/1514) [`c4ced28`](https://github.com/servicetitan/hammer/commit/c4ced28bfaf44403758ca527026a16139de7d649) Thanks [@rgdelato](https://github.com/rgdelato)! - [Combobox] Add `forceCloseOnSelect` and `forceClearInputValueOnSelect` props to `Combobox.Item`
+
+- Updated dependencies [[`4e84d2b`](https://github.com/servicetitan/hammer/commit/4e84d2b47fa26eaaf62ad58b6cfea7bc61723c1c), [`b43e5f4`](https://github.com/servicetitan/hammer/commit/b43e5f49690d5d72b8eb4ab2241a07e37fe374d3), [`eeac4b5`](https://github.com/servicetitan/hammer/commit/eeac4b54d5df83dfb07b3acc9d4cefa1baa58599), [`c4ced28`](https://github.com/servicetitan/hammer/commit/c4ced28bfaf44403758ca527026a16139de7d649)]:
+  - @servicetitan/hammer-react@1.42.1
+
 ## 1.44.1
 
 ### Patch Changes

package/dist/{Combobox-Ct30JT3y.js → Combobox-BOpe_NUu.js}

@@ -4,6 +4,7 @@ import React__default, { useRef, useEffect, useMemo, useCallback, useLayoutEffec
 import { g as getDefaultExportFromCjs, c as cx } from './index-tZvMCc77.js';
 import { a as _extends, _ as _objectWithoutPropertiesLoose } from './extends-Bg2s_OKl.js';
 import { e as PopoverLegacy, P as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-CU2cGVD8-Casl3vM1.js';
+import { D as Divider } from './Divider-B0xGfyWE-f5-ThMiS.js';
 import { s as styles$3 } from './Listbox.module-DcBE8Zmo-DcBE8Zmo.js';
 import { L as Label, s as supportsPopover } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
 import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
@@ -19,7 +20,7 @@ import { I as Icon$2 } from './Icon-B6HmlQiR-BxQkO3X5.js';
 import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './Checkbox.module-DZ58p15b-BUsQC1lW.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
-import { u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase } from './SelectTriggerBase-C0fhFfuj-DfR6h1Lq.js';
+import { u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, A as ADD_NEW$1, S as SelectTriggerBase } from './SelectTriggerBase-Dj154EN4-BtTvR-Nh.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
 import { a as Avatar } from './Avatar-C7cbRTCt-DCvzmr2C.js';
 
@@ -6343,7 +6344,7 @@ const styles$1 = {
 	"listview-option": "_listview-option_rxmcz_304"
 };
 
-const ADD_NEW$1 = Symbol.for("add-new");
+const ADD_NEW = Symbol.for("add-new");
 const ComboboxLegacyContext = createContext(null);
 const useComboboxLegacy = function() {
   const context = useContext(
@@ -6401,7 +6402,7 @@ const ComboboxLegacySingle = function(props) {
   const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();
   const showAddNew = hasAddNew && !hasExactMatch;
   const combinedItems = useMemo(
-    () => showAddNew ? [...items, ADD_NEW$1] : items,
+    () => showAddNew ? [...items, ADD_NEW] : items,
     [items, showAddNew]
   );
   const itemToString = itemToStringProp ?? defaultItemToString;
@@ -6439,7 +6440,7 @@ const ComboboxLegacySingle = function(props) {
           };
         case useCombobox$1.stateChangeTypes.InputKeyDownEnter:
         case useCombobox$1.stateChangeTypes.ItemClick:
-          if (changes.selectedItem === ADD_NEW$1) {
+          if (changes.selectedItem === ADD_NEW) {
             const stateInputValue = state.inputValue;
             setTimeout(() => {
               onSelectItemAddNew?.(stateInputValue);
@@ -6670,7 +6671,7 @@ const ComboboxLegacyMultiple = function(props) {
   const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();
   const showAddNew = hasAddNew && !hasExactMatch;
   const combinedItems = useMemo(
-    () => showAddNew ? [...items, ADD_NEW$1] : items,
+    () => showAddNew ? [...items, ADD_NEW] : items,
     [items, showAddNew]
   );
   const itemToString = itemToStringProp ?? defaultItemToString;
@@ -6756,7 +6757,7 @@ const ComboboxLegacyMultiple = function(props) {
           };
         case useCombobox$1.stateChangeTypes.InputKeyDownEnter:
         case useCombobox$1.stateChangeTypes.ItemClick:
-          if (changes.selectedItem === ADD_NEW$1) {
+          if (changes.selectedItem === ADD_NEW) {
             const stateInputValue = state.inputValue;
             setTimeout(() => {
               onSelectItemAddNew?.(stateInputValue);
@@ -8053,7 +8054,7 @@ const ComboboxLegacyItemAddNew = function({
     ComboboxLegacyItem,
     {
       ...props,
-      item: ADD_NEW$1,
+      item: ADD_NEW,
       index: items.length
     }
   ) : null;
@@ -8354,7 +8355,7 @@ const ComboboxContentElement = function({
       className: ComboboxPopoverContentClassNames,
       ref: contentRef,
       onBlur: handleBlur,
-      children: groups?.length ? groups.map((group) => /* @__PURE__ */ jsx(ComboboxGroupProvider, { value: group, children: /* @__PURE__ */ jsx(
+      children: groups?.length ? groups.map((group, i) => /* @__PURE__ */ jsx(ComboboxGroupProvider, { value: group, children: /* @__PURE__ */ jsx(
         "ul",
         {
           "aria-labelledby": `${id}-group-${group.key}`,
@@ -8362,7 +8363,7 @@ const ComboboxContentElement = function({
           "data-anv": "combobox-group",
           role: "group",
           children: /* @__PURE__ */ jsxs("li", { children: [
-            /* @__PURE__ */ jsx(
+            group.label != null ? /* @__PURE__ */ jsx(
               Text,
               {
                 className: styles["group-title"],
@@ -8370,7 +8371,7 @@ const ComboboxContentElement = function({
                 variant: "eyebrow",
                 children: group.label
               }
-            ),
+            ) : i !== 0 ? /* @__PURE__ */ jsx(Divider, {}) : null,
             resolveChildren(group.items)
           ] })
         }
@@ -8385,7 +8386,7 @@ const ComboboxContentElement = function({
       ref: getMenuProps({ ref: contentRef }, { suppressRefError: true }).ref,
       tabIndex: -1,
       onBlur: handleBlur,
-      children: groups?.length ? groups.map((group) => /* @__PURE__ */ jsx(ComboboxGroupProvider, { value: group, children: /* @__PURE__ */ jsx(
+      children: groups?.length ? groups.map((group, i) => /* @__PURE__ */ jsx(ComboboxGroupProvider, { value: group, children: /* @__PURE__ */ jsx(
         "ul",
         {
           "aria-labelledby": `${id}-group-${group.key}`,
@@ -8393,7 +8394,7 @@ const ComboboxContentElement = function({
           "data-anv": "combobox-group",
           role: "group",
           children: /* @__PURE__ */ jsxs("li", { children: [
-            /* @__PURE__ */ jsx(
+            group.label != null ? /* @__PURE__ */ jsx(
               Text,
               {
                 className: styles["group-title"],
@@ -8401,7 +8402,7 @@ const ComboboxContentElement = function({
                 variant: "eyebrow",
                 children: group.label
               }
-            ),
+            ) : i !== 0 ? /* @__PURE__ */ jsx(Divider, {}) : null,
             resolveChildren(group.items)
           ] })
         }
@@ -8501,6 +8502,9 @@ const ComboboxItemElement = function({
   disabled: disabledProp,
   item,
   index: indexProp,
+  hideCheckbox,
+  forceCloseOnSelect,
+  forceClearInputValueOnSelect,
   alignItems,
   justifyItems,
   alignContent,
@@ -8520,6 +8524,8 @@ const ComboboxItemElement = function({
     selectedItems,
     disabledItems,
     setDisabledItems,
+    setForceCloseOnSelectItems,
+    setForceClearInputValueOnSelectItems,
     highlightedIndex,
     items,
     groupBy
@@ -8530,14 +8536,66 @@ const ComboboxItemElement = function({
     if (disabledProp && !disabledItems.includes(item)) {
       setDisabledItems([...disabledItems, item]);
     } else if (disabledItems.includes(item)) {
-      setDisabledItems(disabledItems.filter((prevItem) => prevItem === item));
+      setDisabledItems(disabledItems.filter((prevItem) => prevItem !== item));
     }
     return () => {
       if (disabledItems.includes(item)) {
-        setDisabledItems(disabledItems.filter((prevItem) => prevItem === item));
+        setDisabledItems(disabledItems.filter((prevItem) => prevItem !== item));
       }
     };
   }, [item, disabledProp, setDisabledItems]);
+  useEffect(() => {
+    if (forceCloseOnSelect) {
+      setForceCloseOnSelectItems((forceCloseOnSelectItems) => {
+        if (forceCloseOnSelectItems.includes(item)) {
+          return forceCloseOnSelectItems;
+        } else {
+          return [...forceCloseOnSelectItems, item];
+        }
+      });
+    }
+    return () => {
+      setForceCloseOnSelectItems((forceCloseOnSelectItems) => {
+        if (forceCloseOnSelectItems.includes(item)) {
+          return forceCloseOnSelectItems.filter(
+            (prevItem) => prevItem !== item
+          );
+        } else {
+          return forceCloseOnSelectItems;
+        }
+      });
+    };
+  }, [item, forceCloseOnSelect, setForceCloseOnSelectItems]);
+  useEffect(() => {
+    if (forceClearInputValueOnSelect) {
+      setForceClearInputValueOnSelectItems(
+        (forceClearInputValueOnSelectItems) => {
+          if (forceClearInputValueOnSelectItems.includes(item)) {
+            return forceClearInputValueOnSelectItems;
+          } else {
+            return [...forceClearInputValueOnSelectItems, item];
+          }
+        }
+      );
+    }
+    return () => {
+      setForceClearInputValueOnSelectItems(
+        (forceClearInputValueOnSelectItems) => {
+          if (forceClearInputValueOnSelectItems.includes(item)) {
+            return forceClearInputValueOnSelectItems.filter(
+              (prevItem) => prevItem !== item
+            );
+          } else {
+            return forceClearInputValueOnSelectItems;
+          }
+        }
+      );
+    };
+  }, [
+    item,
+    forceClearInputValueOnSelect,
+    setForceClearInputValueOnSelectItems
+  ]);
   if (multiple) {
     const checked = selectedItems.some(
       (selectedItem2) => itemToKey(selectedItem2) === itemToKey(item)
@@ -8557,7 +8615,7 @@ const ComboboxItemElement = function({
           styles$2["listview-option"]
         ),
         children: [
-          item !== ADD_NEW ? /* @__PURE__ */ jsx("div", { className: cx(styles["cell"], styles$2["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
+          item !== ADD_NEW$1 && !hideCheckbox ? /* @__PURE__ */ jsx("div", { className: cx(styles["cell"], styles$2["cell"]), children: /* @__PURE__ */ jsx("div", { className: checkboxStyles["wrapper"], children: /* @__PURE__ */ jsxs("div", { className: checkboxStyles["checkbox"], children: [
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -8699,7 +8757,7 @@ const ComboboxItemAddNewElement = function({
     ComboboxItem$1,
     {
       ...props,
-      item: ADD_NEW,
+      item: ADD_NEW$1,
       index: items.length
     }
   ) : null;
@@ -8748,7 +8806,10 @@ function useGroups({
       groupedItems[groupKey].push(item);
     });
     Object.keys(groupedItems).forEach((key) => {
-      groupsSansItems.push({ key, label: groupToString?.(key) ?? key });
+      groupsSansItems.push({
+        key,
+        label: groupToString ? groupToString?.(key) : key
+      });
     });
     groupsSansItems.sort((a, b) => groupSorter(a.key, b.key));
     const orderedItems2 = [];
@@ -8764,7 +8825,6 @@ function useGroups({
   return { groups, orderedItems };
 }
 
-const ADD_NEW = Symbol.for("add-new");
 const ComboboxContext = createContext(null);
 const useCombobox = function() {
   const context = useContext(
@@ -8814,6 +8874,8 @@ const ComboboxSingle = function(props) {
   const [hasDisabledPopover, setHasDisabledPopover] = useState(false);
   const [hasEmpty, setHasEmpty] = useState(false);
   const [disabledItems, setDisabledItems] = useState([]);
+  const [forceCloseOnSelectItems, setForceCloseOnSelectItems] = useState([]);
+  const [, setForceClearInputValueOnSelectItems] = useState([]);
   const [isReadOnly, setIsReadOnly] = useState(readOnly);
   const [isDisabled, setIsDisabled] = useState(disabled);
   const referenceRef = useRef(null);
@@ -8837,7 +8899,7 @@ const ComboboxSingle = function(props) {
   });
   const showAddNew = hasAddNew && !hasExactMatch;
   const combinedItems = useMemo(
-    () => showAddNew ? [...searchedItemsOrderedByGroup, ADD_NEW] : searchedItemsOrderedByGroup,
+    () => showAddNew ? [...searchedItemsOrderedByGroup, ADD_NEW$1] : searchedItemsOrderedByGroup,
     [searchedItemsOrderedByGroup, showAddNew]
   );
   const itemToString = itemToStringProp ?? defaultItemToString$1;
@@ -8875,7 +8937,7 @@ const ComboboxSingle = function(props) {
           };
         case useCombobox$1.stateChangeTypes.InputKeyDownEnter:
         case useCombobox$1.stateChangeTypes.ItemClick:
-          if (changes.selectedItem === ADD_NEW) {
+          if (changes.selectedItem === ADD_NEW$1) {
             const stateInputValue = state.inputValue;
             setTimeout(() => {
               onSelectItemAddNew?.(stateInputValue);
@@ -8886,9 +8948,12 @@ const ComboboxSingle = function(props) {
               inputValue: ""
             };
           } else {
+            const forceClose = forceCloseOnSelectItems.includes(
+              changes.selectedItem
+            );
             return {
               ...changes,
-              isOpen: open != null ? open : disableCloseOnSelectItem ? true : changes.isOpen,
+              isOpen: open != null ? open : forceClose ? false : disableCloseOnSelectItem ? true : changes.isOpen,
               highlightedIndex: disableCloseOnSelectItem ? itemToString(state.selectedItem) === state.inputValue || !state.inputValue ? state.highlightedIndex : 0 : changes.highlightedIndex
             };
           }
@@ -8969,20 +9034,24 @@ const ComboboxSingle = function(props) {
   }, [readOnly]);
   useEffect(() => {
     if (firstRenderRef.current) return;
-    const inputValueMatchesSelectedItem = selectedItem != null && inputValue === itemToString(selectedItem);
-    const inputValueIsEmpty = inputValue == null || inputValue === "";
-    if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
-      setItems(matchSorter(allItemsOrderedByGroup, inputValue, filterOptions));
-      setHasExactMatch(
-        matchSorter(allItemsOrderedByGroup, inputValue, {
-          ...filterOptions,
-          threshold: matchSorter.rankings.EQUAL
-        }).length > 0
-      );
-    } else {
-      setItems(allItemsOrderedByGroup);
-      setHasExactMatch(true);
-    }
+    setTimeout(() => {
+      const inputValueMatchesSelectedItem = selectedItem != null && inputValue === itemToString(selectedItem);
+      const inputValueIsEmpty = inputValue == null || inputValue === "";
+      if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
+        setItems(
+          matchSorter(allItemsOrderedByGroup, inputValue, filterOptions)
+        );
+        setHasExactMatch(
+          matchSorter(allItemsOrderedByGroup, inputValue, {
+            ...filterOptions,
+            threshold: matchSorter.rankings.EQUAL
+          }).length > 0
+        );
+      } else {
+        setItems(allItemsOrderedByGroup);
+        setHasExactMatch(true);
+      }
+    }, 200);
   }, [allItemsOrderedByGroup]);
   return /* @__PURE__ */ jsx(
     ComboboxContext.Provider,
@@ -9004,6 +9073,8 @@ const ComboboxSingle = function(props) {
         selectedItems: [],
         disabledItems,
         setDisabledItems,
+        setForceCloseOnSelectItems,
+        setForceClearInputValueOnSelectItems,
         getSelectedItemProps: void 0,
         getDropdownProps: void 0,
         selectItem,
@@ -9103,6 +9174,11 @@ const ComboboxMultiple = function(props) {
   const [hasDisabledPopover, setHasDisabledPopover] = useState(false);
   const [hasEmpty, setHasEmpty] = useState(false);
   const [disabledItems, setDisabledItems] = useState([]);
+  const [forceCloseOnSelectItems, setForceCloseOnSelectItems] = useState([]);
+  const [
+    forceClearInputValueOnSelectItems,
+    setForceClearInputValueOnSelectItems
+  ] = useState([]);
   const [isReadOnly, setIsReadOnly] = useState(readOnly);
   const [isDisabled, setIsDisabled] = useState(disabled);
   let storedSetInputValue = void 0;
@@ -9125,7 +9201,7 @@ const ComboboxMultiple = function(props) {
   });
   const showAddNew = hasAddNew && !hasExactMatch;
   const combinedItems = useMemo(
-    () => showAddNew ? [...items, ADD_NEW] : searchedItemsOrderedByGroup,
+    () => showAddNew ? [...items, ADD_NEW$1] : searchedItemsOrderedByGroup,
     [items, searchedItemsOrderedByGroup, showAddNew]
   );
   const itemToString = itemToStringProp ?? defaultItemToString$1;
@@ -9213,7 +9289,7 @@ const ComboboxMultiple = function(props) {
           };
         case useCombobox$1.stateChangeTypes.InputKeyDownEnter:
         case useCombobox$1.stateChangeTypes.ItemClick:
-          if (changes.selectedItem === ADD_NEW) {
+          if (changes.selectedItem === ADD_NEW$1) {
             const stateInputValue = state.inputValue;
             setTimeout(() => {
               onSelectItemAddNew?.(stateInputValue);
@@ -9224,11 +9300,17 @@ const ComboboxMultiple = function(props) {
               inputValue: ""
             };
           } else {
+            const forceClose = forceCloseOnSelectItems.includes(
+              changes.selectedItem
+            );
+            const forceClearInputValue = forceClearInputValueOnSelectItems.includes(
+              changes.selectedItem
+            );
             return {
               ...changes,
-              isOpen: open != null ? open : disableCloseOnSelectItem ? true : changes.isOpen,
-              highlightedIndex: disableCloseOnSelectItem ? disableClearInputValueOnSelectItem || !state.inputValue ? state.highlightedIndex : 0 : changes.highlightedIndex,
-              inputValue: disableClearInputValueOnSelectItem ? state.inputValue : ""
+              isOpen: open != null ? open : forceClose ? false : disableCloseOnSelectItem ? true : changes.isOpen,
+              highlightedIndex: forceClearInputValue ? 0 : disableCloseOnSelectItem ? disableClearInputValueOnSelectItem || !state.inputValue ? state.highlightedIndex : 0 : changes.highlightedIndex,
+              inputValue: forceClearInputValue ? "" : disableClearInputValueOnSelectItem ? state.inputValue : ""
             };
           }
         // prevent this from closing the popover by default
@@ -9322,19 +9404,21 @@ const ComboboxMultiple = function(props) {
   }, [readOnly]);
   useEffect(() => {
     if (firstRenderRef.current) return;
-    const inputValueIsEmpty = inputValue == null || inputValue === "";
-    if (!inputValueIsEmpty && !disableFilter) {
-      setItems(matchSorter(itemsProp, inputValue, filterOptions));
-      setHasExactMatch(
-        matchSorter(itemsProp, inputValue, {
-          ...filterOptions,
-          threshold: matchSorter.rankings.EQUAL
-        }).length > 0
-      );
-    } else {
-      setItems(itemsProp);
-      setHasExactMatch(true);
-    }
+    setTimeout(() => {
+      const inputValueIsEmpty = inputValue == null || inputValue === "";
+      if (!inputValueIsEmpty && !disableFilter) {
+        setItems(matchSorter(itemsProp, inputValue, filterOptions));
+        setHasExactMatch(
+          matchSorter(itemsProp, inputValue, {
+            ...filterOptions,
+            threshold: matchSorter.rankings.EQUAL
+          }).length > 0
+        );
+      } else {
+        setItems(itemsProp);
+        setHasExactMatch(true);
+      }
+    }, 200);
   }, [itemsProp]);
   return /* @__PURE__ */ jsx(
     ComboboxContext.Provider,
@@ -9356,6 +9440,8 @@ const ComboboxMultiple = function(props) {
         selectedItems,
         disabledItems,
         setDisabledItems,
+        setForceCloseOnSelectItems,
+        setForceClearInputValueOnSelectItems,
         getSelectedItemProps,
         getDropdownProps,
         reset,
@@ -9443,6 +9529,8 @@ const SelectSingle = function(props) {
   const [hasDisabledPopover, setHasDisabledPopover] = useState(false);
   const [hasEmpty, setHasEmpty] = useState(false);
   const [disabledItems, setDisabledItems] = useState([]);
+  const [forceCloseOnSelectItems, setForceCloseOnSelectItems] = useState([]);
+  const [, setForceClearInputValueOnSelectItems] = useState([]);
   const [isReadOnly, setIsReadOnly] = useState(readOnly);
   const [isDisabled, setIsDisabled] = useState(disabled);
   const referenceRef = useRef(null);
@@ -9485,7 +9573,7 @@ const SelectSingle = function(props) {
         case useSelect.stateChangeTypes.ItemClick:
           return {
             ...changes,
-            isOpen: open != null ? open : disableCloseOnSelectItem ? true : changes.isOpen,
+            isOpen: open != null ? open : forceCloseOnSelectItems.includes(changes.selectedItem) ? false : disableCloseOnSelectItem ? true : changes.isOpen,
             highlightedIndex: disableCloseOnSelectItem ? state.highlightedIndex : changes.highlightedIndex
           };
         default:
@@ -9539,6 +9627,8 @@ const SelectSingle = function(props) {
         selectedItems: [],
         disabledItems,
         setDisabledItems,
+        setForceCloseOnSelectItems,
+        setForceClearInputValueOnSelectItems,
         selectItem,
         inputValue,
         isDisabled,
@@ -9622,6 +9712,8 @@ const SelectMultiple = function(props) {
   const [hasDisabledPopover, setHasDisabledPopover] = useState(false);
   const [hasEmpty, setHasEmpty] = useState(false);
   const [disabledItems, setDisabledItems] = useState([]);
+  const [forceCloseOnSelectItems, setForceCloseOnSelectItems] = useState([]);
+  const [, setForceClearInputValueOnSelectItems] = useState([]);
   const [isReadOnly, setIsReadOnly] = useState(readOnly);
   const [isDisabled, setIsDisabled] = useState(disabled);
   const referenceRef = useRef(null);
@@ -9700,7 +9792,7 @@ const SelectMultiple = function(props) {
         case useSelect.stateChangeTypes.ItemClick:
           return {
             ...changes,
-            isOpen: open != null ? open : disableCloseOnSelectItem ? true : changes.isOpen,
+            isOpen: open != null ? open : forceCloseOnSelectItems.includes(changes.selectedItem) ? false : disableCloseOnSelectItem ? true : changes.isOpen,
             highlightedIndex: disableCloseOnSelectItem ? state.highlightedIndex : changes.highlightedIndex
           };
         default:
@@ -9768,6 +9860,8 @@ const SelectMultiple = function(props) {
         selectedItems,
         disabledItems,
         setDisabledItems,
+        setForceCloseOnSelectItems,
+        setForceClearInputValueOnSelectItems,
         getSelectedItemProps,
         getDropdownProps,
         reset,
@@ -10315,4 +10409,4 @@ const Combobox = Object.assign(ComboboxElement, {
 });
 
 export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxContent as c, ComboboxSearchField as d, ComboboxSelectTrigger as e, ComboboxList as f, ComboboxItem as g, ComboboxItemAddNew as h, ComboboxEmpty as i, useInfiniteCombobox as u };
-//# sourceMappingURL=Combobox-Ct30JT3y.js.map
+//# sourceMappingURL=Combobox-BOpe_NUu.js.map