@servicetitan/anvil2 1.45.1 → 1.46.0

package/dist/{useInfiniteCombobox-BN2uGhBh.js → Combobox-B9nesJuc.js}

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default, { forwardRef, useState, useEffect, createContext, useContext, useRef, useMemo, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useId, useDeferredValue } from 'react';
+import React__default, { forwardRef, useState, useEffect, createContext, useContext, useRef, useMemo, useCallback, useLayoutEffect, useReducer, cloneElement, Component, useId } from 'react';
 import { c as cx, g as getDefaultExportFromCjs } from './index-tZvMCc77.js';
 import { a as _extends, _ as _objectWithoutPropertiesLoose } from './extends-Bg2s_OKl.js';
 import { P as Popover, u as usePopoverLegacyContext, f as usePopoverContext } from './Popover-r26xMIfm.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 import { s as supportsPopover } from './DrawerContext-DboTgTmo.js';
-import { i as isMultiple, u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase, A as ADD_NEW$1 } from './SelectTriggerBase-BMMxnXrw.js';
+import { i as isMultiple, u as useDownshiftEnvironment$1, a as defaultItemToKey$1, d as defaultItemToString$1, S as SelectTriggerBase, A as ADD_NEW$1 } from './SelectTriggerBase-DP9fmRSo.js';
 import { s as styles$4 } from './Listbox.module-DcBE8Zmo.js';
 import { T as Text } from './Text-BqvcbXyp.js';
 import { F as Flex } from './Flex-BdQMekvA.js';
@@ -22,11 +22,11 @@ import { A as Avatar } from './Avatar-CyGjhToG.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { s as styles$3 } from './ListView.module-MVsNF0X0.js';
-import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-Bg24oeHy.js';
+import { c as checkboxStyles, S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-RY9zr3xS.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { S as Spinner } from './Spinner-wmO8Epw0.js';
 
-import './useInfiniteCombobox.css';const label = "_label_jfzvd_2";
+import './Combobox.css';const label = "_label_jfzvd_2";
 const required = "_required_jfzvd_46";
 const styles$2 = {
 	label: label,
@@ -8821,6 +8821,7 @@ const ComboboxTrigger = function(props) {
     placeholder,
     disabled,
     readOnly,
+    onClear,
     ...rest
   } = componentProps;
   const {
@@ -8884,10 +8885,14 @@ const ComboboxTrigger = function(props) {
   };
   const toggleButtonProps = select ? {} : getToggleButtonProps();
   const handleClearButtonClick = (_e) => {
-    if (reset != null) {
-      reset();
+    if (onClear) {
+      onClear();
     } else {
-      selectItem(null);
+      if (reset != null) {
+        reset();
+      } else {
+        selectItem(null);
+      }
     }
   };
   const styleCombined = {
@@ -8974,10 +8979,13 @@ const ComboboxTrigger = function(props) {
     }
   );
 };
-const ComboboxSearchFieldElement = function(props) {
+const ComboboxSearchFieldElement = function({
+  onClear,
+  ...props
+}) {
   if (!supportsPopover())
     return /* @__PURE__ */ jsx(ComboboxLegacyTrigger, { ...props, variant: "combobox" });
-  return /* @__PURE__ */ jsx(ComboboxTrigger, { ...props, variant: "combobox" });
+  return /* @__PURE__ */ jsx(ComboboxTrigger, { onClear, ...props, variant: "combobox" });
 };
 const ComboboxSearchField = function({
   prefix: prefixProp,
@@ -10177,180 +10185,5 @@ const Combobox = Object.assign(ComboboxElement, {
   Empty: ComboboxEmpty
 });
 
-const SCROLL_THRESHOLD = 0.64;
-function useInfiniteCombobox({
-  query,
-  queryInitialItems,
-  initialItems = [],
-  initialPage = 0,
-  initialLoading = false,
-  initialInputValue,
-  defaultInputValue,
-  initialSelectedItem,
-  defaultSelectedItem,
-  initialSelectedItems,
-  defaultSelectedItems,
-  updateOnInputValueChange = true,
-  updateOnSelectedItemChange = true,
-  updateOnSelectedItemsChange = true,
-  queryOnFirstRender = false,
-  shouldTriggerQuery: shouldTriggerQueryProp
-}) {
-  const [items, setItems] = useState(initialItems);
-  const deferredItems = useDeferredValue(items);
-  const [page, setPage] = useState(initialPage);
-  const [loading, setLoading] = useState(initialLoading);
-  const deferredLoading = useDeferredValue(loading);
-  const [inputValue, setInputValue] = useState(
-    initialInputValue ?? defaultInputValue ?? ""
-  );
-  const [selectedItem, setSelectedItem] = useState(
-    initialSelectedItem ?? defaultSelectedItem ?? null
-  );
-  const [selectedItems, setSelectedItems] = useState(
-    initialSelectedItems ?? defaultSelectedItems ?? []
-  );
-  const scrollerRef = useRef(null);
-  const defaultShouldTriggerQuery = (element) => {
-    const totalScrollHeight = element.scrollHeight - element.clientHeight;
-    return element.scrollTop / totalScrollHeight > SCROLL_THRESHOLD;
-  };
-  const [triggerQueryCount, setTriggerQueryCount] = useState(0);
-  const triggerQueryCountRef = useRef(0);
-  const triggerQuery = () => {
-    setTriggerQueryCount((x) => x + 1);
-    triggerQueryCountRef.current += 1;
-  };
-  const [done, setDone] = useState(false);
-  const firstRenderRef = useRef(true);
-  const scrollTimeoutRef = useRef(false);
-  const loadingRef = useRef(false);
-  const setLoadingStateAndRef = (isLoading) => {
-    setLoading(isLoading);
-    loadingRef.current = isLoading;
-  };
-  const queryRetryCountRef = useRef(0);
-  useEffect(() => {
-    if (firstRenderRef.current && queryInitialItems) {
-      setItems(queryInitialItems());
-    }
-    if (firstRenderRef.current && !queryOnFirstRender) {
-      firstRenderRef.current = false;
-      return;
-    }
-    setLoadingStateAndRef(true);
-    const timeoutID = setTimeout(() => {
-      if (triggerQueryCount < triggerQueryCountRef.current) return;
-      query({
-        page,
-        inputValue,
-        selectedItem,
-        selectedItems
-      }).then((res) => {
-        queryRetryCountRef.current = 0;
-        if (triggerQueryCount < triggerQueryCountRef.current) return;
-        setLoadingStateAndRef(false);
-        setPage((x) => x + 1);
-        if (res == null || page > 0 && res.length === 0) {
-          setDone(true);
-        } else if (page === 0) {
-          setItems(() => [...res]);
-        } else {
-          setItems((prevItems) => [...prevItems, ...res]);
-        }
-      }).catch(() => {
-        queryRetryCountRef.current += 1;
-        if (queryRetryCountRef.current > 7) {
-          queryRetryCountRef.current = 0;
-          return;
-        } else {
-          setTimeout(
-            () => {
-              triggerQuery();
-            },
-            2 ** queryRetryCountRef.current * 160
-          );
-        }
-      });
-    }, 160);
-    return () => {
-      clearTimeout(timeoutID);
-    };
-  }, [triggerQueryCount]);
-  useLayoutEffect(() => {
-    setTimeout(() => {
-      if (scrollerRef.current && scrollerRef.current.scrollHeight > 0 && scrollerRef.current.clientHeight > 0 && scrollerRef.current.scrollHeight <= scrollerRef.current.clientHeight) {
-        triggerQuery();
-      }
-    }, 160);
-  }, [items]);
-  const isEmpty = items.length === 0 && page === 0;
-  const onStateChange = useCallback(
-    (changes) => {
-      if (isEmpty && "isOpen" in changes && changes.isOpen === true) {
-        triggerQuery();
-      }
-      const inputValueShouldUpdate = updateOnInputValueChange && "inputValue" in changes;
-      const selectedItemsShouldUpdate = updateOnSelectedItemsChange && "selectedItems" in changes && changes.selectedItems;
-      const selectedItemShouldUpdate = updateOnSelectedItemChange && "selectedItem" in changes && changes.selectedItem !== void 0;
-      if (inputValueShouldUpdate) {
-        setInputValue(changes.inputValue ?? "");
-      }
-      if (selectedItemsShouldUpdate) {
-        setSelectedItems(changes.selectedItems ?? []);
-      }
-      if (selectedItemShouldUpdate) {
-        setSelectedItem(changes.selectedItem);
-      }
-      if (inputValueShouldUpdate || selectedItemsShouldUpdate || selectedItemShouldUpdate) {
-        setPage(0);
-        setDone(false);
-        triggerQuery();
-      }
-    },
-    [
-      isEmpty,
-      updateOnInputValueChange,
-      updateOnSelectedItemsChange,
-      updateOnSelectedItemChange
-    ]
-  );
-  const onScroll = useCallback(
-    (e) => {
-      const element = e.currentTarget;
-      if (!scrollTimeoutRef.current && !loadingRef.current) {
-        setTimeout(() => {
-          const shouldTriggerQuery = shouldTriggerQueryProp ?? defaultShouldTriggerQuery;
-          if (shouldTriggerQuery(element) && !done) {
-            triggerQuery();
-          }
-          scrollTimeoutRef.current = false;
-        }, 40);
-        scrollTimeoutRef.current = true;
-      }
-    },
-    [done, shouldTriggerQueryProp]
-  );
-  return {
-    comboboxProps: {
-      items: deferredItems,
-      loading: deferredLoading,
-      initialInputValue,
-      defaultInputValue,
-      initialSelectedItem,
-      defaultSelectedItem,
-      initialSelectedItems,
-      defaultSelectedItems,
-      disableFilter: true,
-      // assume the query will return a filtered/sorted list
-      onStateChange
-    },
-    contentProps: {
-      onScroll,
-      scrollerRef
-    }
-  };
-}
-
-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, useInfiniteCombobox as u };
-//# sourceMappingURL=useInfiniteCombobox-BN2uGhBh.js.map
+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-B9nesJuc.js.map