@servicetitan/anvil2 3.0.9 → 3.1.0

package/dist/{useLayoutPropsUtil-CB_zHDbW.js → useLayoutPropsUtil-DjqeAJZ9.js}

@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
-import { u as useBreakpoint } from './useBreakpoint-CeaUyHxh.js';
-import { p as primitive } from './primitive-DXlHdTFb.js';
+import { u as useBreakpoint } from './useBreakpoint-BBNRlMGZ.js';
+import { p as primitive } from './primitive-BXgYQTTw.js';
 
 const sizeToToken = (value) => {
   if (typeof value === "undefined") return void 0;
@@ -90,4 +90,4 @@ function useLayoutPropsUtil(props) {
 }
 
 export { sizeToToken as s, useLayoutPropsUtil as u };
-//# sourceMappingURL=useLayoutPropsUtil-CB_zHDbW.js.map
+//# sourceMappingURL=useLayoutPropsUtil-DjqeAJZ9.js.map

package/dist/{useLayoutPropsUtil-CB_zHDbW.js.map → useLayoutPropsUtil-DjqeAJZ9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLayoutPropsUtil-CB_zHDbW.js","sources":["../src/internal/functions/sizeToToken.ts","../src/internal/hooks/useLayoutPropsUtil/useLayoutPropsUtil.ts"],"sourcesContent":["import { core } from \"@servicetitan/hammer-token\";\nimport { GapSize } from \"../../types\";\n\ntype PrimitiveSizes =\n  | \"Size0\"\n  | \"SizeHalf\"\n  | \"Size1\"\n  | \"Size2\"\n  | \"Size3\"\n  | \"Size4\"\n  | \"Size5\"\n  | \"Size6\"\n  | \"Size7\"\n  | \"Size8\"\n  | \"Size9\"\n  | \"Size10\"\n  | \"Size11\"\n  | \"Size12\"\n  | \"Size13\"\n  | \"Size14\";\n\nexport const sizeToToken = (value?: GapSize) => {\n  if (typeof value === \"undefined\") return undefined;\n  let gap = value;\n  const stringifiedValue = String(value);\n  if (stringifiedValue === \"half\") {\n    gap =\n      `${stringifiedValue[0].toUpperCase()}${stringifiedValue.slice(1)}` as GapSize;\n  }\n\n  return core.primitive?.[`Size${gap}` as PrimitiveSizes]?.value;\n};\n","import { CSSProperties, useMemo } from \"react\";\nimport { GapSize, LayoutUtilProps } from \"../../../types\";\nimport { useBreakpoint } from \"../../../hooks/useBreakpoint\";\nimport { sizeToToken } from \"../../functions/sizeToToken\";\n\nconst LAYOUT_PROP_ARR = [\n  \"gridTemplateColumns\",\n  \"gridTemplateRows\",\n  \"gridTemplateAreas\",\n  \"gridAutoColumns\",\n  \"gridAutoRows\",\n  \"gridArea\",\n  \"gridColumn\",\n  \"gridRow\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n  \"flex\",\n  \"flexDirection\",\n  \"flexGrow\",\n  \"flexShrink\",\n  \"flexBasis\",\n  \"flexWrap\",\n  \"order\",\n  \"justifySelf\",\n  \"justifyItems\",\n  \"justifyContent\",\n  \"alignSelf\",\n  \"alignItems\",\n  \"alignContent\",\n  \"placeItems\",\n  \"placeContent\",\n  \"placeSelf\",\n  \"wrap\",\n  \"gap\",\n  \"rowGap\",\n  \"columnGap\",\n];\n\nconst RESPONSIVE_SIZES_ARR = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"];\n\n/**\n * Layout CSS variables type excluding responsive properties\n */\ntype LayoutCSSVariables = Omit<LayoutUtilProps, keyof ResponsiveLayout>;\n\n/**\n * Responsive layout configuration type\n */\ntype ResponsiveLayout = {\n  /**\n   * Base layout properties\n   */\n  base?: LayoutUtilProps;\n  /**\n   * Extra small breakpoint layout properties\n   */\n  xs?: LayoutUtilProps;\n  /**\n   * Small breakpoint layout properties\n   */\n  sm?: LayoutUtilProps;\n  /**\n   * Medium breakpoint layout properties\n   */\n  md?: LayoutUtilProps;\n  /**\n   * Large breakpoint layout properties\n   */\n  lg?: LayoutUtilProps;\n  /**\n   * Extra large breakpoint layout properties\n   */\n  xl?: LayoutUtilProps;\n  /**\n   * Extra extra large breakpoint layout properties\n   */\n  xxl?: LayoutUtilProps;\n};\n\n/**\n * Custom hook for managing responsive layout properties and CSS styles.\n *\n * Features:\n * - Separates layout properties from component properties\n * - Provides responsive breakpoint support for all layout properties\n * - Automatically converts gap sizes to CSS tokens\n * - Uses breakpoint cascade for responsive values\n * - Optimized with useMemo for performance\n * - Supports all CSS Grid and Flexbox properties\n * - Handles responsive size inheritance (larger breakpoints inherit from smaller ones)\n * - Returns both layout styles and filtered component props\n *\n * @param props - Object containing layout and component properties\n * @returns Object containing layout styles and filtered component props\n */\nexport function useLayoutPropsUtil<T extends ResponsiveLayout>(\n  props: T,\n): { layoutStyles?: CSSProperties; componentProps: T } {\n  const baseSizeProps = Object.fromEntries(\n    Object.entries(props).filter(([key, _val]) =>\n      LAYOUT_PROP_ARR.includes(key),\n    ),\n  );\n\n  const responsiveSizeProps = Object.fromEntries(\n    Object.entries(props).filter(([key, _val]) =>\n      RESPONSIVE_SIZES_ARR.includes(key),\n    ),\n  );\n\n  const sizeProps: ResponsiveLayout = useMemo(\n    () => ({\n      ...responsiveSizeProps,\n      base: baseSizeProps,\n    }),\n    [baseSizeProps, responsiveSizeProps],\n  );\n\n  const componentProps = Object.fromEntries(\n    Object.entries(props).filter(\n      ([key, _val]) =>\n        !RESPONSIVE_SIZES_ARR.includes(key) && !LAYOUT_PROP_ARR.includes(key),\n    ),\n  );\n\n  const breakpoint = useBreakpoint();\n\n  const getValue = (style: keyof LayoutCSSVariables) => {\n    const value =\n      (breakpoint?.xxl ? sizeProps.xxl?.[style] : undefined) ??\n      (breakpoint?.xl ? sizeProps.xl?.[style] : undefined) ??\n      (breakpoint?.lg ? sizeProps.lg?.[style] : undefined) ??\n      (breakpoint?.md ? sizeProps.md?.[style] : undefined) ??\n      (breakpoint?.sm ? sizeProps.sm?.[style] : undefined) ??\n      (breakpoint?.xs ? sizeProps.xs?.[style] : undefined) ??\n      sizeProps.base?.[style];\n\n    // Convert gap sizes to design tokens\n    if (style.toLowerCase().endsWith(\"gap\")) {\n      return sizeToToken(value as GapSize);\n    }\n\n    return value;\n  };\n\n  const layoutStyleObject = LAYOUT_PROP_ARR.reduce((o, key) => {\n    const value = getValue(key as keyof LayoutCSSVariables);\n\n    if (typeof value === \"undefined\") return o;\n    return { ...o, [key]: value };\n  }, {});\n\n  return {\n    layoutStyles: layoutStyleObject,\n    componentProps: componentProps as T,\n  };\n}\n"],"names":["core.primitive"],"mappings":"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"}
+{"version":3,"file":"useLayoutPropsUtil-DjqeAJZ9.js","sources":["../src/internal/functions/sizeToToken.ts","../src/internal/hooks/useLayoutPropsUtil/useLayoutPropsUtil.ts"],"sourcesContent":["import { core } from \"@servicetitan/hammer-token\";\nimport { GapSize } from \"../../types\";\n\ntype PrimitiveSizes =\n  | \"Size0\"\n  | \"SizeHalf\"\n  | \"Size1\"\n  | \"Size2\"\n  | \"Size3\"\n  | \"Size4\"\n  | \"Size5\"\n  | \"Size6\"\n  | \"Size7\"\n  | \"Size8\"\n  | \"Size9\"\n  | \"Size10\"\n  | \"Size11\"\n  | \"Size12\"\n  | \"Size13\"\n  | \"Size14\";\n\nexport const sizeToToken = (value?: GapSize) => {\n  if (typeof value === \"undefined\") return undefined;\n  let gap = value;\n  const stringifiedValue = String(value);\n  if (stringifiedValue === \"half\") {\n    gap =\n      `${stringifiedValue[0].toUpperCase()}${stringifiedValue.slice(1)}` as GapSize;\n  }\n\n  return core.primitive?.[`Size${gap}` as PrimitiveSizes]?.value;\n};\n","import { CSSProperties, useMemo } from \"react\";\nimport { GapSize, LayoutUtilProps } from \"../../../types\";\nimport { useBreakpoint } from \"../../../hooks/useBreakpoint\";\nimport { sizeToToken } from \"../../functions/sizeToToken\";\n\nconst LAYOUT_PROP_ARR = [\n  \"gridTemplateColumns\",\n  \"gridTemplateRows\",\n  \"gridTemplateAreas\",\n  \"gridAutoColumns\",\n  \"gridAutoRows\",\n  \"gridArea\",\n  \"gridColumn\",\n  \"gridRow\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n  \"flex\",\n  \"flexDirection\",\n  \"flexGrow\",\n  \"flexShrink\",\n  \"flexBasis\",\n  \"flexWrap\",\n  \"order\",\n  \"justifySelf\",\n  \"justifyItems\",\n  \"justifyContent\",\n  \"alignSelf\",\n  \"alignItems\",\n  \"alignContent\",\n  \"placeItems\",\n  \"placeContent\",\n  \"placeSelf\",\n  \"wrap\",\n  \"gap\",\n  \"rowGap\",\n  \"columnGap\",\n];\n\nconst RESPONSIVE_SIZES_ARR = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"xxl\"];\n\n/**\n * Layout CSS variables type excluding responsive properties\n */\ntype LayoutCSSVariables = Omit<LayoutUtilProps, keyof ResponsiveLayout>;\n\n/**\n * Responsive layout configuration type\n */\ntype ResponsiveLayout = {\n  /**\n   * Base layout properties\n   */\n  base?: LayoutUtilProps;\n  /**\n   * Extra small breakpoint layout properties\n   */\n  xs?: LayoutUtilProps;\n  /**\n   * Small breakpoint layout properties\n   */\n  sm?: LayoutUtilProps;\n  /**\n   * Medium breakpoint layout properties\n   */\n  md?: LayoutUtilProps;\n  /**\n   * Large breakpoint layout properties\n   */\n  lg?: LayoutUtilProps;\n  /**\n   * Extra large breakpoint layout properties\n   */\n  xl?: LayoutUtilProps;\n  /**\n   * Extra extra large breakpoint layout properties\n   */\n  xxl?: LayoutUtilProps;\n};\n\n/**\n * Custom hook for managing responsive layout properties and CSS styles.\n *\n * Features:\n * - Separates layout properties from component properties\n * - Provides responsive breakpoint support for all layout properties\n * - Automatically converts gap sizes to CSS tokens\n * - Uses breakpoint cascade for responsive values\n * - Optimized with useMemo for performance\n * - Supports all CSS Grid and Flexbox properties\n * - Handles responsive size inheritance (larger breakpoints inherit from smaller ones)\n * - Returns both layout styles and filtered component props\n *\n * @param props - Object containing layout and component properties\n * @returns Object containing layout styles and filtered component props\n */\nexport function useLayoutPropsUtil<T extends ResponsiveLayout>(\n  props: T,\n): { layoutStyles?: CSSProperties; componentProps: T } {\n  const baseSizeProps = Object.fromEntries(\n    Object.entries(props).filter(([key, _val]) =>\n      LAYOUT_PROP_ARR.includes(key),\n    ),\n  );\n\n  const responsiveSizeProps = Object.fromEntries(\n    Object.entries(props).filter(([key, _val]) =>\n      RESPONSIVE_SIZES_ARR.includes(key),\n    ),\n  );\n\n  const sizeProps: ResponsiveLayout = useMemo(\n    () => ({\n      ...responsiveSizeProps,\n      base: baseSizeProps,\n    }),\n    [baseSizeProps, responsiveSizeProps],\n  );\n\n  const componentProps = Object.fromEntries(\n    Object.entries(props).filter(\n      ([key, _val]) =>\n        !RESPONSIVE_SIZES_ARR.includes(key) && !LAYOUT_PROP_ARR.includes(key),\n    ),\n  );\n\n  const breakpoint = useBreakpoint();\n\n  const getValue = (style: keyof LayoutCSSVariables) => {\n    const value =\n      (breakpoint?.xxl ? sizeProps.xxl?.[style] : undefined) ??\n      (breakpoint?.xl ? sizeProps.xl?.[style] : undefined) ??\n      (breakpoint?.lg ? sizeProps.lg?.[style] : undefined) ??\n      (breakpoint?.md ? sizeProps.md?.[style] : undefined) ??\n      (breakpoint?.sm ? sizeProps.sm?.[style] : undefined) ??\n      (breakpoint?.xs ? sizeProps.xs?.[style] : undefined) ??\n      sizeProps.base?.[style];\n\n    // Convert gap sizes to design tokens\n    if (style.toLowerCase().endsWith(\"gap\")) {\n      return sizeToToken(value as GapSize);\n    }\n\n    return value;\n  };\n\n  const layoutStyleObject = LAYOUT_PROP_ARR.reduce((o, key) => {\n    const value = getValue(key as keyof LayoutCSSVariables);\n\n    if (typeof value === \"undefined\") return o;\n    return { ...o, [key]: value };\n  }, {});\n\n  return {\n    layoutStyles: layoutStyleObject,\n    componentProps: componentProps as T,\n  };\n}\n"],"names":["core.primitive"],"mappings":"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"}

package/dist/{useToggleSelection-BGc5OiZF.js → useToggleSelection-BSLh569m.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-CgHB-l6A.js';
+import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-Cg2yX7al.js';
 
 function useBulkActionRunner({
   setDraft
@@ -109,4 +109,4 @@ const useToggleSelection = ({
 };
 
 export { MultiSelectOptions as M, useToggleSelection as a, useBulkActionRunner as u };
-//# sourceMappingURL=useToggleSelection-BGc5OiZF.js.map
+//# sourceMappingURL=useToggleSelection-BSLh569m.js.map

package/dist/{useToggleSelection-BGc5OiZF.js.map → useToggleSelection-BSLh569m.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useToggleSelection-BGc5OiZF.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;;;;"}
+{"version":3,"file":"useToggleSelection-BSLh569m.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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/anvil2",
-  "version": "3.0.9",
+  "version": "3.1.0",
   "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": "^14.0.0",
-    "@servicetitan/hammer-icon": "1.2.0",
-    "@servicetitan/hammer-token": "3.0.2"
+    "@servicetitan/hammer-token": "3.1.0",
+    "@servicetitan/hammer-icon": "1.2.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",