@servicetitan/anvil2 1.50.0 → 1.50.2

package/dist/{Combobox-hxGMMb8x.js → Combobox-BTTWNSW1.js}

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, createContext, useContext, useRef, useMemo, useLayoutEffect, useId } from 'react';
-import { s as supportsPopover } from './DrawerContext-Cs3k160L.js';
-import { P as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-CCXrzBul.js';
+import { s as supportsPopover } from './DrawerContext-rJvgnn3O.js';
+import { P as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-D9SmGQTh.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { a as useMultipleSelection, u as useCombobox$1, m as matchSorter, b as useSelect } from './match-sorter.esm-CtBw0MrM.js';
+import { u as useDownshiftEnvironment, b as useMultipleSelection, a as useCombobox$1, m as matchSorter, c as useSelect } from './match-sorter.esm-NrKOPPde.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-BlIWftBb.js';
-import { i as isMultiple, u as useDownshiftEnvironment$1, b as SELECT_ALL, a as defaultItemToKey$1, d as defaultItemToString$1, g as getScrollParent, A as ADD_NEW$1, S as SelectTriggerBase } from './SelectTriggerBase-D8scKtBr.js';
+import { i as isMultiple, b as SELECT_ALL, a as defaultItemToKey$1, d as defaultItemToString$1, g as getScrollParent, A as ADD_NEW$1, S as SelectTriggerBase } from './SelectTriggerBase-RHD4FTQE.js';
 import { l as listboxStyles } from './Listbox.module-XuKszT3X.js';
 import { T as Text } from './Text-kPA-VzsB.js';
 import { D as Divider } from './Divider-Olv8yWXD.js';
@@ -21,7 +21,7 @@ import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
 import { S as SvgInfo } from './info-CYpG6tcI.js';
 import { S as SrOnly } from './SrOnly-CTsYSuby.js';
-import { T as Tooltip } from './Tooltip-CBy7srE2.js';
+import { T as Tooltip } from './Tooltip-CkfkiQPz.js';
 import { H as Helper } from './Helper-DzVUQgUJ.js';
 import { A as Avatar } from './Avatar-DeEV-v-b.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
@@ -41,11 +41,12 @@ const styles$2 = {
 
 const LabelMoreInfoIcon = ({
   moreInfo,
-  openMoreInfo
+  openMoreInfo,
+  moreInfoOpen
 }) => {
-  const [open, setOpen] = useState(openMoreInfo);
+  const [open, setOpen] = useState(openMoreInfo || moreInfoOpen);
   useEffect(() => {
-    if (openMoreInfo) {
+    if (openMoreInfo || moreInfoOpen) {
       setOpen(true);
     } else {
       setOpen(false);
@@ -53,7 +54,7 @@ const LabelMoreInfoIcon = ({
         setOpen(void 0);
       });
     }
-  }, [openMoreInfo]);
+  }, [openMoreInfo, moreInfoOpen]);
   return /* @__PURE__ */ jsxs(
     Tooltip,
     {
@@ -69,7 +70,15 @@ const LabelMoreInfoIcon = ({
   );
 };
 const Label = forwardRef((props, ref) => {
-  const { children, className, moreInfo, required, openMoreInfo, ...rest } = props;
+  const {
+    children,
+    className,
+    moreInfo,
+    required,
+    openMoreInfo,
+    moreInfoOpen,
+    ...rest
+  } = props;
   const LabelClassNames = cx([styles$2["label"]], className);
   return /* @__PURE__ */ jsxs("label", { className: LabelClassNames, "data-anv": "label", ref, ...rest, children: [
     /* @__PURE__ */ jsxs("div", { className: styles$2["top-container"], "aria-atomic": "true", children: [
@@ -80,7 +89,14 @@ const Label = forwardRef((props, ref) => {
           /* @__PURE__ */ jsx(SrOnly, { children: "Required" })
         ] }) : null
       ] }),
-      moreInfo ? /* @__PURE__ */ jsx(LabelMoreInfoIcon, { moreInfo, openMoreInfo }) : null
+      moreInfo ? /* @__PURE__ */ jsx(
+        LabelMoreInfoIcon,
+        {
+          moreInfo,
+          openMoreInfo,
+          moreInfoOpen
+        }
+      ) : null
     ] }),
     moreInfo ? /* @__PURE__ */ jsx(SrOnly, { children: moreInfo }) : null
   ] });
@@ -106,18 +122,6 @@ const defaultItemToKey = function(item) {
   return item;
 };
 const ComboboxLegacyContext = createContext(null);
-const useDownshiftEnvironment = () => {
-  const wrapperDivRef = useRef(null);
-  const shadowRoot = wrapperDivRef.current ? wrapperDivRef.current.getRootNode() : null;
-  const shadowDocument = wrapperDivRef.current && shadowRoot ? shadowRoot.ownerDocument : null;
-  const environment = shadowDocument ? {
-    document: shadowDocument,
-    addEventListener: shadowDocument.addEventListener.bind(shadowRoot),
-    removeEventListener: shadowDocument.removeEventListener.bind(shadowRoot),
-    Node
-  } : void 0;
-  return { ref: wrapperDivRef, environment };
-};
 const useComboboxLegacy = function() {
   const context = useContext(
     ComboboxLegacyContext
@@ -1192,6 +1196,7 @@ const ComboboxLegacyTrigger = ({
   required,
   moreInfo,
   openMoreInfo,
+  moreInfoOpen,
   prefix,
   suffix,
   maxRows,
@@ -1339,6 +1344,7 @@ const ComboboxLegacyTrigger = ({
               required,
               moreInfo,
               openMoreInfo,
+              moreInfoOpen,
               id: labelUid
             }),
             children: label
@@ -2010,7 +2016,7 @@ const SelectSingle = function(props) {
     if (disableCloseOnClickOutside) return;
     closeMenu();
   };
-  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment$1();
+  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();
   const itemToString = itemToStringProp ?? defaultItemToString$1;
   const itemToKey = itemToKeyProp ?? defaultItemToKey$1;
   const { groups, orderedItems } = useGroups({
@@ -2196,7 +2202,7 @@ const SelectMultiple = function(props) {
     if (disableCloseOnClickOutside) return;
     closeMenu();
   };
-  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment$1();
+  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();
   const itemToString = itemToStringProp ?? defaultItemToString$1;
   const itemToKey = itemToKeyProp ?? defaultItemToKey$1;
   const { groups, orderedItems: orderedItemsBase } = useGroups({
@@ -2817,6 +2823,7 @@ const ComboboxTrigger = function(props) {
     required,
     moreInfo,
     openMoreInfo,
+    moreInfoOpen,
     prefix,
     suffix,
     maxRows,
@@ -2871,7 +2878,8 @@ const ComboboxTrigger = function(props) {
   const labelProps = getLabelProps({
     required,
     moreInfo,
-    openMoreInfo
+    openMoreInfo,
+    moreInfoOpen
   });
   const inputRef = useRef(null);
   const inputWrapperProps = {
@@ -3001,6 +3009,7 @@ const ComboboxSearchField = function({
     required: props.required,
     moreInfo: props.moreInfo,
     openMoreInfo: props.openMoreInfo,
+    moreInfoOpen: props.moreInfoOpen,
     description: childrenToString(props.description),
     hint: props.hint,
     labelProps: props.labelProps
@@ -3041,6 +3050,7 @@ const ComboboxSelectTrigger = function({
     required: props.required,
     moreInfo: props.moreInfo,
     openMoreInfo: props.openMoreInfo,
+    moreInfoOpen: props.moreInfoOpen,
     description: childrenToString(props.description),
     hint: props.hint,
     labelProps: props.labelProps
@@ -3270,13 +3280,7 @@ const CoreComboboxItemAddNewElement = function({
       setOnSelectItemAddNew?.(void 0);
     };
   }, [setOnSelectItemAddNew, onSelection]);
-  const firstRenderRef = useRef(true);
-  useEffect(() => {
-    if (firstRenderRef.current === true) {
-      firstRenderRef.current = false;
-    }
-  }, []);
-  return !hasExactMatch && !firstRenderRef.current ? /* @__PURE__ */ jsx(
+  return !hasExactMatch ? /* @__PURE__ */ jsx(
     ComboboxItem,
     {
       ...props,
@@ -3442,7 +3446,7 @@ const ComboboxSingle = function(props) {
     if (disableCloseOnClickOutside) return;
     closeMenu();
   };
-  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment$1();
+  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();
   const { orderedItems: allItemsOrderedByGroup } = useGroups({
     items: itemsProp,
     groupBy,
@@ -3529,11 +3533,14 @@ const ComboboxSingle = function(props) {
         setItems(allItemsOrderedByGroup);
         setHasExactMatch(true);
       } else if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
-        setItems(
-          matchSorter(allItemsOrderedByGroup, inputValue2, filterOptions)
+        const filteredItems = matchSorter(
+          allItemsOrderedByGroup,
+          inputValue2,
+          filterOptions
         );
+        setItems(filteredItems);
         setHasExactMatch(
-          matchSorter(allItemsOrderedByGroup, inputValue2, {
+          matchSorter(filteredItems, inputValue2, {
             ...filterOptions,
             threshold: matchSorter.rankings.EQUAL
           }).length > 0
@@ -3596,11 +3603,14 @@ const ComboboxSingle = function(props) {
       const inputValueMatchesSelectedItem = selectedItem != null && inputValue === itemToString(selectedItem);
       const inputValueIsEmpty = inputValue == null || inputValue === "";
       if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
-        setItems(
-          matchSorter(allItemsOrderedByGroup, inputValue, filterOptions)
+        const filteredItems = matchSorter(
+          allItemsOrderedByGroup,
+          inputValue,
+          filterOptions
         );
+        setItems(filteredItems);
         setHasExactMatch(
-          matchSorter(allItemsOrderedByGroup, inputValue, {
+          matchSorter(filteredItems, inputValue, {
             ...filterOptions,
             threshold: matchSorter.rankings.EQUAL
           }).length > 0
@@ -3611,82 +3621,120 @@ const ComboboxSingle = function(props) {
       }
     }, 200);
   }, [allItemsOrderedByGroup]);
-  return /* @__PURE__ */ jsx(
-    ComboboxContext.Provider,
+  const contextValue = useMemo(
+    () => ({
+      multiple: false,
+      select: false,
+      items: searchedItemsOrderedByGroup,
+      itemToString,
+      itemToKey,
+      isOpen,
+      getLabelProps,
+      getInputProps,
+      getToggleButtonProps,
+      getMenuProps,
+      getItemProps,
+      highlightedIndex,
+      selectedItem,
+      selectedItems: [],
+      disabledItems,
+      setDisabledItems,
+      setForceCloseOnSelectItems,
+      setForceClearInputValueOnSelectItems,
+      getSelectedItemProps: void 0,
+      getDropdownProps: void 0,
+      selectItem,
+      inputValue,
+      isDisabled,
+      isReadOnly,
+      setIsReadOnly,
+      setIsDisabled,
+      hasDisabledPopover,
+      setHasDisabledPopover,
+      hasEmpty,
+      setHasEmpty,
+      hasAddNew,
+      setHasAddNew,
+      onSelectItemAddNew,
+      setOnSelectItemAddNew,
+      hasExactMatch,
+      setHasExactMatch,
+      loading,
+      referenceRef,
+      contentRef,
+      listRef,
+      closeMenu,
+      groupBy,
+      groupToString,
+      groups: searchedGroups
+    }),
+    [
+      searchedItemsOrderedByGroup,
+      itemToString,
+      itemToKey,
+      isOpen,
+      getLabelProps,
+      getInputProps,
+      getToggleButtonProps,
+      getMenuProps,
+      getItemProps,
+      highlightedIndex,
+      selectedItem,
+      disabledItems,
+      setDisabledItems,
+      setForceCloseOnSelectItems,
+      setForceClearInputValueOnSelectItems,
+      selectItem,
+      inputValue,
+      isDisabled,
+      isReadOnly,
+      setIsReadOnly,
+      setIsDisabled,
+      hasDisabledPopover,
+      setHasDisabledPopover,
+      hasEmpty,
+      setHasEmpty,
+      hasAddNew,
+      setHasAddNew,
+      onSelectItemAddNew,
+      setOnSelectItemAddNew,
+      hasExactMatch,
+      setHasExactMatch,
+      loading,
+      referenceRef,
+      contentRef,
+      listRef,
+      closeMenu,
+      groupBy,
+      groupToString,
+      searchedGroups
+    ]
+  );
+  return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
     {
-      value: {
-        multiple: false,
-        select: false,
-        items: searchedItemsOrderedByGroup,
-        itemToString,
-        itemToKey,
-        isOpen,
-        getLabelProps,
-        getInputProps,
-        getToggleButtonProps,
-        getMenuProps,
-        getItemProps,
-        highlightedIndex,
-        selectedItem,
-        selectedItems: [],
-        disabledItems,
-        setDisabledItems,
-        setForceCloseOnSelectItems,
-        setForceClearInputValueOnSelectItems,
-        getSelectedItemProps: void 0,
-        getDropdownProps: void 0,
-        selectItem,
-        inputValue,
-        isDisabled,
-        isReadOnly,
-        setIsReadOnly,
-        setIsDisabled,
-        hasDisabledPopover,
-        setHasDisabledPopover,
-        hasEmpty,
-        setHasEmpty,
-        hasAddNew,
-        setHasAddNew,
-        onSelectItemAddNew,
-        setOnSelectItemAddNew,
-        hasExactMatch,
-        setHasExactMatch,
-        loading,
-        referenceRef,
-        contentRef,
-        listRef,
-        closeMenu,
-        groupBy,
-        groupToString,
-        groups: searchedGroups
-      },
+      className: ComboboxClassNames,
+      "data-anv": "combobox",
+      style: { ...style, ...layoutStyles },
+      ref: wrapperDivRef,
       children: /* @__PURE__ */ jsx(
-        "div",
+        Popover,
         {
-          className: ComboboxClassNames,
-          "data-anv": "combobox",
-          style: { ...style, ...layoutStyles },
-          ref: wrapperDivRef,
-          children: /* @__PURE__ */ jsx(
-            Popover,
-            {
-              open: isOpen,
-              noPadding: true,
-              disableCaret: true,
-              fitScreen: true,
-              disableFlipFallback: true,
-              placement: "bottom-start",
-              matchReferenceWidth: !disableMatchReferenceWidth,
-              disableCloseOnClickOutside,
-              onOutsidePress: handleOutsidePress,
-              minHeight: minPopoverHeight,
-              children
-            }
-          )
+          open: isOpen,
+          noPadding: true,
+          disableCaret: true,
+          fitScreen: true,
+          disableFlipFallback: true,
+          placement: "bottom-start",
+          matchReferenceWidth: !disableMatchReferenceWidth,
+          disableCloseOnClickOutside,
+          onOutsidePress: handleOutsidePress,
+          minHeight: minPopoverHeight,
+          children
         }
       )
     }
-  );
+  ) });
 };
 const ComboboxMultiple = function(props) {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -3749,7 +3797,7 @@ const ComboboxMultiple = function(props) {
     if (disableCloseOnClickOutside) return;
     closeMenu();
   };
-  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment$1();
+  const { ref: wrapperDivRef, environment } = useDownshiftEnvironment();
   const { orderedItems: allItemsOrderedByGroup } = useGroups({
     items: itemsProp,
     groupBy,
@@ -3924,11 +3972,14 @@ const ComboboxMultiple = function(props) {
         setItems(allItemsOrderedByGroup);
         setHasExactMatch(true);
       } else if (!inputValueMatchesSelectedItem && !inputValueIsEmpty && !disableFilter) {
-        setItems(
-          matchSorter(allItemsOrderedByGroup, inputValue2, filterOptions)
+        const filteredItems = matchSorter(
+          allItemsOrderedByGroup,
+          inputValue2,
+          filterOptions
         );
+        setItems(filteredItems);
         setHasExactMatch(
-          matchSorter(allItemsOrderedByGroup, inputValue2, {
+          matchSorter(filteredItems, inputValue2, {
             ...filterOptions,
             threshold: matchSorter.rankings.EQUAL
           }).length > 0
@@ -3995,9 +4046,10 @@ const ComboboxMultiple = function(props) {
     setTimeout(() => {
       const inputValueIsEmpty = inputValue == null || inputValue === "";
       if (!inputValueIsEmpty && !disableFilter) {
-        setItems(matchSorter(itemsProp, inputValue, filterOptions));
+        const filteredItems = matchSorter(itemsProp, inputValue, filterOptions);
+        setItems(filteredItems);
         setHasExactMatch(
-          matchSorter(itemsProp, inputValue, {
+          matchSorter(filteredItems, inputValue, {
             ...filterOptions,
             threshold: matchSorter.rankings.EQUAL
           }).length > 0
@@ -4008,87 +4060,133 @@ const ComboboxMultiple = function(props) {
       }
     }, 200);
   }, [itemsProp]);
-  return /* @__PURE__ */ jsx(
-    ComboboxContext.Provider,
+  const contextValue = useMemo(
+    () => ({
+      multiple: true,
+      select: false,
+      items: combinedItems,
+      itemToString,
+      itemToKey,
+      isOpen,
+      getLabelProps,
+      getInputProps,
+      getToggleButtonProps,
+      getMenuProps,
+      getItemProps,
+      highlightedIndex,
+      selectedItem,
+      selectedItems,
+      disabledItems,
+      setDisabledItems,
+      setForceCloseOnSelectItems,
+      setForceClearInputValueOnSelectItems,
+      getSelectedItemProps,
+      getDropdownProps,
+      reset,
+      addSelectedItem,
+      removeSelectedItem,
+      setSelectedItems,
+      selectItem,
+      inputValue,
+      isDisabled,
+      isReadOnly,
+      setIsReadOnly,
+      setIsDisabled,
+      hasDisabledPopover,
+      setHasDisabledPopover,
+      hasEmpty,
+      setHasEmpty,
+      hasAddNew,
+      setHasAddNew,
+      onSelectItemAddNew,
+      setOnSelectItemAddNew,
+      hasExactMatch,
+      setHasExactMatch,
+      loading,
+      referenceRef,
+      contentRef,
+      listRef,
+      closeMenu,
+      groupBy,
+      groupToString,
+      groups: searchedGroups,
+      selectAll
+    }),
+    [
+      combinedItems,
+      itemToString,
+      itemToKey,
+      isOpen,
+      getLabelProps,
+      getInputProps,
+      getToggleButtonProps,
+      getMenuProps,
+      getItemProps,
+      highlightedIndex,
+      selectedItem,
+      selectedItems,
+      disabledItems,
+      setDisabledItems,
+      setForceCloseOnSelectItems,
+      setForceClearInputValueOnSelectItems,
+      getSelectedItemProps,
+      getDropdownProps,
+      reset,
+      addSelectedItem,
+      removeSelectedItem,
+      setSelectedItems,
+      selectItem,
+      inputValue,
+      isDisabled,
+      isReadOnly,
+      setIsReadOnly,
+      setIsDisabled,
+      hasDisabledPopover,
+      setHasDisabledPopover,
+      hasEmpty,
+      setHasEmpty,
+      hasAddNew,
+      setHasAddNew,
+      onSelectItemAddNew,
+      setOnSelectItemAddNew,
+      hasExactMatch,
+      setHasExactMatch,
+      loading,
+      referenceRef,
+      contentRef,
+      listRef,
+      closeMenu,
+      groupBy,
+      groupToString,
+      searchedGroups,
+      selectAll
+    ]
+  );
+  return /* @__PURE__ */ jsx(ComboboxContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
     {
-      value: {
-        multiple: true,
-        select: false,
-        items: combinedItems,
-        itemToString,
-        itemToKey,
-        isOpen,
-        getLabelProps,
-        getInputProps,
-        getToggleButtonProps,
-        getMenuProps,
-        getItemProps,
-        highlightedIndex,
-        selectedItem,
-        selectedItems,
-        disabledItems,
-        setDisabledItems,
-        setForceCloseOnSelectItems,
-        setForceClearInputValueOnSelectItems,
-        getSelectedItemProps,
-        getDropdownProps,
-        reset,
-        addSelectedItem,
-        removeSelectedItem,
-        setSelectedItems,
-        selectItem,
-        inputValue,
-        isDisabled,
-        isReadOnly,
-        setIsReadOnly,
-        setIsDisabled,
-        hasDisabledPopover,
-        setHasDisabledPopover,
-        hasEmpty,
-        setHasEmpty,
-        hasAddNew,
-        setHasAddNew,
-        onSelectItemAddNew,
-        setOnSelectItemAddNew,
-        hasExactMatch,
-        setHasExactMatch,
-        loading,
-        referenceRef,
-        contentRef,
-        listRef,
-        closeMenu,
-        groupBy,
-        groupToString,
-        groups: searchedGroups,
-        selectAll
-      },
+      className: ComboboxClassNames,
+      "data-anv": "combobox",
+      style: { ...style, ...layoutStyles },
+      ref: wrapperDivRef,
       children: /* @__PURE__ */ jsx(
-        "div",
+        Popover,
         {
-          className: ComboboxClassNames,
-          "data-anv": "combobox",
-          style: { ...style, ...layoutStyles },
-          ref: wrapperDivRef,
-          children: /* @__PURE__ */ jsx(
-            Popover,
-            {
-              open: !isDisabled && isOpen,
-              noPadding: true,
-              disableCaret: true,
-              fitScreen: true,
-              disableFlipFallback: true,
-              placement: "bottom-start",
-              matchReferenceWidth: !disableMatchReferenceWidth,
-              disableCloseOnClickOutside,
-              onOutsidePress: handleOutsidePress,
-              minHeight: minPopoverHeight,
-              children
-            }
-          )
+          open: !isDisabled && isOpen,
+          noPadding: true,
+          disableCaret: true,
+          fitScreen: true,
+          disableFlipFallback: true,
+          placement: "bottom-start",
+          matchReferenceWidth: !disableMatchReferenceWidth,
+          disableCloseOnClickOutside,
+          onOutsidePress: handleOutsidePress,
+          minHeight: minPopoverHeight,
+          children
         }
       )
     }
-  );
+  ) });
 };
 const ComboboxElement = function(props) {
   if (!supportsPopover()) {
@@ -4278,4 +4376,4 @@ const Combobox = Object.assign(ComboboxElement, {
 });
 
 export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxContent as c, ComboboxList as d, ComboboxItem as e, ComboboxItemAddNew as f, ComboboxSearchField as g, ComboboxSelectTrigger as h, ComboboxEmpty as i };
-//# sourceMappingURL=Combobox-hxGMMb8x.js.map
+//# sourceMappingURL=Combobox-BTTWNSW1.js.map