@servicetitan/anvil2 3.16.1 → 3.18.0

package/dist/{MultiSelectMenuSync-BhNXsgAN.js → MultiSelectMenuSync-AVcf8ZUZ.js}

@@ -1,15 +1,15 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, useRef, useId, useMemo, useEffect, useState, useCallback } from 'react';
-import { u as useBulkActionRunner, a as useToggleSelection, r as resolveBulkActionCheckState, b as resolveBulkActionLabel, M as MultiSelectOptions } from './bulkActionTypes-SukoplGV.js';
-import { O as OptionsDialog, a as OptionsPopover, u as useInvalidateOnOptionsChange } from './useInvalidateOnOptionsChange-BD2VBpbK.js';
-import { u as useSelectOrchestration, a as useProcessedOptions, b as buildSelectItems, s as shouldShowAddNewItem, A as AddNewItemButton, d as defaultSyncFilter, t as toSyncFilterFn } from './syncFilterUtils-SMop8ckR.js';
-import { M as MenuFooter } from './MenuFooter-D__gg92C.js';
+import { forwardRef, useRef, useId, useMemo, useEffect, useState, useLayoutEffect, useCallback } from 'react';
+import { u as useBulkActionRunner, a as useToggleSelection, r as resolveBulkActionCheckState, b as resolveBulkActionLabel, M as MultiSelectOptions } from './bulkActionTypes-bznuvizE.js';
+import { O as OptionsDialog, a as OptionsPopover, u as useInvalidateOnOptionsChange } from './useInvalidateOnOptionsChange-ChrPmbtS.js';
+import { u as useSelectOrchestration, a as useProcessedOptions, b as buildSelectItems, s as shouldShowAddNewItem, A as AddNewItemButton, d as defaultSyncFilter, t as toSyncFilterFn } from './syncFilterUtils-BNbAB0jz.js';
+import { M as MenuFooter } from './MenuFooter-Dzhv0EfD.js';
 import { u as useMenuInteraction } from './useMenuInteraction-nNF1dsrp.js';
 import { r as resolveConfirmation, u as useConfirmationDraft } from './confirmationTypes-DeRtO_Cw.js';
 import { a as arrayIdsEqual } from './arrayIdsEqual-DnevhwqN.js';
 import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-DFVq7-Cm.js';
 import { u as useDebouncedCallback } from './useDebouncedCallback-DLkapjcP.js';
-import { S as SearchField } from './SearchField-ChoNtw8w.js';
+import { S as SearchField } from './SearchField-Bk-Ltu4v.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
 
 const PARTS = {
@@ -65,7 +65,6 @@ const MultiSelectMenu = forwardRef((props, ref) => {
     displayAs,
     initialLoad,
     initialLoadPerformed,
-    setInitialLoadPerformed,
     options,
     loading,
     loadingMore,
@@ -112,6 +111,10 @@ const MultiSelectMenu = forwardRef((props, ref) => {
   }, [confirmation.enabled, selectAllProp]);
   const [inputValue, setInputValue] = useState("");
   const searchValue = disableSearch ? "" : inputValue;
+  const searchValueRef = useRef(searchValue);
+  useLayoutEffect(() => {
+    searchValueRef.current = searchValue;
+  });
   const { pinnedSections, ungroupedItems, groupSections } = useProcessedOptions(
     {
       options,
@@ -305,37 +308,21 @@ const MultiSelectMenu = forwardRef((props, ref) => {
     },
     [getMenuProps, onMenuKeyDown]
   );
+  const wantsInitialLoad = initialLoad === "immediate" || initialLoad === "open" && isOpen;
   useEffect(() => {
-    const performInitialLoad = async () => {
-      if (initialLoad === "immediate" && !initialLoadPerformed) {
-        await loadOptions("", { initial: true });
-        setInitialLoadPerformed(true);
-      }
-    };
-    performInitialLoad();
-  }, [loadOptions, initialLoadPerformed, initialLoad, setInitialLoadPerformed]);
+    if (wantsInitialLoad && !initialLoadPerformed) {
+      loadOptions(searchValueRef.current, { initial: true });
+    }
+  }, [loadOptions, initialLoadPerformed, wantsInitialLoad]);
   const prevIsOpenRef = useRef(false);
   useEffect(() => {
     const wasOpen = prevIsOpenRef.current;
     prevIsOpenRef.current = isOpen;
-    if (isOpen && !wasOpen) {
-      if (initialLoad === "open" && !initialLoadPerformed) {
-        loadOptions("", { initial: true }).then(() => {
-          setInitialLoadPerformed(true);
-        });
-      }
-    }
     if (!isOpen && wasOpen) {
       setInputValue("");
       loadOptions("", { initial: true });
     }
-  }, [
-    isOpen,
-    initialLoad,
-    initialLoadPerformed,
-    loadOptions,
-    setInitialLoadPerformed
-  ]);
+  }, [isOpen, loadOptions]);
   useEffect(() => {
     if (!isOpen || displayAs !== "popover") return;
     const frameId = requestAnimationFrame(() => {
@@ -617,4 +604,4 @@ const MultiSelectMenuSync = (props) => {
 };
 
 export { MultiSelectMenu as M, MultiSelectMenuSync as a };
-//# sourceMappingURL=MultiSelectMenuSync-BhNXsgAN.js.map
+//# sourceMappingURL=MultiSelectMenuSync-AVcf8ZUZ.js.map

package/dist/MultiSelectMenuSync-AVcf8ZUZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectMenuSync-AVcf8ZUZ.js","sources":["../src/components/MultiSelectMenu/parts.ts","../src/components/MultiSelectMenu/MultiSelectMenu.tsx","../src/components/MultiSelectMenu/MultiSelectMenuSync.tsx"],"sourcesContent":["import { COMMON_PART } from \"../../internal/constants/anvParts\";\n\n/**\n * `data-anv-part` names for MultiSelectMenu interactive sub-elements.\n *\n * There is no wrapper root — attach consumer `data-*` (e.g. `data-cy`) via\n * props; they are merged into the trigger render-prop bag. Portaled\n * `menu` / `option` / `popover` / `dialog` / footer buttons come from shared\n * internals (not redeclared here).\n */\nexport const PARTS = {\n  trigger: COMMON_PART.trigger,\n  input: COMMON_PART.input,\n} as const;\n","import type {\n  MultiSelectMenuHandle,\n  MultiSelectMenuOption,\n  MultiSelectMenuProps,\n} from \"./types\";\nimport {\n  type ChangeEvent,\n  type KeyboardEvent,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { warnOnce } from \"../../internal/functions\";\nimport { MultiSelectOptions } from \"../../internal/components/MultiSelectOptions\";\nimport { useDebouncedCallback } from \"../../internal/hooks/useDebouncedCallback\";\nimport { OptionsPopover } from \"../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../internal/components/OptionsDialog/OptionsDialog\";\nimport { AddNewItemButton } from \"../../internal/components/AddNewItemButton\";\nimport { shouldShowAddNewItem } from \"../../internal/types/addNewItemTypes\";\nimport { MenuFooter } from \"../../internal/components/MenuFooter/MenuFooter\";\nimport { useProcessedOptions } from \"../../internal/hooks/useProcessedOptions\";\nimport { buildSelectItems } from \"../../internal/functions/buildSelectItems\";\nimport { useMenuInteraction } from \"../SelectMenu/internal/useMenuInteraction\";\nimport { useToggleSelection } from \"../../internal/hooks/useToggleSelection\";\nimport type { SelectItem } from \"../../internal/types/selectFieldInternalTypes\";\nimport { useSelectOrchestration } from \"../../internal/hooks/useSelectOrchestration\";\nimport { useConfirmationDraft } from \"../../internal/hooks/useConfirmationDraft\";\nimport { useBulkActionRunner } from \"../../internal/hooks/useBulkActionRunner\";\nimport {\n  resolveBulkActionCheckState,\n  resolveBulkActionLabel,\n} from \"../../internal/types/bulkActionTypes\";\nimport { resolveConfirmation } from \"../../internal/types/confirmationTypes\";\nimport { arrayIdsEqual } from \"../../internal/utils/arrayIdsEqual\";\nimport { SearchField } from \"../../components\";\nimport type { DataAttributes } from \"../../types\";\nimport { ANV_PART_ATTR } from \"../../internal/constants/anvParts\";\nimport { PARTS } from \"./parts\";\n\n/** Multi-select menu opened from a custom trigger. Selection is controlled. */\nexport const MultiSelectMenu = forwardRef<\n  MultiSelectMenuHandle,\n  MultiSelectMenuProps\n>((props, ref) => {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n\n  const dataAttributes = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key.startsWith(\"data-\")),\n  ) as DataAttributes;\n\n  const {\n    id: idProp,\n    value: selectedOptions,\n    initialLoad: initialLoadProp,\n    displayMenuAs: displayMenuAsProp,\n    lazy,\n    loadOptions: loadOptionsProp,\n    label,\n    searchPlaceholder,\n    debounceMs = 200,\n    onSelectedOptionsChange,\n    cache,\n    pinned,\n    selectAll: selectAllProp,\n    selectFiltered: selectFilteredProp,\n    virtualize,\n    disableSearch,\n    popoverWidth,\n    trigger,\n    onSearchChange,\n    onMenuKeyDown,\n    onImplicitClose,\n    onExplicitClose,\n    addItemLabel,\n    onAddNewItem,\n    confirmation: confirmationProp,\n    clear,\n  } = props;\n\n  const confirmation = resolveConfirmation(confirmationProp);\n\n  const groupToString =\n    \"groupToString\" in props ? props.groupToString : undefined;\n  const groupSorter = \"groupSorter\" in props ? props.groupSorter : undefined;\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n\n  if (disableSearch && selectFilteredProp) {\n    warnOnce(\n      \"MultiSelectMenu: `selectFiltered` has no effect when `disableSearch` is true because there is no search input to produce filtered results.\",\n    );\n  }\n\n  const {\n    displayAs,\n    initialLoad,\n    initialLoadPerformed,\n    options,\n    loading,\n    loadingMore,\n    hasMore,\n    loadOptions,\n    loadMore,\n  } = useSelectOrchestration({\n    lazy,\n    loadOptions: loadOptionsProp,\n    cache,\n    lazyOptions: \"lazyOptions\" in props ? props.lazyOptions : undefined,\n    initialLoad: initialLoadProp,\n    displayMenuAs: displayMenuAsProp,\n    ref,\n  });\n\n  // Carry the raw `checkState` (which may be a function of the current\n  // selection) through here; it is resolved against the live draft in\n  // `bulkActionItems` so the row can reflect the current selection.\n  const selectAll = useMemo(\n    () =>\n      selectAllProp\n        ? {\n            label: selectAllProp.label,\n            onClick: selectAllProp.onClick,\n            compute: selectAllProp.compute,\n            checkState: selectAllProp.checkState,\n          }\n        : undefined,\n    [selectAllProp],\n  );\n\n  const selectFiltered = useMemo(\n    () =>\n      selectFilteredProp\n        ? (searchValue: string) => {\n            const config = selectFilteredProp(searchValue);\n            return {\n              label: config.label,\n              onClick: config.onClick,\n              compute: config.compute,\n              checkState: config.checkState,\n            };\n          }\n        : undefined,\n    [selectFilteredProp],\n  );\n\n  // Warn once if `selectAll` is configured with `onClick` while confirmation is\n  // enabled — that combination bypasses the draft. `selectFiltered` is a\n  // function whose returned shape is only known at activation, so its warning\n  // lives at the call site (runBulkAction).\n  useEffect(() => {\n    if (!confirmation.enabled) return;\n    if (selectAllProp && !selectAllProp.compute) {\n      warnOnce(\n        \"MultiSelectMenu: `selectAll.onClick` bypasses confirmation. \" +\n          \"Use `selectAll.compute` to integrate the bulk action with the draft.\",\n      );\n    }\n  }, [confirmation.enabled, selectAllProp]);\n\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const searchValue = disableSearch ? \"\" : inputValue;\n  // A reload after `invalidate` searches for the text still in the input.\n  // Read through a ref so typing during a pending first load starts no extra load.\n  const searchValueRef = useRef(searchValue);\n  useLayoutEffect(() => {\n    searchValueRef.current = searchValue;\n  });\n\n  const { pinnedSections, ungroupedItems, groupSections } = useProcessedOptions(\n    {\n      options,\n      pinned,\n      searchValue,\n      groupToString,\n      groupSorter,\n    },\n  );\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const {\n    displayValue: draftSelectedOptions,\n    setDraft,\n    apply,\n    cancel,\n  } = useConfirmationDraft({\n    value: selectedOptions,\n    onCommit: onSelectedOptionsChange,\n    isOpen,\n    enabled: confirmation.enabled,\n    isEqual: arrayIdsEqual,\n  });\n\n  const {\n    pending: bulkPending,\n    runBulk,\n    setDraftAndBump,\n    reset: resetBulk,\n  } = useBulkActionRunner<MultiSelectMenuOption>({ setDraft });\n\n  const { handleItemClick } = useToggleSelection({\n    options,\n    pinnedSections,\n    selectedOptions: draftSelectedOptions,\n    // Route per-option toggles through setDraftAndBump so that any in-flight\n    // bulk-action promise's resolution is discarded if it arrives after this\n    // click.\n    onSelectedOptionsChange: setDraftAndBump,\n  });\n\n  // Run a bulk action against the current draft. If the config provides a\n  // `compute` function we run it through the runner (which writes to the\n  // draft, supports promises, and discards stale resolutions). If only\n  // `onClick` is provided, fire it as-is — the consumer owns the commit.\n  const runBulkAction = useCallback(\n    (\n      config: {\n        onClick?: () => void;\n        compute?: (\n          current: MultiSelectMenuOption[],\n        ) => MultiSelectMenuOption[] | Promise<MultiSelectMenuOption[]>;\n      },\n      kind: \"selectAll\" | \"selectFiltered\",\n    ) => {\n      if (config.compute) {\n        runBulk(config.compute, draftSelectedOptions);\n      } else if (config.onClick) {\n        if (confirmation.enabled && kind === \"selectFiltered\") {\n          warnOnce(\n            \"MultiSelectMenu: `selectFiltered.onClick` bypasses confirmation. \" +\n              \"Use `selectFiltered.compute` to integrate the bulk action with the draft.\",\n          );\n        }\n        config.onClick();\n      }\n    },\n    [runBulk, draftSelectedOptions, confirmation.enabled],\n  );\n\n  const bulkActionItems = useMemo(() => {\n    const items: SelectItem[] = [];\n    if (selectAll && !searchValue) {\n      items.push({\n        id: \"select-all\",\n        type: \"select-all\",\n        original: {\n          id: \"select-all\",\n          label: resolveBulkActionLabel(selectAll.label, draftSelectedOptions),\n        },\n        checkState: bulkPending\n          ? \"loading\"\n          : resolveBulkActionCheckState(\n              selectAll.checkState,\n              draftSelectedOptions,\n            ),\n      });\n    }\n    if (selectFiltered && searchValue && !loading) {\n      const config = selectFiltered(searchValue);\n      items.push({\n        id: \"select-filtered\",\n        type: \"select-filtered\",\n        original: {\n          id: \"select-filtered\",\n          label: resolveBulkActionLabel(\n            config.label,\n            draftSelectedOptions,\n            `Select items matching \"${searchValue}\"`,\n          ),\n        },\n        checkState: bulkPending\n          ? \"loading\"\n          : resolveBulkActionCheckState(\n              config.checkState,\n              draftSelectedOptions,\n            ),\n      });\n    }\n    return items;\n  }, [\n    selectAll,\n    selectFiltered,\n    searchValue,\n    loading,\n    bulkPending,\n    draftSelectedOptions,\n  ]);\n\n  const { items, sectionsMeta } = useMemo(\n    () =>\n      buildSelectItems({\n        prefixItems: bulkActionItems,\n        pinnedSections,\n        groupSections,\n        ungroupedItems,\n      }),\n    [bulkActionItems, pinnedSections, groupSections, ungroupedItems],\n  );\n\n  const selectedItemIds = useMemo(\n    () => new Set(draftSelectedOptions.map((o) => o.id)),\n    [draftSelectedOptions],\n  );\n\n  const handleItemActivate = useCallback(\n    (item: SelectItem) => {\n      if (item.type === \"select-all\") {\n        if (selectAll) runBulkAction(selectAll, \"selectAll\");\n      } else if (item.type === \"select-filtered\" && selectFiltered) {\n        runBulkAction(selectFiltered(searchValue), \"selectFiltered\");\n      } else if (\n        item.type === \"option\" ||\n        item.type === \"pinned-option\" ||\n        item.type === \"grouped-option\"\n      ) {\n        handleItemClick(item.original);\n      }\n    },\n    [selectAll, selectFiltered, searchValue, handleItemClick, runBulkAction],\n  );\n\n  // Apply, Clear, and add-new set this so close handlers skip draft cancel.\n  const pendingApplyRef = useRef(false);\n\n  const {\n    closeMenu,\n    highlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getItemProps,\n    listRef,\n    menuContainerRef,\n    handleKeyDown,\n  } = useMenuInteraction({\n    items: items,\n    sectionsMeta,\n    onItemActivate: handleItemActivate,\n    selectedItemIds,\n    displayAs,\n    closeOnActivate: false,\n    // While a bulk-action promise is pending, disable all rows but keep the\n    // menu open so confirmation/draft UX is not interrupted.\n    disabled: bulkPending,\n    closeOnDisabled: false,\n    id,\n    triggerRef,\n    label,\n    isOpen,\n    setIsOpen,\n    onImplicitClose: () => {\n      if (confirmation.enabled && !pendingApplyRef.current) cancel();\n      pendingApplyRef.current = false;\n      resetBulk();\n      onImplicitClose?.();\n    },\n    onExplicitClose: () => {\n      if (confirmation.enabled && !pendingApplyRef.current) cancel();\n      pendingApplyRef.current = false;\n      resetBulk();\n      onExplicitClose?.();\n    },\n  });\n\n  const debouncedOptionLoader = useDebouncedCallback((value: string) => {\n    loadOptions(value, { initial: true });\n  }, debounceMs);\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const value = e.target.value;\n      setInputValue(value);\n      debouncedOptionLoader(value);\n      onSearchChange?.(value);\n    },\n    [debouncedOptionLoader, onSearchChange],\n  );\n\n  const handleInputKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      onMenuKeyDown?.(e);\n      handleKeyDown(e);\n    },\n    [handleKeyDown, onMenuKeyDown],\n  );\n\n  const getMenuPropsWithKeyDown: typeof getMenuProps = useCallback(\n    (opts) => {\n      const menuProps = getMenuProps(opts);\n      if (!onMenuKeyDown) return menuProps;\n      return {\n        ...menuProps,\n        onKeyDown: (e: KeyboardEvent) => {\n          onMenuKeyDown(e);\n          menuProps.onKeyDown(e);\n        },\n      };\n    },\n    [getMenuProps, onMenuKeyDown],\n  );\n\n  const wantsInitialLoad =\n    initialLoad === \"immediate\" || (initialLoad === \"open\" && isOpen);\n  useEffect(() => {\n    if (wantsInitialLoad && !initialLoadPerformed) {\n      loadOptions(searchValueRef.current, { initial: true });\n    }\n  }, [loadOptions, initialLoadPerformed, wantsInitialLoad]);\n\n  const prevIsOpenRef = useRef(false);\n  useEffect(() => {\n    const wasOpen = prevIsOpenRef.current;\n    prevIsOpenRef.current = isOpen;\n\n    if (!isOpen && wasOpen) {\n      setInputValue(\"\");\n      loadOptions(\"\", { initial: true });\n    }\n  }, [isOpen, loadOptions]);\n\n  // Wait a frame so the popover is in the tree before focusing search/list.\n  useEffect(() => {\n    if (!isOpen || displayAs !== \"popover\") return;\n\n    const frameId = requestAnimationFrame(() => {\n      if (!disableSearch) {\n        searchRef.current?.focus();\n      } else {\n        menuContainerRef.current?.focus();\n      }\n    });\n\n    return () => cancelAnimationFrame(frameId);\n  }, [isOpen, displayAs, disableSearch, menuContainerRef]);\n\n  const handleLoadMore = async () => {\n    await loadMore(searchValue);\n  };\n\n  const handleClickOutside = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n  }, [closeMenu]);\n\n  const triggerProps = {\n    ...getTriggerProps(),\n    ...dataAttributes,\n    [ANV_PART_ATTR]: PARTS.trigger,\n  };\n\n  const menuPropsForAria = getMenuProps();\n  const activeDescendant = menuPropsForAria[\"aria-activedescendant\"];\n\n  const handleSearchClear = useCallback(() => {\n    setInputValue(\"\");\n    debouncedOptionLoader(\"\");\n    onSearchChange?.(\"\");\n  }, [debouncedOptionLoader, onSearchChange]);\n\n  const handleApply = useCallback(() => {\n    apply();\n    pendingApplyRef.current = true;\n    closeMenu();\n  }, [apply, closeMenu]);\n\n  const handleCancel = useCallback(() => {\n    closeMenu();\n  }, [closeMenu]);\n\n  const searchInput = !disableSearch ? (\n    <SearchField\n      ref={searchRef}\n      value={inputValue}\n      onChange={handleInputChange as React.ChangeEventHandler<HTMLInputElement>}\n      onKeyDown={\n        handleInputKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n      }\n      onClear={handleSearchClear}\n      aria-activedescendant={activeDescendant}\n      aria-controls={menuPropsForAria.id}\n      placeholder={searchPlaceholder}\n      type=\"search\"\n      {...{ [ANV_PART_ATTR]: PARTS.input }}\n    />\n  ) : null;\n\n  const addNewItemButton = shouldShowAddNewItem(\n    onAddNewItem,\n    addItemLabel,\n    inputValue,\n  ) ? (\n    <AddNewItemButton\n      searchText={inputValue}\n      addItemLabel={addItemLabel}\n      onAddNewItem={onAddNewItem}\n      onCloseMenu={() => {\n        pendingApplyRef.current = true;\n        closeMenu({ restoreFocus: false });\n      }}\n    />\n  ) : null;\n\n  const confirmationConfig = confirmation.enabled\n    ? {\n        applyLabel: confirmation.applyLabel,\n        cancelLabel: confirmation.cancelLabel,\n        onApply: handleApply,\n        onCancel: handleCancel,\n      }\n    : undefined;\n  // Wrap clear's onClick so clicking Clear always also closes the menu and\n  // returns focus to the trigger. In confirmation mode, flag the close as an\n  // intentional commit so the implicit-close handler doesn't treat it as a\n  // cancel.\n  const wrappedClear = clear\n    ? {\n        ...clear,\n        onClick: () => {\n          clear.onClick();\n          if (confirmation.enabled) pendingApplyRef.current = true;\n          closeMenu();\n        },\n      }\n    : undefined;\n  // Only render a footer when at least one slot has content; passing an empty\n  // <MenuFooter/> would still draw the popover/dialog footer divider.\n  const hasFooter =\n    !!wrappedClear || !!confirmationConfig || !!addNewItemButton;\n  const footer = hasFooter ? (\n    <MenuFooter\n      clear={wrappedClear}\n      confirmation={confirmationConfig}\n      addNew={addNewItemButton}\n    />\n  ) : undefined;\n\n  if (displayAs === \"dialog\") {\n    return (\n      <>\n        {trigger(triggerProps)}\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen}\n          onClose={closeMenu}\n          title={label}\n          field={searchInput ?? undefined}\n          footer={footer ?? undefined}\n          initialFocusResolver={\n            !disableSearch\n              ? (elements) =>\n                  elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n              : undefined\n          }\n        >\n          <MultiSelectOptions\n            ref={listRef}\n            isOpen\n            items={items}\n            sectionsMeta={sectionsMeta}\n            getMenuProps={(opts) => {\n              const menuProps = getMenuPropsWithKeyDown(opts);\n              if (disableSearch) {\n                return menuProps;\n              }\n              return { ...menuProps, tabIndex: -1 };\n            }}\n            getItemProps={getItemProps}\n            highlightedIndex={highlightedIndex}\n            selectedOptions={draftSelectedOptions}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loading={loading}\n            loadingMore={loadingMore}\n            virtualize={virtualize}\n          />\n        </OptionsDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger(triggerProps)}\n      <OptionsPopover\n        id={`${id}-popover`}\n        referenceElement={triggerRef}\n        open={isOpen && displayAs === \"popover\"}\n        onClose={handleClickOutside}\n        width={popoverWidth ?? 320}\n        footer={footer ?? undefined}\n      >\n        {searchInput}\n        <MultiSelectOptions\n          ref={listRef}\n          isOpen={isOpen}\n          items={items}\n          sectionsMeta={sectionsMeta}\n          getMenuProps={(opts) => {\n            const menuProps = getMenuPropsWithKeyDown(opts);\n            if (disableSearch) {\n              return menuProps;\n            }\n            return { ...menuProps, tabIndex: -1 };\n          }}\n          getItemProps={getItemProps}\n          highlightedIndex={highlightedIndex}\n          selectedOptions={draftSelectedOptions}\n          hasMore={hasMore}\n          onLoadMore={handleLoadMore}\n          loading={loading}\n          loadingMore={loadingMore}\n          virtualize={virtualize}\n        />\n      </OptionsPopover>\n    </>\n  );\n});\n\nMultiSelectMenu.displayName = \"MultiSelectMenu\";\n","import { useMemo, useRef } from \"react\";\nimport type { MatchSorterOptions } from \"match-sorter\";\nimport { MultiSelectMenu } from \"./MultiSelectMenu\";\nimport type {\n  MultiSelectMenuHandle,\n  MultiSelectMenuProps,\n  MultiSelectMenuOption,\n} from \"./types\";\nimport type { CheckState } from \"../../types\";\nimport {\n  type SyncFilterFn,\n  defaultSyncFilter,\n  toSyncFilterFn,\n} from \"../../internal/functions/syncFilterUtils\";\nimport { useInvalidateOnOptionsChange } from \"../../internal/hooks/useInvalidateOnOptionsChange\";\n\nconst getEnabledSelectionStats = (\n  options: MultiSelectMenuOption[],\n  current: MultiSelectMenuOption[],\n) => {\n  const enabledOptions = options.filter((opt) => !opt.disabled);\n  const enabledIds = new Set(enabledOptions.map((opt) => opt.id));\n  const selectedCount = current.filter((v) => enabledIds.has(v.id)).length;\n  const totalCount = enabledOptions.length;\n  const allSelected = totalCount > 0 && selectedCount === totalCount;\n\n  return { enabledOptions, enabledIds, selectedCount, allSelected };\n};\n\nexport type MultiSelectMenuSyncProps<\n  TID extends string | number = string | number,\n> = Omit<\n  MultiSelectMenuProps<TID>,\n  | \"loadOptions\"\n  | \"lazy\"\n  | \"debounceMs\"\n  | \"cache\"\n  | \"initialLoad\"\n  | \"selectAll\"\n  | \"selectFiltered\"\n> & {\n  /** In-memory options. Search filters this list instead of calling `loadOptions`. */\n  options: MultiSelectMenuOption<TID>[];\n  /**\n   * Filter and sort as the user types. A function returns the display order;\n   * a match-sorter options object customizes the default. Defaults to\n   * match-sorter on `label` and `searchText`.\n   */\n  filter?:\n    | SyncFilterFn<TID, MultiSelectMenuOption<TID>>\n    | MatchSorterOptions<MultiSelectMenuOption<TID>>;\n  /**\n   * Select All when search is empty. `true` uses the default label; an object\n   * customizes the label. Click and check state are owned by Sync.\n   */\n  selectAll?: boolean | { label?: string | ((checked: boolean) => string) };\n  /**\n   * Select Filtered when search is non-empty. `true` uses the default label;\n   * a function may return a custom label. Click and check state are owned by\n   * Sync.\n   */\n  selectFiltered?: boolean | ((searchValue: string) => { label?: string });\n};\n\n/** {@link MultiSelectMenu} for a client-side `options` list. */\nexport const MultiSelectMenuSync = (props: MultiSelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultSyncFilter,\n    selectAll: selectAllProp,\n    selectFiltered: selectFilteredProp,\n    value,\n    onSelectedOptionsChange,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toSyncFilterFn(filterProp), [filterProp]);\n\n  const selectAllConfig = useMemo(() => {\n    if (!selectAllProp) return undefined;\n\n    const labelProp =\n      typeof selectAllProp === \"object\" ? selectAllProp.label : undefined;\n\n    const checkState = (current: MultiSelectMenuOption[]): CheckState => {\n      const { selectedCount, allSelected } = getEnabledSelectionStats(\n        options,\n        current,\n      );\n      return allSelected\n        ? \"checked\"\n        : selectedCount > 0\n          ? \"indeterminate\"\n          : \"unchecked\";\n    };\n\n    const label =\n      typeof labelProp === \"function\"\n        ? (current: MultiSelectMenuOption[]) =>\n            labelProp(getEnabledSelectionStats(options, current).allSelected)\n        : labelProp;\n\n    const compute = (current: MultiSelectMenuOption[]) => {\n      const { enabledOptions, enabledIds } = getEnabledSelectionStats(\n        options,\n        current,\n      );\n      const currentIds = new Set(current.map((v) => v.id));\n      const allEnabledSelected =\n        enabledOptions.length > 0 &&\n        enabledOptions.every((o) => currentIds.has(o.id));\n      if (allEnabledSelected) {\n        return current.filter((v) => !enabledIds.has(v.id));\n      }\n      const additions = enabledOptions.filter((o) => !currentIds.has(o.id));\n      return [...current, ...additions];\n    };\n\n    return {\n      label,\n      compute,\n      checkState,\n    };\n  }, [selectAllProp, options]);\n\n  const selectFilteredConfig = useMemo(() => {\n    if (!selectFilteredProp) return undefined;\n\n    return (searchValue: string) => {\n      const filteredOptions = filter(options, searchValue);\n      const enabledFilteredOptions = filteredOptions.filter(\n        (opt) => !opt.disabled,\n      );\n      const enabledFilteredIds = new Set(\n        enabledFilteredOptions.map((o) => o.id),\n      );\n\n      const label =\n        (typeof selectFilteredProp === \"function\"\n          ? selectFilteredProp(searchValue).label\n          : undefined) ?? `Select items matching \"${searchValue}\"`;\n\n      const checkState = (current: MultiSelectMenuOption[]): CheckState => {\n        const currentIds = new Set(current.map((v) => v.id));\n        const allFilteredSelected =\n          enabledFilteredOptions.length > 0 &&\n          enabledFilteredOptions.every((opt) => currentIds.has(opt.id));\n        const someFilteredSelected = enabledFilteredOptions.some((opt) =>\n          currentIds.has(opt.id),\n        );\n\n        return allFilteredSelected\n          ? \"checked\"\n          : someFilteredSelected\n            ? \"indeterminate\"\n            : \"unchecked\";\n      };\n\n      const compute = (current: MultiSelectMenuOption[]) => {\n        const currentIds = new Set(current.map((v) => v.id));\n        const allEnabledFilteredSelected =\n          enabledFilteredOptions.length > 0 &&\n          enabledFilteredOptions.every((o) => currentIds.has(o.id));\n        if (allEnabledFilteredSelected) {\n          return current.filter((v) => !enabledFilteredIds.has(v.id));\n        }\n        const additions = enabledFilteredOptions.filter(\n          (o) => !currentIds.has(o.id),\n        );\n        return [...current, ...additions];\n      };\n\n      return {\n        label,\n        compute,\n        checkState,\n      };\n    };\n  }, [selectFilteredProp, options, filter]);\n\n  const fieldRef = useRef<MultiSelectMenuHandle>(null);\n  useInvalidateOnOptionsChange(fieldRef, options);\n\n  return (\n    <MultiSelectMenu\n      ref={fieldRef}\n      lazy={false}\n      loadOptions={(searchValue) => filter(options, searchValue)}\n      debounceMs={0}\n      value={value}\n      onSelectedOptionsChange={onSelectedOptionsChange}\n      selectAll={selectAllConfig}\n      selectFiltered={selectFilteredConfig}\n      {...rest}\n    />\n  );\n};\n"],"names":["searchValue","items"],"mappings":"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"}

package/dist/{useNumberField-CXFYUZ_n.js → NumberField-DjOvcCa1.js}

@@ -1,10 +1,27 @@
-import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
-import { d as maskitoNumberOptionsGenerator, e as maskitoParseNumber, f as maskitoStringifyNumber, u as useMaskito } from './index.esm-C2ZhC_8d.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState, useEffect, useMemo, useRef, useCallback, forwardRef, useId, isValidElement } from 'react';
+import { c as cx } from './index-De1g9FRV.js';
+import { S as Spinner } from './Spinner-B7tTWcP6.js';
+import { t as textFieldStyles } from './TextField.module-B3y6caP9.js';
+import { w as warnDeprecatedErrorUsage } from './utils-DwLrXpmt.js';
+import { B as Button } from './Button-B_E6ybA-.js';
+import { I as Icon } from './Icon-B5zwN7GD.js';
+import { S as SvgAdd } from './add-BcQkAUip.js';
+import { F as FieldLabel } from './FieldLabel-Cn559Brf.js';
+import { f as maskitoNumberOptionsGenerator, g as maskitoParseNumber, h as maskitoStringifyNumber, u as useMaskito } from './index.esm-CQXMoq5w.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
+import { u as useFocusWithin } from './useFocusWithin-hi77jsrB.js';
+import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { useTrackingId } from './useTrackingId.js';
+import { s as stripInlineMarkdown } from './stripInlineMarkdown-BV12XXzl.js';
+import { H as Helper } from './Helper-BHpOgh7k.js';
 
-function usePlatform() {
+import './NumberField.css';function usePlatform() {
   const [platform, setPlatform] = useState(
     detectPlatform()
   );
@@ -1562,5 +1579,234 @@ function convertValueProp(v, { maskitoParams }) {
   );
 }
 
-export { useNumberField as u };
-//# sourceMappingURL=useNumberField-CXFYUZ_n.js.map
+const small = "_small_1n8zj_31";
+const large = "_large_1n8zj_36";
+const numberFieldStyles = {
+	"stepper-buttons": "_stepper-buttons_1n8zj_1",
+	"stepper-button": "_stepper-button_1n8zj_1",
+	small: small,
+	large: large
+};
+
+const SvgRemove = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1z" }));
+
+const NumberField = forwardRef(
+  (props, ref) => {
+    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
+    const {
+      className,
+      error,
+      errorAriaLive: _errorAriaLive,
+      defaultValue: defaultValueProp,
+      value: valueProp,
+      label,
+      moreInfo,
+      prefix,
+      suffix,
+      size,
+      required,
+      onChange: onChangeProp,
+      onFocus: onFocusProp,
+      onBlur: onBlurProp,
+      id: idProp,
+      description,
+      hint,
+      warning,
+      loading,
+      disabled,
+      readOnly,
+      labelProps,
+      style,
+      placeholder,
+      minValue,
+      maxValue,
+      maximumFractionDigits = 0,
+      minimumFractionDigits = 0,
+      step = 1,
+      hideControls = false,
+      hideLabel = false,
+      isHighlighted = false,
+      ...rest
+    } = componentProps;
+    const numberFieldRef = useRef(null);
+    const { props: wrapperProps } = useFocusWithin({
+      onFocus: (e) => {
+        onFocusProp?.(e);
+      },
+      onBlur: (e) => {
+        onBlurProp?.(e);
+      }
+    });
+    const { inputProps, inputRef, incrementButtonProps, decrementButtonProps } = useNumberField({
+      minValue,
+      maxValue,
+      maximumFractionDigits,
+      minimumFractionDigits,
+      step,
+      value: valueProp,
+      defaultValue: defaultValueProp,
+      onChange: onChangeProp,
+      label,
+      readOnly
+    });
+    const combinedInputRef = useMergeRefs([numberFieldRef, inputRef, ref]);
+    const labelUid = useId();
+    const id = idProp ?? labelUid;
+    const prefixUid = useId();
+    const suffixUid = useId();
+    const helperUid = useId();
+    const moreInfoUid = useId();
+    warnDeprecatedErrorUsage("NumberField", error);
+    if (label === void 0) {
+      warnOnce(
+        "NumberField: label will be required in v4.0.0. Use hideLabel to visually hide the label."
+      );
+    }
+    const errorMessages = typeof error === "boolean" || error === void 0 ? void 0 : error;
+    const hasHelperText = hint || errorMessages || warning || description;
+    const ariaDescribedBy = [hasHelperText && helperUid, moreInfo && moreInfoUid].filter(Boolean).join(" ") || void 0;
+    const styleCombined = { ...style, ...layoutStyles };
+    const data = {
+      label: childrenToString(props.label),
+      prefix: childrenToString(props.prefix),
+      suffix: childrenToString(props.suffix),
+      description: childrenToString(props.description),
+      size: props.size,
+      minValue: props.minValue,
+      maxValue: props.maxValue,
+      step: props.step,
+      maximumFractionDigits: props.maximumFractionDigits,
+      minimumFractionDigits: props.minimumFractionDigits
+    };
+    const trackingId = useTrackingId({
+      name: "NumberField",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cx(textFieldStyles["textfield"], className),
+        "data-anv": "number-field",
+        style: styleCombined,
+        ...wrapperProps,
+        children: [
+          label && !hideLabel && /* @__PURE__ */ jsx(
+            FieldLabel,
+            {
+              moreInfo,
+              moreInfoId: moreInfo ? moreInfoUid : void 0,
+              required,
+              htmlFor: id,
+              ...labelProps,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(textFieldStyles["input-wrapper"], {
+                [textFieldStyles["small"]]: size === "small",
+                [textFieldStyles["large"]]: size === "large",
+                [textFieldStyles["highlight"]]: isHighlighted,
+                [numberFieldStyles["small"]]: size === "small",
+                [numberFieldStyles["large"]]: size === "large"
+              }),
+              role: "presentation",
+              onClick: () => numberFieldRef.current?.focus(),
+              children: [
+                prefix ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "aria-hidden": true,
+                    className: textFieldStyles["prefix"],
+                    id: `prefix${prefixUid}`,
+                    children: prefix
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    id,
+                    className: cx(textFieldStyles["input"], {
+                      [textFieldStyles["error"]]: error
+                    }),
+                    "data-tracking-id": trackingId,
+                    ...rest,
+                    ...inputProps,
+                    required,
+                    placeholder,
+                    readOnly,
+                    disabled,
+                    ref: combinedInputRef,
+                    "aria-label": (
+                      // TODO(v4.0.0): remove typeof check — label will always be string
+                      hideLabel && typeof label === "string" ? stripInlineMarkdown(label) : label ? void 0 : placeholder
+                    ),
+                    "aria-describedby": ariaDescribedBy,
+                    "aria-invalid": error ? !!error : void 0
+                  }
+                ),
+                loading ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: textFieldStyles["loading-spinner-wrapper"],
+                    "data-testid": "spinner",
+                    children: /* @__PURE__ */ jsx(Spinner, { size: "small" })
+                  }
+                ) : null,
+                suffix ? /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: textFieldStyles["suffix"],
+                    "aria-hidden": true,
+                    id: `suffix${suffixUid}`,
+                    children: suffix
+                  }
+                ) : null,
+                !hideControls && !disabled && !readOnly && /* @__PURE__ */ jsxs("div", { className: numberFieldStyles["stepper-buttons"], children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      appearance: "secondary",
+                      size: "small",
+                      className: numberFieldStyles["stepper-button"],
+                      ...decrementButtonProps,
+                      children: /* @__PURE__ */ jsx(Icon, { svg: SvgRemove })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      appearance: "secondary",
+                      size: "small",
+                      className: numberFieldStyles["stepper-button"],
+                      ...incrementButtonProps,
+                      children: /* @__PURE__ */ jsx(Icon, { svg: SvgAdd })
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          hasHelperText ? /* @__PURE__ */ jsx(
+            Helper,
+            {
+              id: helperUid,
+              hint,
+              showCounter: false,
+              error: typeof errorMessages === "string" || Array.isArray(errorMessages) ? errorMessages : void 0,
+              warning,
+              errorMessage: isValidElement(errorMessages) ? errorMessages : void 0,
+              description
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+NumberField.displayName = "NumberField";
+
+export { NumberField as N, useNumberField as u };
+//# sourceMappingURL=NumberField-DjOvcCa1.js.map