@servicetitan/anvil2 3.2.0 → 3.4.0

package/dist/{useToggleSelection-a18uaSE7.js → useToggleSelection-Cv_6Wnbc.js}

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useCallback, forwardRef, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-JUsufAHA.js';
+import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-BwxAsKjG.js';
 
 function useBulkActionRunner({
   setDraft
@@ -109,4 +109,4 @@ const useToggleSelection = ({
 };
 
 export { MultiSelectOptions as M, useToggleSelection as a, useBulkActionRunner as u };
-//# sourceMappingURL=useToggleSelection-a18uaSE7.js.map
+//# sourceMappingURL=useToggleSelection-Cv_6Wnbc.js.map

package/dist/useToggleSelection-Cv_6Wnbc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleSelection-Cv_6Wnbc.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 \"../../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 \"../../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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "type": "module",
   "types": "./dist/src/index.d.ts",
   "main": "./dist/index.js",