@servicetitan/anvil2 3.16.1 → 3.18.0

package/dist/src/internal/components/Popover/Popover.d.ts

@@ -40,10 +40,19 @@ type PopoverPropsBase = {
     fixedWidth?: boolean;
     /** Fills the remaining viewport height on the resolved side. Defaults to `false`. */
     fillAvailableHeight?: boolean;
-    /** With `fitScreen`, becomes the content height while available space becomes its cap. */
+    /**
+     * Caps the content height. With `fitScreen`, this is the content height and
+     * available space is the cap. With `sizeAfterPlacement`, a number is also the
+     * height measured while choosing top or bottom.
+     */
     maxHeight?: number | string;
     /** Constrains content to the available viewport height. Defaults to `false`. */
     fitScreen?: boolean;
+    /**
+     * Chooses top or bottom before applying height limits. A short side cannot
+     * shrink the content before the opposite side is tried. Defaults to `false`.
+     */
+    sizeAfterPlacement?: boolean;
     /** Minimum used when a constrained-height mode is active. Defaults to the component minimum. */
     minHeight?: number | string;
 } & DisableCloseOnEscapeOrClickProps & OpenCloseTransitionStateEffects;
@@ -107,10 +116,6 @@ export type PopoverNonDialogRoleProps = (PopoverPropsBase & NonDialogRoleProps &
  * @extends OpenCloseTransitionStateEffects
  */
 export type PopoverProps = PopoverDialogRoleProps | PopoverNonDialogRoleProps;
-/**
- * Positions top-layer content relative to a trigger. Dialog popovers manage
- * focus; listbox, tree, and grid popovers defer focus to their inner widget.
- */
 export declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<unknown>> & {
     /**
      * Render-prop trigger for wiring a custom element to the popover.

package/dist/src/internal/components/Popover/internal/verticalPlacement.d.ts

@@ -0,0 +1,9 @@
+import { Middleware, Placement } from '@floating-ui/react';
+type SizeAfterPlacementOptions = {
+    fallbackPlacements?: Placement[];
+    maxHeight?: number | string;
+    matchReferenceWidth?: boolean;
+    fixedWidth?: boolean;
+};
+export declare function sizeAfterPlacementMiddleware(options: SizeAfterPlacementOptions): Middleware[];
+export {};

package/dist/src/internal/contexts/DisableConditionalUnmountWarningContext.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal context to disable the conditional unmount warning for legitimate
+ * viewport-based component swaps (e.g., Page.Panel switching between desktop
+ * panel and mobile Dialog on resize).
+ */
+export declare const DisableConditionalUnmountWarningContext: import('react').Context<boolean>;

package/dist/src/internal/contexts/SuppressPanelSwapWarningContext.d.ts

@@ -0,0 +1,13 @@
+import { MutableRefObject } from 'react';
+/**
+ * Internal context for a mutable ref that suppresses the conditional unmount
+ * warning during a Page.Panel viewport-branch swap (mobile ↔ desktop). When
+ * Page.Panel swaps branches, it sets this ref to true before the old branch's
+ * cleanups run, and clears it after the hook's microtask. Consumer Dialogs
+ * and Drawers that remount with open=true during the swap do not warn.
+ *
+ * This is internal and not exported to consumers.
+ *
+ * @internal
+ */
+export declare const SuppressPanelSwapWarningContext: import('react').Context<MutableRefObject<boolean> | undefined>;

package/dist/src/internal/functions/inlineMarkdown.d.ts

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
+import { InlineMarkdownFormat } from '../utils/inlineMarkdownRegex';
 /**
  * Turns limited inline markdown into React nodes (`***` / `**` / `*` / `==` / `` ` ``).
  * The shared global regex needs `lastIndex` reset per call and saved around
- * nested parses. Code spans are not reparsed.
+ * nested parses. Code spans are not reparsed. Markers for formats outside
+ * `allowedFormats` stay literal text, though the formats nested inside them
+ * still render.
  */
-export declare const parseInlineMarkdown: (text: string) => ReactNode[];
+export declare const parseInlineMarkdown: (text: string, allowedFormats?: readonly InlineMarkdownFormat[]) => ReactNode[];

package/dist/src/internal/functions/stripInlineMarkdown.d.ts

@@ -1,6 +1,8 @@
+import { InlineMarkdownFormat } from '../utils/inlineMarkdownRegex';
 /**
  * Drops inline markdown markers and returns the inner text (for `aria-label`).
  * Shared global regex: reset `lastIndex` per call and save it around nested
- * strips. Code spans are not reparsed.
+ * strips. Code spans are not reparsed. Markers for formats outside
+ * `allowedFormats` are kept, as they render literally.
  */
-export declare const stripInlineMarkdown: (str: string) => string;
+export declare const stripInlineMarkdown: (str: string, allowedFormats?: readonly InlineMarkdownFormat[]) => string;

package/dist/src/internal/hooks/index.d.ts

@@ -19,3 +19,4 @@ export * from './useSelectFieldLoading';
 export * from './useDownshiftEnvironment';
 export * from './useConfirmationDraft';
 export * from './useBulkActionRunner';
+export * from './useWarnOnConditionalUnmount';

package/dist/src/internal/hooks/useSelectFieldLoading/useSelectFieldLoading.d.ts

@@ -27,7 +27,13 @@ type UseSelectFieldLoadingConfigEager<TID extends string | number> = Pick<Select
  * Discriminated by `lazy`: omitted/`false` is eager; `"page"` needs `pageSize`;
  * `"offset"` needs `limit`; `"group"` pages by option `group`.
  */
-export type UseSelectFieldLoadingConfig<TID extends string | number> = UseSelectFieldLoadingConfigLazyPage<TID> | UseSelectFieldLoadingConfigLazyOffset<TID> | UseSelectFieldLoadingConfigLazyGroup<TID> | UseSelectFieldLoadingConfigEager<TID>;
+export type UseSelectFieldLoadingConfig<TID extends string | number> = (UseSelectFieldLoadingConfigLazyPage<TID> | UseSelectFieldLoadingConfigLazyOffset<TID> | UseSelectFieldLoadingConfigLazyGroup<TID> | UseSelectFieldLoadingConfigEager<TID>) & {
+    /**
+     * Called in the same step an initial load's result (or a cache restore) is
+     * applied, so a superseded load never reports one.
+     */
+    onInitialApplied?: () => void;
+};
 export type UseSelectFieldLoadingReturn<TID extends string | number> = {
     /** Replaced on `{ initial: true }`; appended on load-more. Empty until the first load. */
     options: SelectFieldOption<TID>[];
@@ -50,6 +56,8 @@ export type UseSelectFieldLoadingReturn<TID extends string | number> = {
     reset: () => void;
     /** Drops cached searches. In-memory options stay. */
     clearCache: () => void;
+    /** Supersedes every pending request and ends their busy flags. Options stay. */
+    discardPending: () => void;
 };
 /**
  * Loads SelectField options for eager or lazy (`page` / `offset` / `group`)

package/dist/src/internal/hooks/useSelectOrchestration.d.ts

@@ -27,7 +27,6 @@ export declare function useSelectOrchestration<TID extends string | number>(conf
     displayAs: "dialog" | "popover";
     initialLoad: "open" | "immediate";
     initialLoadPerformed: boolean;
-    setInitialLoadPerformed: import('react').Dispatch<import('react').SetStateAction<boolean>>;
     options: import('../..').SelectFieldOption<TID>[];
     loading: boolean;
     loadingMore: boolean;

package/dist/src/internal/hooks/useWarnOnConditionalUnmount/index.d.ts

@@ -0,0 +1 @@
+export * from './useWarnOnConditionalUnmount';

package/dist/src/internal/hooks/useWarnOnConditionalUnmount/useWarnOnConditionalUnmount.d.ts

@@ -0,0 +1 @@
+export declare function useWarnOnConditionalUnmount(open: boolean, message: string): void;

package/dist/src/internal/testing/keepMutationObserversAlive.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Keeps every `MutationObserver` that the current test creates alive, then
+ * restores `WeakRef` when the test finishes. happy-dom holds an observer's
+ * reporter only through a `WeakRef`, so a garbage collection between
+ * `observe()` and a mutation silently stops the observer. A test that waits
+ * for it then fails at random. Browsers keep an observer alive for as long as
+ * it observes a live node.
+ */
+export declare function keepMutationObserversAlive(): void;

package/dist/src/internal/types/selectFieldInternalTypes.d.ts

@@ -60,7 +60,6 @@ export type SelectFieldBaseInternalProps<TID extends string | number> = {
     loadMore: (searchValue: string) => Promise<void>;
     initialLoad: "immediate" | "open";
     initialLoadPerformed: boolean;
-    setInitialLoadPerformed: (val: boolean) => void;
     inputWrapperRef: RefObject<HTMLDivElement>;
     confirmation?: ResolvedConfirmation;
     /** Consumer-supplied `data-*` attributes forwarded to the field wrapper. */

package/dist/src/internal/utils/inlineMarkdownRegex.d.ts

@@ -1 +1,6 @@
 export declare const INLINE_MARKDOWN_REGEX: RegExp;
+export type InlineMarkdownFormat = "bold" | "italic" | "highlight" | "code";
+/** Marker text for each capture group of `INLINE_MARKDOWN_REGEX`, by group number. */
+export declare const INLINE_MARKDOWN_MARKERS: string[];
+/** Whether the match's capture group is a format the caller allows. */
+export declare const isGroupAllowed: (group: number, allowedFormats?: readonly InlineMarkdownFormat[]) => boolean;

package/dist/stripInlineMarkdown-BV12XXzl.js

@@ -0,0 +1,35 @@
+import { I as INLINE_MARKDOWN_REGEX, i as isGroupAllowed, a as INLINE_MARKDOWN_MARKERS } from './InlineMarkdown-CL1tKR01.js';
+
+const stripInlineMarkdown = (str, allowedFormats) => {
+  const parts = [];
+  let lastIndex = 0;
+  INLINE_MARKDOWN_REGEX.lastIndex = 0;
+  let match;
+  while ((match = INLINE_MARKDOWN_REGEX.exec(str)) !== null) {
+    if (match.index > lastIndex) {
+      parts.push(str.substring(lastIndex, match.index));
+    }
+    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;
+    const group = match.findIndex((value, i) => i > 0 && value !== void 0);
+    const inner = match[group];
+    if (!isGroupAllowed(group, allowedFormats)) {
+      const marker = INLINE_MARKDOWN_MARKERS[group];
+      parts.push(
+        group === 5 ? match[0] : `${marker}${stripInlineMarkdown(inner, allowedFormats)}${marker}`
+      );
+    } else {
+      parts.push(
+        group === 5 ? inner : stripInlineMarkdown(inner, allowedFormats)
+      );
+    }
+    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;
+    lastIndex = savedIndex;
+  }
+  if (lastIndex < str.length) {
+    parts.push(str.substring(lastIndex));
+  }
+  return parts.join("");
+};
+
+export { stripInlineMarkdown as s };
+//# sourceMappingURL=stripInlineMarkdown-BV12XXzl.js.map

package/dist/stripInlineMarkdown-BV12XXzl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stripInlineMarkdown-BV12XXzl.js","sources":["../src/internal/functions/stripInlineMarkdown.ts"],"sourcesContent":["import {\n  INLINE_MARKDOWN_MARKERS,\n  INLINE_MARKDOWN_REGEX,\n  isGroupAllowed,\n  type InlineMarkdownFormat,\n} from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Drops inline markdown markers and returns the inner text (for `aria-label`).\n * Shared global regex: reset `lastIndex` per call and save it around nested\n * strips. Code spans are not reparsed. Markers for formats outside\n * `allowedFormats` are kept, as they render literally.\n */\nexport const stripInlineMarkdown = (\n  str: string,\n  allowedFormats?: readonly InlineMarkdownFormat[],\n): string => {\n  const parts: string[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(str)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(str.substring(lastIndex, match.index));\n    }\n\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n    const group = match.findIndex((value, i) => i > 0 && value !== undefined);\n    const inner = match[group];\n\n    if (!isGroupAllowed(group, allowedFormats)) {\n      const marker = INLINE_MARKDOWN_MARKERS[group];\n      parts.push(\n        group === 5\n          ? match[0]\n          : `${marker}${stripInlineMarkdown(inner, allowedFormats)}${marker}`,\n      );\n    } else {\n      parts.push(\n        group === 5 ? inner : stripInlineMarkdown(inner, allowedFormats),\n      );\n    }\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < str.length) {\n    parts.push(str.substring(lastIndex));\n  }\n\n  return parts.join(\"\");\n};\n"],"names":[],"mappings":";;AAaO,MAAM,mBAAA,GAAsB,CACjC,GAAA,EACA,cAAA,KACW;AACX,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,qBAAA,CAAsB,SAAA,GAAY,CAAA;AAClC,EAAA,IAAI,KAAA;AAEJ,EAAA,OAAA,CAAQ,KAAA,GAAQ,qBAAA,CAAsB,IAAA,CAAK,GAAG,OAAO,IAAA,EAAM;AACzD,IAAA,IAAI,KAAA,CAAM,QAAQ,SAAA,EAAW;AAC3B,MAAA,KAAA,CAAM,KAAK,GAAA,CAAI,SAAA,CAAU,SAAA,EAAW,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,IAClD;AAEA,IAAA,MAAM,aAAa,qBAAA,CAAsB,SAAA;AACzC,IAAA,MAAM,KAAA,GAAQ,MAAM,SAAA,CAAU,CAAC,OAAO,CAAA,KAAM,CAAA,GAAI,CAAA,IAAK,KAAA,KAAU,MAAS,CAAA;AACxE,IAAA,MAAM,KAAA,GAAQ,MAAM,KAAK,CAAA;AAEzB,IAAA,IAAI,CAAC,cAAA,CAAe,KAAA,EAAO,cAAc,CAAA,EAAG;AAC1C,MAAA,MAAM,MAAA,GAAS,wBAAwB,KAAK,CAAA;AAC5C,MAAA,KAAA,CAAM,IAAA;AAAA,QACJ,KAAA,KAAU,CAAA,GACN,KAAA,CAAM,CAAC,CAAA,GACP,CAAA,EAAG,MAAM,CAAA,EAAG,mBAAA,CAAoB,KAAA,EAAO,cAAc,CAAC,GAAG,MAAM,CAAA;AAAA,OACrE;AAAA,IACF,CAAA,MAAO;AACL,MAAA,KAAA,CAAM,IAAA;AAAA,QACJ,KAAA,KAAU,CAAA,GAAI,KAAA,GAAQ,mBAAA,CAAoB,OAAO,cAAc;AAAA,OACjE;AAAA,IACF;AAEA,IAAA,qBAAA,CAAsB,SAAA,GAAY,UAAA;AAClC,IAAA,SAAA,GAAY,UAAA;AAAA,EACd;AAEA,EAAA,IAAI,SAAA,GAAY,IAAI,MAAA,EAAQ;AAC1B,IAAA,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,EACrC;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,CAAA;AACtB;;;;"}

package/dist/{syncFilterUtils-SMop8ckR.js → syncFilterUtils-BNbAB0jz.js}

@@ -1,15 +1,15 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { S as Spinner } from './Spinner-B7tTWcP6.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useId, useImperativeHandle } from 'react';
+import { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useId, useImperativeHandle, useLayoutEffect } from 'react';
 import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-DFVq7-Cm.js';
-import { T as Text } from './Text-rihxXHSe.js';
+import { T as Text } from './Text-D4SWT4u-.js';
 import { D as Divider } from './Divider-C7fp5Xb6.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
-import { i as isThenable, c as OptionRow, d as OptionRowSideContent, e as OptionCheckbox, f as OptionContentArea, b as useAdaptiveView } from './useInvalidateOnOptionsChange-BD2VBpbK.js';
-import { B as Button } from './Button-Dn6-01xl.js';
+import { i as isThenable, c as OptionRow, d as OptionRowSideContent, e as OptionCheckbox, f as OptionContentArea, b as useAdaptiveView } from './useInvalidateOnOptionsChange-ChrPmbtS.js';
+import { B as Button } from './Button-B_E6ybA-.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { d as defaultRangeExtractor, u as useVirtualizer } from './index-DXeGMe23.js';
 import { S as SvgAdd } from './add-BcQkAUip.js';
@@ -18,7 +18,12 @@ import { m as matchSorter } from './match-sorter.esm-CGAauEiU.js';
 import './syncFilterUtils.css';const DEFAULT_PAGE_SIZE = 20;
 const DEFAULT_CACHE_MAX_SIZE = 15;
 function useSelectFieldLoading(config) {
-  const { lazy, loadOptions: loadOptionsProp, cache: cacheConfig } = config;
+  const {
+    lazy,
+    loadOptions: loadOptionsProp,
+    cache: cacheConfig,
+    onInitialApplied
+  } = config;
   const cacheEnabled = cacheConfig?.enabled !== false;
   const cacheMaxSize = cacheConfig?.maxSize ?? DEFAULT_CACHE_MAX_SIZE;
   const [options, setOptions] = useState([]);
@@ -33,6 +38,7 @@ function useSelectFieldLoading(config) {
   const [stateCache, setStateCache] = useState(() => /* @__PURE__ */ new Map());
   const currentSearchValueRef = useRef("");
   const hasCompletedLoadRef = useRef(false);
+  const generationRef = useRef(0);
   const appendOptions = useCallback((newOptions) => {
     setOptions((prevOptions) => prevOptions.concat(newOptions));
   }, []);
@@ -72,37 +78,48 @@ function useSelectFieldLoading(config) {
     previousGroup
   ]);
   const loadOptions = useCallback(
-    async (searchValue, options2) => {
-      const isInitial = !!options2?.initial;
-      if (isInitial && cacheEnabled) {
-        const cached = stateCache.get(searchValue);
-        if (cached) {
-          currentSearchValueRef.current = searchValue;
-          restoreFromCache(cached);
-          return;
-        }
+    async (searchValue, { initial: isInitial = false } = {}) => {
+      const cached = isInitial && cacheEnabled ? stateCache.get(searchValue) : void 0;
+      if (cached?.options === options && searchValue === currentSearchValueRef.current) {
+        onInitialApplied?.();
+        return;
       }
+      const generation = isInitial ? ++generationRef.current : generationRef.current;
+      const isCurrent = () => generation === generationRef.current;
       if (isInitial) {
         currentSearchValueRef.current = searchValue;
+        setLoadingMore(false);
+      }
+      if (cached) {
+        restoreFromCache(cached);
+        setLoading(false);
+        onInitialApplied?.();
+        return;
       }
       const setBusy = isInitial ? setLoading : setLoadingMore;
-      const applyEagerResult = (resolved) => {
-        (isInitial ? setOptions : appendOptions)(resolved);
+      const apply = (newOptions) => {
+        if (isInitial) {
+          setOptions(newOptions);
+          onInitialApplied?.();
+        } else {
+          appendOptions(newOptions);
+        }
         hasCompletedLoadRef.current = true;
       };
       if (!lazy) {
-        const result = loadOptionsProp(searchValue);
-        if (!isThenable(result)) {
-          await Promise.resolve();
-          applyEagerResult(result);
-          return;
-        }
-        setBusy(true);
         try {
+          const result = loadOptionsProp(searchValue);
+          if (!isThenable(result)) {
+            await Promise.resolve();
+            if (isCurrent()) apply(result);
+            return;
+          }
+          setBusy(true);
           const awaited = await result;
-          applyEagerResult(Array.isArray(awaited) ? awaited : await awaited);
+          const resolved = Array.isArray(awaited) ? awaited : await awaited;
+          if (isCurrent()) apply(resolved);
         } finally {
-          setBusy(false);
+          if (isCurrent()) setBusy(false);
         }
         return;
       }
@@ -112,14 +129,17 @@ function useSelectFieldLoading(config) {
         if (lazy === "page") {
           const page = isInitial ? 0 : previousPage;
           result = await loadOptionsProp(searchValue, page, pageSize);
+          if (!isCurrent()) return;
           setPreviousPage(isInitial ? 1 : page + 1);
         } else if (lazy === "offset") {
           const offset = isInitial ? 0 : previousOffset;
           result = await loadOptionsProp(searchValue, offset, limit);
+          if (!isCurrent()) return;
           setPreviousOffset(isInitial ? limit : offset + limit);
         } else if (lazy === "group") {
           const group = isInitial ? null : previousGroup;
           result = await loadOptionsProp(searchValue, group);
+          if (!isCurrent()) return;
           setPreviousGroup(
             result.options[result.options.length - 1]?.group ?? null
           );
@@ -129,10 +149,9 @@ function useSelectFieldLoading(config) {
           );
         }
         setHasMoreToLoad(result.hasMore ?? false);
-        (isInitial ? setOptions : appendOptions)(result.options);
-        hasCompletedLoadRef.current = true;
+        apply(result.options);
       } finally {
-        setBusy(false);
+        if (isCurrent()) setBusy(false);
       }
     },
     [
@@ -146,7 +165,9 @@ function useSelectFieldLoading(config) {
       previousGroup,
       cacheEnabled,
       stateCache,
-      restoreFromCache
+      options,
+      restoreFromCache,
+      onInitialApplied
     ]
   );
   const loadMore = useCallback(
@@ -156,6 +177,7 @@ function useSelectFieldLoading(config) {
     [loadOptions]
   );
   const reset = useCallback(() => {
+    generationRef.current += 1;
     setOptions([]);
     setHasMoreToLoad(false);
     setPreviousGroup(null);
@@ -167,6 +189,12 @@ function useSelectFieldLoading(config) {
   const clearCache = useCallback(() => {
     setStateCache(/* @__PURE__ */ new Map());
   }, []);
+  const discardPending = useCallback(() => {
+    generationRef.current += 1;
+    hasCompletedLoadRef.current = false;
+    setLoading(false);
+    setLoadingMore(false);
+  }, []);
   return {
     options,
     loading,
@@ -175,7 +203,8 @@ function useSelectFieldLoading(config) {
     loadOptions,
     loadMore,
     reset,
-    clearCache
+    clearCache,
+    discardPending
   };
 }
 
@@ -1262,30 +1291,35 @@ function useSelectOrchestration(config) {
       enabled: cache?.enabled,
       maxSize: cache?.maxSize
     };
+    const onInitialApplied = () => setInitialLoadPerformed(true);
     if (lazy === "page")
       return {
         lazy: "page",
         loadOptions: loadOptionsProp,
         pageSize,
-        cache: cacheConfig
+        cache: cacheConfig,
+        onInitialApplied
       };
     if (lazy === "offset")
       return {
         lazy: "offset",
         loadOptions: loadOptionsProp,
         limit,
-        cache: cacheConfig
+        cache: cacheConfig,
+        onInitialApplied
       };
     if (lazy === "group")
       return {
         lazy: "group",
         loadOptions: loadOptionsProp,
-        cache: cacheConfig
+        cache: cacheConfig,
+        onInitialApplied
       };
     return {
       lazy: false,
       loadOptions: loadOptionsProp,
-      cache: cacheConfig
+      cache: cacheConfig,
+      onInitialApplied
     };
   }, [lazy, loadOptionsProp, pageSize, limit, cache?.enabled, cache?.maxSize]);
   const {
@@ -1295,29 +1329,66 @@ function useSelectOrchestration(config) {
     hasMore,
     loadOptions,
     loadMore,
-    clearCache
+    clearCache,
+    discardPending
   } = useSelectFieldLoading(loadingHookConfig);
+  const loadOptionsRef = useRef(loadOptions);
+  const initialLoadPerformedRef = useRef(initialLoadPerformed);
+  useLayoutEffect(() => {
+    loadOptionsRef.current = loadOptions;
+    initialLoadPerformedRef.current = initialLoadPerformed;
+  });
+  const pagingRef = useRef({ lazy, pageSize, limit });
+  useLayoutEffect(() => {
+    const previous = pagingRef.current;
+    if (previous.lazy === lazy && previous.pageSize === pageSize && previous.limit === limit) {
+      return;
+    }
+    pagingRef.current = { lazy, pageSize, limit };
+    discardPending();
+  }, [lazy, pageSize, limit, discardPending]);
+  const [invalidations, setInvalidations] = useState(0);
+  const stableLoadOptions = useMemo(() => {
+    let pendingFirstLoad = null;
+    return (search, options2) => {
+      const isFirstLoad = !!options2?.initial && !initialLoadPerformedRef.current;
+      if (isFirstLoad && pendingFirstLoad?.search === search) {
+        return pendingFirstLoad.promise;
+      }
+      const promise = loadOptionsRef.current(search, options2);
+      if (isFirstLoad) {
+        const entry = { search, promise };
+        pendingFirstLoad = entry;
+        const forget = () => {
+          if (pendingFirstLoad === entry) pendingFirstLoad = null;
+        };
+        promise.then(forget, forget);
+      }
+      return promise;
+    };
+  }, [invalidations, lazy, pageSize, limit]);
   useImperativeHandle(
     ref,
     () => ({
       clearCache,
       invalidate: () => {
+        discardPending();
         clearCache();
         setInitialLoadPerformed(false);
+        setInvalidations((count) => count + 1);
       }
     }),
-    [clearCache]
+    [clearCache, discardPending]
   );
   return {
     displayAs,
     initialLoad,
     initialLoadPerformed,
-    setInitialLoadPerformed,
     options,
     loading,
     loadingMore,
     hasMore,
-    loadOptions,
+    loadOptions: stableLoadOptions,
     loadMore
   };
 }
@@ -1356,4 +1427,4 @@ const sortByGroup = (options, groupSorter) => {
 };
 
 export { AddNewItemButton as A, OptionsPanel as O, VirtualizedOptionsPanel as V, useProcessedOptions as a, buildSelectItems as b, sortByGroup as c, defaultSyncFilter as d, toSelectItem as e, shouldShowAddNewItem as s, toSyncFilterFn as t, useSelectOrchestration as u };
-//# sourceMappingURL=syncFilterUtils-SMop8ckR.js.map
+//# sourceMappingURL=syncFilterUtils-BNbAB0jz.js.map