@servicetitan/anvil2 3.0.6 → 3.0.7

package/dist/useMenuInteraction-CpAOHSJu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuInteraction-CpAOHSJu.js","sources":["../src/internal/components/MenuFooter/MenuFooter.tsx","../src/beta/components/SelectMenu/internal/useMenuInteraction.ts"],"sourcesContent":["import { MouseEvent, ReactNode } from \"react\";\nimport Button from \"../../../components/Button\";\nimport styles from \"./MenuFooter.module.scss\";\n\n// Safari does not focus buttons on mousedown the way Chrome / Firefox do.\n// Combined with the popover's focusout listener, that means clicking a footer\n// button can fire focusout with relatedTarget=null and close the popover\n// before the click handler runs. Preventing the default on mousedown keeps the\n// previously focused element focused, sidestepping the focusout entirely.\nconst preventBlur = (e: MouseEvent<HTMLButtonElement>) => {\n  e.preventDefault();\n};\n\nexport type MenuFooterClearConfig = {\n  onClick: () => void;\n  label?: string;\n  disabled?: boolean;\n};\n\nexport type MenuFooterConfirmationConfig = {\n  onApply: () => void;\n  onCancel: () => void;\n  applyLabel?: string;\n  cancelLabel?: string;\n  applyDisabled?: boolean;\n};\n\nexport type MenuFooterProps = {\n  /** Clear-selection button config. Omit to suppress. */\n  clear?: MenuFooterClearConfig;\n  /** Apply/Cancel pair config. Omit when not in confirmation mode. */\n  confirmation?: MenuFooterConfirmationConfig;\n  /**\n   * Pre-rendered add-new affordance (AddNewItemButton or similar). Layout owns\n   * its row vs. inline placement; the caller just provides the node.\n   */\n  addNew?: ReactNode;\n};\n\nconst ClearButton = ({\n  onClick,\n  label = \"Clear\",\n  disabled,\n  fullWidth,\n}: MenuFooterClearConfig & { fullWidth?: boolean }) => (\n  <Button\n    appearance=\"secondary\"\n    size=\"small\"\n    onMouseDown={preventBlur}\n    onClick={onClick}\n    disabled={disabled}\n    className={fullWidth ? styles[\"clear-full\"] : undefined}\n  >\n    {label}\n  </Button>\n);\n\n/**\n * Single justified-flex row containing the Apply/Cancel pair, with an optional\n * leading element on the opposite side.\n */\nconst ConfirmationRow = ({\n  applyLabel = \"Apply\",\n  cancelLabel = \"Cancel\",\n  onApply,\n  onCancel,\n  applyDisabled,\n  leading,\n}: MenuFooterConfirmationConfig & { leading?: ReactNode }) => (\n  <div className={styles[\"confirmation-row\"]}>\n    {leading ? <div className={styles[\"leading\"]}>{leading}</div> : null}\n    <div className={styles[\"trailing\"]}>\n      <Button\n        appearance=\"secondary\"\n        size=\"small\"\n        onMouseDown={preventBlur}\n        onClick={onCancel}\n      >\n        {cancelLabel}\n      </Button>\n      <Button\n        appearance=\"primary\"\n        size=\"small\"\n        onMouseDown={preventBlur}\n        onClick={onApply}\n        disabled={applyDisabled}\n      >\n        {applyLabel}\n      </Button>\n    </div>\n  </div>\n);\n\n/**\n * MenuFooter composes the footer of a menu popover/dialog from up to three\n * optional pieces: a clear-selection button, an Apply/Cancel pair, and an\n * add-new affordance.\n *\n * Layout rules:\n * - clear + confirmation + addNew → [addNew full-width row] / [clear | apply cancel]\n * - clear + confirmation         → [clear | apply cancel]\n * - clear + addNew               → [addNew] / [clear]   (stacked, both full-width)\n * - clear                        → [clear]               (full-width)\n * - confirmation + addNew        → [addNew | apply cancel]   (addNew on the leading side)\n * - confirmation                 → [apply | cancel]\n * - addNew                       → [addNew]\n * - (none)                       → null\n */\nexport const MenuFooter = ({\n  clear,\n  confirmation,\n  addNew,\n}: MenuFooterProps) => {\n  // Branches with confirmation\n  if (confirmation) {\n    if (clear && addNew) {\n      return (\n        <div className={styles[\"stack\"]}>\n          <div className={styles[\"stack-row\"]}>{addNew}</div>\n          <ConfirmationRow\n            {...confirmation}\n            leading={<ClearButton {...clear} />}\n          />\n        </div>\n      );\n    }\n    if (clear) {\n      return (\n        <ConfirmationRow\n          {...confirmation}\n          leading={<ClearButton {...clear} />}\n        />\n      );\n    }\n    return <ConfirmationRow {...confirmation} leading={addNew} />;\n  }\n\n  // Branches without confirmation\n  if (clear && addNew) {\n    return (\n      <div className={styles[\"stack\"]}>\n        <div className={styles[\"stack-row\"]}>{addNew}</div>\n        <div className={styles[\"stack-row\"]}>\n          <ClearButton {...clear} fullWidth />\n        </div>\n      </div>\n    );\n  }\n  if (clear) {\n    return (\n      <div className={styles[\"stack-row\"]}>\n        <ClearButton {...clear} fullWidth />\n      </div>\n    );\n  }\n  if (addNew) {\n    return <>{addNew}</>;\n  }\n  return null;\n};\n\nMenuFooter.displayName = \"MenuFooter\";\n","import {\n  CSSProperties,\n  KeyboardEvent,\n  RefObject,\n  useCallback,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  SelectItem,\n  SectionMeta,\n} from \"../../../../internal/types/selectFieldInternalTypes\";\nimport { OptionsPanelHandle } from \"../../../../internal/components/OptionsPanel\";\n\nexport type UseMenuInteractionConfig = {\n  items: SelectItem[];\n  sectionsMeta: SectionMeta[];\n  onItemActivate: (item: SelectItem) => void;\n  selectedItemIds: Set<string | number>;\n  displayAs: \"popover\" | \"dialog\";\n  closeOnActivate: boolean;\n  disabled?: boolean;\n  id: string;\n  triggerRef: RefObject<HTMLButtonElement>;\n  label: string;\n  /**\n   * Controlled open state. The consumer owns `[isOpen, setIsOpen]` so other\n   * hooks in the same render (e.g. `useConfirmationDraft`) can read the same\n   * value without a one-render lag.\n   */\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  onImplicitClose?: () => void;\n  onExplicitClose?: () => void;\n};\n\nexport type MenuTriggerProps = {\n  ref: RefObject<HTMLButtonElement>;\n  onClick: () => void;\n  onKeyDown: (e: KeyboardEvent) => void;\n  \"aria-haspopup\": \"listbox\";\n  \"aria-controls\": string;\n  \"aria-expanded\": boolean;\n  \"data-state\": \"open\" | \"close\";\n};\n\ntype MenuPropsArg = {\n  className?: string;\n  style?: CSSProperties;\n};\n\ntype MenuReturnProps = MenuPropsArg & {\n  role: \"listbox\";\n  id: string;\n  \"aria-label\": string;\n  \"aria-labelledby\"?: string;\n  tabIndex?: number;\n  \"aria-activedescendant\"?: string;\n  ref: RefObject<HTMLDivElement>;\n  onKeyDown: (e: KeyboardEvent) => void;\n};\n\ntype ItemPropsArg = {\n  item: SelectItem;\n  index: number;\n  className?: string;\n  \"data-type\"?: string;\n};\n\ntype ItemReturnProps = {\n  role: \"option\";\n  id: string;\n  \"aria-selected\": boolean;\n  \"aria-disabled\"?: boolean;\n  onClick: () => void;\n  onMouseMove: () => void;\n  className?: string;\n  \"data-type\"?: string;\n};\n\nexport type GetMenuPropsFn = (opts?: MenuPropsArg) => MenuReturnProps;\nexport type GetItemPropsFn = (opts: ItemPropsArg) => ItemReturnProps;\n\nexport const useMenuInteraction = ({\n  items,\n  sectionsMeta: _sectionsMeta,\n  onItemActivate,\n  selectedItemIds,\n  displayAs: _displayAs,\n  closeOnActivate,\n  disabled = false,\n  id,\n  triggerRef,\n  label,\n  isOpen,\n  setIsOpen,\n  onImplicitClose,\n  onExplicitClose,\n}: UseMenuInteractionConfig) => {\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const generatedId = useId();\n  const menuId = `${id}-menu-${generatedId}`;\n  const menuContainerRef = useRef<HTMLDivElement>(null);\n  const listRef = useRef<OptionsPanelHandle>(null);\n\n  const isItemDisabled = useCallback(\n    (item: SelectItem) => {\n      return (disabled || item.disabled) ?? false;\n    },\n    [disabled],\n  );\n\n  const findNextEnabledIndex = useCallback(\n    (startIndex: number, direction: 1 | -1, wrap = true): number => {\n      if (items.length === 0) return -1;\n      const len = items.length;\n      let index = startIndex;\n      for (let i = 0; i < len; i++) {\n        index = wrap\n          ? (index + direction + len) % len\n          : Math.min(Math.max(index + direction, 0), len - 1);\n        if (!isItemDisabled(items[index])) return index;\n        if (!wrap && (index === 0 || index === len - 1)) return -1;\n      }\n      return -1;\n    },\n    [items, isItemDisabled],\n  );\n\n  const openMenu = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n  }, [disabled, setIsOpen]);\n\n  const closeMenu = useCallback(\n    (options?: { restoreFocus?: boolean }) => {\n      setIsOpen(false);\n      setHighlightedIndex(-1);\n      if (options?.restoreFocus !== false) {\n        triggerRef.current?.focus();\n        onExplicitClose?.();\n      } else {\n        onImplicitClose?.();\n      }\n    },\n    [triggerRef, onImplicitClose, onExplicitClose, setIsOpen],\n  );\n\n  const getItemId = useCallback(\n    (index: number) => `${menuId}-option-${index}`,\n    [menuId],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (!isOpen) return;\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          const next =\n            highlightedIndex < 0\n              ? findNextEnabledIndex(-1, 1)\n              : findNextEnabledIndex(highlightedIndex, 1);\n          if (next >= 0) {\n            setHighlightedIndex(next);\n            listRef.current?.scrollToIndex(next);\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          const prev =\n            highlightedIndex < 0\n              ? findNextEnabledIndex(items.length, -1)\n              : findNextEnabledIndex(highlightedIndex, -1);\n          if (prev >= 0) {\n            setHighlightedIndex(prev);\n            listRef.current?.scrollToIndex(prev);\n          }\n          break;\n        }\n        case \"Home\": {\n          e.preventDefault();\n          const first = findNextEnabledIndex(-1, 1, false);\n          if (first >= 0) {\n            setHighlightedIndex(first);\n            listRef.current?.scrollToIndex(first);\n          }\n          break;\n        }\n        case \"End\": {\n          e.preventDefault();\n          const last = findNextEnabledIndex(items.length, -1, false);\n          if (last >= 0) {\n            setHighlightedIndex(last);\n            listRef.current?.scrollToIndex(last);\n          }\n          break;\n        }\n        case \"Enter\": {\n          e.preventDefault();\n          if (highlightedIndex >= 0 && highlightedIndex < items.length) {\n            const item = items[highlightedIndex];\n            if (!isItemDisabled(item)) {\n              onItemActivate(item);\n              if (closeOnActivate) {\n                closeMenu();\n              }\n            }\n          }\n          break;\n        }\n        case \" \": {\n          // Only activate on Space when the menu container itself has focus.\n          // If a search input is focused, Space should type a space character.\n          const target = e.target as HTMLElement;\n          if (target.tagName === \"INPUT\") break;\n          e.preventDefault();\n          if (highlightedIndex >= 0 && highlightedIndex < items.length) {\n            const item = items[highlightedIndex];\n            if (!isItemDisabled(item)) {\n              onItemActivate(item);\n              if (closeOnActivate) {\n                closeMenu();\n              }\n            }\n          }\n          break;\n        }\n        case \"Escape\": {\n          e.preventDefault();\n          closeMenu();\n          break;\n        }\n      }\n    },\n    [\n      isOpen,\n      highlightedIndex,\n      items,\n      findNextEnabledIndex,\n      isItemDisabled,\n      onItemActivate,\n      closeOnActivate,\n      closeMenu,\n    ],\n  );\n\n  const handleTriggerKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        if (!isOpen) openMenu();\n      }\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (isOpen) {\n          closeMenu();\n        } else {\n          openMenu();\n        }\n      }\n    },\n    [isOpen, openMenu, closeMenu],\n  );\n\n  const getTriggerProps = useCallback((): MenuTriggerProps => {\n    return {\n      ref: triggerRef,\n      onClick: () => {\n        if (isOpen) {\n          closeMenu();\n        } else {\n          openMenu();\n        }\n      },\n      onKeyDown: handleTriggerKeyDown,\n      \"aria-haspopup\": \"listbox\",\n      \"aria-controls\": menuId,\n      \"aria-expanded\": isOpen,\n      \"data-state\": isOpen ? \"open\" : \"close\",\n    };\n  }, [isOpen, openMenu, closeMenu, menuId, handleTriggerKeyDown, triggerRef]);\n\n  const getMenuProps: GetMenuPropsFn = useCallback(\n    (opts?: MenuPropsArg): MenuReturnProps => {\n      return {\n        role: \"listbox\",\n        id: menuId,\n        \"aria-label\": label,\n        tabIndex: 0,\n        \"aria-activedescendant\":\n          highlightedIndex >= 0 ? getItemId(highlightedIndex) : undefined,\n        ref: menuContainerRef,\n        onKeyDown: handleKeyDown,\n        className: opts?.className,\n        style: { outline: \"none\", ...opts?.style },\n      };\n    },\n    [menuId, label, highlightedIndex, getItemId, handleKeyDown],\n  );\n\n  const getItemProps: GetItemPropsFn = useCallback(\n    (opts: ItemPropsArg): ItemReturnProps => {\n      const { item, index, className, \"data-type\": dataType } = opts;\n      return {\n        role: \"option\",\n        id: getItemId(index),\n        \"aria-selected\": selectedItemIds.has(item.original.id),\n        \"aria-disabled\": isItemDisabled(item) || undefined,\n        onClick: () => {\n          if (isItemDisabled(item)) return;\n          onItemActivate(item);\n          if (closeOnActivate) {\n            closeMenu();\n          }\n        },\n        onMouseMove: () => {\n          if (highlightedIndex !== index) {\n            setHighlightedIndex(index);\n          }\n        },\n        className,\n        \"data-type\": dataType,\n      };\n    },\n    [\n      getItemId,\n      selectedItemIds,\n      isItemDisabled,\n      onItemActivate,\n      closeOnActivate,\n      closeMenu,\n      highlightedIndex,\n    ],\n  );\n\n  return {\n    isOpen,\n    openMenu,\n    closeMenu,\n    highlightedIndex,\n    setHighlightedIndex,\n    getTriggerProps,\n    getMenuProps,\n    getItemProps,\n    listRef,\n    menuContainerRef,\n    handleKeyDown,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/useMenuInteraction.css

@@ -0,0 +1,28 @@
+.anvil2 {._stack_o8ro5_1 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--a2-size-2, 0.5rem);
+  width: 100%;
+}._stack-row_o8ro5_8 {
+  display: flex;
+  width: 100%;
+}._clear-full_o8ro5_13 {
+  flex: 1 1 auto;
+  width: 100%;
+}._confirmation-row_o8ro5_18 {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  gap: var(--a2-size-2, 0.5rem);
+  justify-content: flex-end;
+}._leading_o8ro5_26 {
+  flex: 0 1 auto;
+  margin-inline-end: auto;
+  min-width: 0;
+}._trailing_o8ro5_32 {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  gap: var(--a2-size-1, 0.25rem);
+}
+}

package/dist/{useToggleSelection-B5PnTuT2.js → useToggleSelection-B-Z80gy2.js}

@@ -1,6 +1,55 @@
+import { useState, useRef, useEffect, useCallback, forwardRef, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useMemo, useCallback } from 'react';
-import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-COxBIkt6.js';
+import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-BEKek64h.js';
+
+function useBulkActionRunner({
+  setDraft
+}) {
+  const [pending, setPending] = useState(false);
+  const genRef = useRef(0);
+  const isMountedRef = useRef(true);
+  useEffect(() => {
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  const runBulk = useCallback(
+    (compute, current) => {
+      const result = compute(current);
+      genRef.current += 1;
+      const myGen = genRef.current;
+      if (Array.isArray(result)) {
+        setDraft(result);
+        if (pending) setPending(false);
+        return;
+      }
+      setPending(true);
+      result.then((next) => {
+        if (!isMountedRef.current) return;
+        if (genRef.current !== myGen) return;
+        setDraft(next);
+        setPending(false);
+      }).catch(() => {
+        if (!isMountedRef.current) return;
+        if (genRef.current !== myGen) return;
+        setPending(false);
+      });
+    },
+    [pending, setDraft]
+  );
+  const setDraftAndBump = useCallback(
+    (next) => {
+      genRef.current += 1;
+      setDraft(next);
+    },
+    [setDraft]
+  );
+  const reset = useCallback(() => {
+    genRef.current += 1;
+    setPending(false);
+  }, []);
+  return { pending, runBulk, setDraftAndBump, reset };
+}
 
 const MultiSelectOptions = forwardRef(({ selectedOptions, items, virtualize, ...rest }, ref) => {
   const selectedIds = useMemo(
@@ -59,5 +108,5 @@ const useToggleSelection = ({
   return { handleItemClick, allPinnedOptions };
 };
 
-export { MultiSelectOptions as M, useToggleSelection as u };
-//# sourceMappingURL=useToggleSelection-B5PnTuT2.js.map
+export { MultiSelectOptions as M, useToggleSelection as a, useBulkActionRunner as u };
+//# sourceMappingURL=useToggleSelection-B-Z80gy2.js.map

package/dist/useToggleSelection-B-Z80gy2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleSelection-B-Z80gy2.js","sources":["../src/internal/hooks/useBulkActionRunner.ts","../src/internal/components/MultiSelectOptions.tsx","../src/internal/hooks/useToggleSelection.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\ntype BulkComputeResult<T> = T[] | Promise<T[]>;\n\nexport type UseBulkActionRunnerOptions<T> = {\n  /** Sets the draft (or commits when confirmation is off). */\n  setDraft: (next: T[]) => void;\n};\n\nexport type UseBulkActionRunnerResult<T> = {\n  /**\n   * True while a bulk-action promise is in flight. While true, callers should\n   * disable option rows, override the bulk row's checkState to \"loading\", and\n   * disable Apply.\n   */\n  pending: boolean;\n  /**\n   * Run a bulk action. If `compute` returns an array synchronously, the draft\n   * is updated immediately. If it returns a promise, the runner enters the\n   * pending state until resolve/reject. Stale resolutions (those that finish\n   * after another draft mutation or another bulk run, or after `reset()`) are\n   * silently discarded.\n   */\n  runBulk: (\n    compute: (current: T[]) => BulkComputeResult<T>,\n    current: T[],\n  ) => void;\n  /**\n   * Wrap an external draft mutation so that any in-flight bulk promise's\n   * eventual resolution is discarded. Use this in place of the raw setDraft\n   * whenever the user mutates the draft outside of a bulk action (option\n   * click, etc.) so that a slow Select-All-fetching promise can't clobber a\n   * subsequent click.\n   */\n  setDraftAndBump: (next: T[]) => void;\n  /**\n   * Discard any in-flight bulk resolution. Call when the menu closes so that\n   * a promise resolving after close can't apply to the next menu instance.\n   */\n  reset: () => void;\n};\n\n/**\n * Runs Select-All / Select-Filtered-style \"bulk action\" computations against\n * the controlled or draft selection, with support for both synchronous and\n * asynchronous results, and stale-result discard via a monotonic generation.\n */\nexport function useBulkActionRunner<T>({\n  setDraft,\n}: UseBulkActionRunnerOptions<T>): UseBulkActionRunnerResult<T> {\n  const [pending, setPending] = useState(false);\n  const genRef = useRef(0);\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  const runBulk = useCallback(\n    (compute: (current: T[]) => BulkComputeResult<T>, current: T[]) => {\n      const result = compute(current);\n\n      // Bumping the generation here means any earlier in-flight promise's\n      // eventual resolution will be discarded.\n      genRef.current += 1;\n      const myGen = genRef.current;\n\n      if (Array.isArray(result)) {\n        setDraft(result);\n        // If a previous async run was pending, it has now been superseded.\n        if (pending) setPending(false);\n        return;\n      }\n\n      setPending(true);\n      result\n        .then((next) => {\n          if (!isMountedRef.current) return;\n          if (genRef.current !== myGen) return; // stale\n          setDraft(next);\n          setPending(false);\n        })\n        .catch(() => {\n          if (!isMountedRef.current) return;\n          if (genRef.current !== myGen) return; // stale\n          // Silent failure — consumer manages their own error UI.\n          setPending(false);\n        });\n    },\n    [pending, setDraft],\n  );\n\n  const setDraftAndBump = useCallback(\n    (next: T[]) => {\n      genRef.current += 1;\n      setDraft(next);\n    },\n    [setDraft],\n  );\n\n  const reset = useCallback(() => {\n    genRef.current += 1;\n    setPending(false);\n  }, []);\n\n  return { pending, runBulk, setDraftAndBump, reset };\n}\n","import { MultiSelectFieldOption } from \"../../beta/components/MultiSelectField/types\";\nimport { CheckState } from \"../../types\";\nimport { CSSProperties, forwardRef, useCallback, useMemo } from \"react\";\nimport { OptionsPanel, OptionsPanelHandle } from \"./OptionsPanel\";\nimport { VirtualizedOptionsPanel } from \"./VirtualizedOptionsPanel\";\nimport {\n  GetItemPropsFn,\n  GetMenuPropsFn,\n  SectionMeta,\n  SelectItem,\n} from \"../types/selectFieldInternalTypes\";\n\nexport type MultiSelectOptionsProps = {\n  isOpen: boolean;\n  items: SelectItem[];\n  getMenuProps: GetMenuPropsFn;\n  getItemProps: GetItemPropsFn;\n  highlightedIndex: number;\n  selectedOptions: MultiSelectFieldOption[];\n  hasMore: boolean;\n  onLoadMore: () => void;\n  loading: boolean;\n  loadingMore: boolean;\n  disableAutoLoadMore?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  sectionsMeta?: SectionMeta[];\n  virtualize?: boolean;\n};\n\nexport const MultiSelectOptions = forwardRef<\n  OptionsPanelHandle,\n  MultiSelectOptionsProps\n>(({ selectedOptions, items, virtualize, ...rest }, ref) => {\n  const selectedIds = useMemo(\n    () => new Set(selectedOptions.map((opt) => opt.id)),\n    [selectedOptions],\n  );\n\n  const getCheckedState = useCallback(\n    (item: SelectItem): CheckState => {\n      if (item.type === \"select-all\" || item.type === \"select-filtered\") {\n        return item.checkState ?? \"indeterminate\";\n      }\n      const checkId =\n        item.type === \"pinned-option\" ? item.original.id : item.id;\n      return selectedIds.has(checkId) ? \"checked\" : \"unchecked\";\n    },\n    [selectedIds],\n  );\n\n  const ListComponent = virtualize ? VirtualizedOptionsPanel : OptionsPanel;\n\n  return (\n    <ListComponent\n      {...rest}\n      ref={ref}\n      items={items}\n      selectionType=\"multiple\"\n      getCheckedState={getCheckedState}\n    />\n  );\n});\n\nMultiSelectOptions.displayName = \"MultiSelectOptions\";\n","import { useCallback, useMemo } from \"react\";\nimport { SelectFieldOption } from \"../../beta/components/SelectField/types\";\nimport { NormalizedPinnedSection } from \"./usePinnedOptions\";\n\ntype UseToggleSelectionParams = {\n  options: SelectFieldOption[];\n  pinnedSections: NormalizedPinnedSection[];\n  selectedOptions: SelectFieldOption[];\n  onSelectedOptionsChange: (options: SelectFieldOption[]) => void;\n};\n\n/**\n * Shared multi-select toggle logic: computes allPinnedOptions and provides\n * handleItemClick to add/remove an option from the selection.\n * Used by both useComboMultiple and useSelectModeMultiple.\n */\nexport const useToggleSelection = ({\n  options,\n  pinnedSections,\n  selectedOptions,\n  onSelectedOptionsChange,\n}: UseToggleSelectionParams) => {\n  const allPinnedOptions = useMemo(() => {\n    return pinnedSections.flatMap((section) => section.options);\n  }, [pinnedSections]);\n\n  const handleItemClick = useCallback(\n    (option: { id: string | number; label: string }) => {\n      const isSelected = selectedOptions.some((opt) => opt.id === option.id);\n      if (isSelected) {\n        onSelectedOptionsChange(\n          selectedOptions.filter((opt) => opt.id !== option.id),\n        );\n      } else {\n        const fullOption =\n          options.find((opt) => opt.id === option.id) ||\n          allPinnedOptions.find((opt) => opt.id === option.id);\n        if (fullOption) {\n          onSelectedOptionsChange([...selectedOptions, fullOption]);\n        }\n      }\n    },\n    [selectedOptions, onSelectedOptionsChange, options, allPinnedOptions],\n  );\n\n  return { handleItemClick, allPinnedOptions };\n};\n"],"names":[],"mappings":";;;;AA+CO,SAAS,mBAAA,CAAuB;AAAA,EACrC;AACF,CAAA,EAAgE;AAC9D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,MAAA,GAAS,OAAO,CAAC,CAAA;AACvB,EAAA,MAAM,YAAA,GAAe,OAAO,IAAI,CAAA;AAEhC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAA,GAAU,KAAA;AAAA,IACzB,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,OAAA,GAAU,WAAA;AAAA,IACd,CAAC,SAAiD,OAAA,KAAiB;AACjE,MAAA,MAAM,MAAA,GAAS,QAAQ,OAAO,CAAA;AAI9B,MAAA,MAAA,CAAO,OAAA,IAAW,CAAA;AAClB,MAAA,MAAM,QAAQ,MAAA,CAAO,OAAA;AAErB,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,EAAG;AACzB,QAAA,QAAA,CAAS,MAAM,CAAA;AAEf,QAAA,IAAI,OAAA,aAAoB,KAAK,CAAA;AAC7B,QAAA;AAAA,MACF;AAEA,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,MAAA,CACG,IAAA,CAAK,CAAC,IAAA,KAAS;AACd,QAAA,IAAI,CAAC,aAAa,OAAA,EAAS;AAC3B,QAAA,IAAI,MAAA,CAAO,YAAY,KAAA,EAAO;AAC9B,QAAA,QAAA,CAAS,IAAI,CAAA;AACb,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB,CAAC,CAAA,CACA,KAAA,CAAM,MAAM;AACX,QAAA,IAAI,CAAC,aAAa,OAAA,EAAS;AAC3B,QAAA,IAAI,MAAA,CAAO,YAAY,KAAA,EAAO;AAE9B,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB,CAAC,CAAA;AAAA,IACL,CAAA;AAAA,IACA,CAAC,SAAS,QAAQ;AAAA,GACpB;AAEA,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CAAC,IAAA,KAAc;AACb,MAAA,MAAA,CAAO,OAAA,IAAW,CAAA;AAClB,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACf,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,MAAA,CAAO,OAAA,IAAW,CAAA;AAClB,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,EAClB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,OAAA,EAAS,OAAA,EAAS,eAAA,EAAiB,KAAA,EAAM;AACpD;;AC7EO,MAAM,kBAAA,GAAqB,UAAA,CAGhC,CAAC,EAAE,eAAA,EAAiB,OAAO,UAAA,EAAY,GAAG,IAAA,EAAK,EAAG,GAAA,KAAQ;AAC1D,EAAA,MAAM,WAAA,GAAc,OAAA;AAAA,IAClB,MAAM,IAAI,GAAA,CAAI,eAAA,CAAgB,IAAI,CAAC,GAAA,KAAQ,GAAA,CAAI,EAAE,CAAC,CAAA;AAAA,IAClD,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CAAC,IAAA,KAAiC;AAChC,MAAA,IAAI,IAAA,CAAK,IAAA,KAAS,YAAA,IAAgB,IAAA,CAAK,SAAS,iBAAA,EAAmB;AACjE,QAAA,OAAO,KAAK,UAAA,IAAc,eAAA;AAAA,MAC5B;AACA,MAAA,MAAM,UACJ,IAAA,CAAK,IAAA,KAAS,kBAAkB,IAAA,CAAK,QAAA,CAAS,KAAK,IAAA,CAAK,EAAA;AAC1D,MAAA,OAAO,WAAA,CAAY,GAAA,CAAI,OAAO,CAAA,GAAI,SAAA,GAAY,WAAA;AAAA,IAChD,CAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,MAAM,aAAA,GAAgB,aAAa,uBAAA,GAA0B,YAAA;AAE7D,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,GAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAA,EAAc,UAAA;AAAA,MACd;AAAA;AAAA,GACF;AAEJ,CAAC;AAED,kBAAA,CAAmB,WAAA,GAAc,oBAAA;;ACjD1B,MAAM,qBAAqB,CAAC;AAAA,EACjC,OAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAAA,KAAgC;AAC9B,EAAA,MAAM,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,OAAO,cAAA,CAAe,OAAA,CAAQ,CAAC,OAAA,KAAY,QAAQ,OAAO,CAAA;AAAA,EAC5D,CAAA,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CAAC,MAAA,KAAmD;AAClD,MAAA,MAAM,UAAA,GAAa,gBAAgB,IAAA,CAAK,CAAC,QAAQ,GAAA,CAAI,EAAA,KAAO,OAAO,EAAE,CAAA;AACrE,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,uBAAA;AAAA,UACE,gBAAgB,MAAA,CAAO,CAAC,QAAQ,GAAA,CAAI,EAAA,KAAO,OAAO,EAAE;AAAA,SACtD;AAAA,MACF,CAAA,MAAO;AACL,QAAA,MAAM,aACJ,OAAA,CAAQ,IAAA,CAAK,CAAC,GAAA,KAAQ,IAAI,EAAA,KAAO,MAAA,CAAO,EAAE,CAAA,IAC1C,iBAAiB,IAAA,CAAK,CAAC,QAAQ,GAAA,CAAI,EAAA,KAAO,OAAO,EAAE,CAAA;AACrD,QAAA,IAAI,UAAA,EAAY;AACd,UAAA,uBAAA,CAAwB,CAAC,GAAG,eAAA,EAAiB,UAAU,CAAC,CAAA;AAAA,QAC1D;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,eAAA,EAAiB,uBAAA,EAAyB,OAAA,EAAS,gBAAgB;AAAA,GACtE;AAEA,EAAA,OAAO,EAAE,iBAAiB,gBAAA,EAAiB;AAC7C;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "3.0.6",
+  "version": "3.0.7",
   "type": "module",
   "types": "./dist/src/index.d.ts",
   "main": "./dist/index.js",
@@ -73,8 +73,8 @@
     "tabbable": "^6.2.0",
     "tinycolor2": "^1.6.0",
     "uuid": "^10.0.0",
-    "@servicetitan/hammer-icon": "1.2.0",
-    "@servicetitan/hammer-token": "3.0.2"
+    "@servicetitan/hammer-token": "3.0.2",
+    "@servicetitan/hammer-icon": "1.2.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",