@servicetitan/anvil2 3.15.0 → 3.15.1

package/dist/{filter-state-DW8YmRHb.js → filter-state-Do862BNr.js}

@@ -1,39 +1,39 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, forwardRef, createElement, createContext, useRef, useId, useState, useContext, useEffect, useCallback } from 'react';
-import { C as Chip } from './Chip-B4G4zaP-.js';
+import { C as Chip } from './Chip-2OydLs66.js';
 import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-DFVq7-Cm.js';
-import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle, b as ToolbarContext, g as getToolbarElements, a as updateToolbarItemsTabIndex } from './ToolbarButtonToggle-BMBmBdw1.js';
+import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle, b as ToolbarContext, g as getToolbarElements, a as updateToolbarItemsTabIndex } from './ToolbarButtonToggle-T8YnSJ5x.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgEvent, a as DateModeToFormatMap } from './TimezoneMessage-BrKB_psP.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { B as Button } from './Button-Dwh_Nd4l.js';
-import { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-ZNoNOm6d.js';
-import { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-DrgqaUJj.js';
-import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-CB75kkka.js';
-import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DIMfovCI.js';
-import { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-CKnFwROC.js';
-import { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-CK-x2_ne.js';
-import { C as Checkbox } from './Checkbox-DBE35nMv.js';
-import { a as OptionsPopover } from './useInvalidateOnOptionsChange-D3KWg4qK.js';
-import { M as MenuFooter } from './MenuFooter-fGSZYh8e.js';
+import { B as Button } from './Button-Dn6-01xl.js';
+import { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-DpPO0cya.js';
+import { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-BN_3moW_.js';
+import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-BN2ebLWT.js';
+import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DuPf8KCc.js';
+import { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-C0mXwYZL.js';
+import { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-D2TvKxP-.js';
+import { C as Checkbox } from './Checkbox-U-kuWhgc.js';
+import { a as OptionsPopover } from './useInvalidateOnOptionsChange-BD2VBpbK.js';
+import { M as MenuFooter } from './MenuFooter-D__gg92C.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-BmCghXba.js';
+import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-BJ16tpOz.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
 import { u as useConfirmationDraft } from './confirmationTypes-DeRtO_Cw.js';
-import { D as Dialog } from './Dialog-vSiZAR1y.js';
-import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-nyj8mtUP.js';
+import { D as Dialog } from './Dialog-B9llUKJz.js';
+import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-X2jdOTYY.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { F as FieldLabel } from './FieldLabel-CAusaqUY.js';
+import { F as FieldLabel } from './FieldLabel-ThEmUiAq.js';
 import { G as Grid } from './Grid-BPCDtqoT.js';
-import { N as NumberField } from './NumberField-D5ZzEHg1.js';
-import { T as Text } from './Text-dONmlARH.js';
-import { T as TextField } from './TextField-CtXjbtqa.js';
+import { N as NumberField } from './NumberField-CxmJx4gs.js';
+import { T as Text } from './Text-rihxXHSe.js';
+import { T as TextField } from './TextField-Bxd-Qzoi.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { a as SvgSearch, s as styles$1 } from './SearchField-DX8hZyo2.js';
 import { t as textFieldStyles } from './TextField.module-DklyLNKz.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { useTrackingId } from './useTrackingId.js';
-import { R as Radio } from './Radio-C2BJqWlV.js';
+import { R as Radio } from './Radio-C1VnatcL.js';
 
 import './filter-state.css';const FilterItemWrapper = ({ children }) => {
   const props = useMemo(
@@ -156,7 +156,7 @@ const asyncMultiSelectAdapter = {
     ...newFilter,
     selectedOptions: existingFilter.selectedOptions
   }),
-  // No items array to rebind against — the selectedOptions are canonical.
+  // No items array to rebind; MultiSelectMenu matches committed options by id.
   cloneWithItemRefs: (filter) => ({ ...filter }),
   renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     MultiSelectMenu,
@@ -222,8 +222,10 @@ const asyncSelectAdapter = {
     ...newFilter,
     selectedOption: existingFilter.selectedOption
   }),
-  // No items array to rebind against — the selectedOption is canonical.
+  // No items array to rebind; SelectMenu matches the committed option by id.
   cloneWithItemRefs: (filter) => ({ ...filter }),
+  // SelectMenu has no confirmation/Apply path; selection and Clear always
+  // submit, including when FilterBar `controlledFiltering` is on.
   renderBarControl: ({ filter, updateFilter }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     SelectMenu,
     {
@@ -298,7 +300,7 @@ const asyncTreeAdapter = {
     ...newFilter,
     selectedNodes: existingFilter.selectedNodes
   }),
-  // No items array to rebind against — the selected node values are canonical.
+  // No static options tree to rebind; selected nodes already carry id/label.
   cloneWithItemRefs: (filter) => ({ ...filter }),
   renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     TreeSelectMenu,
@@ -369,6 +371,7 @@ const booleanAdapter = {
     checked: existingFilter.checked
   }),
   cloneWithItemRefs: (filter) => ({ ...filter }),
+  // No popover or Apply step; boolean changes always submit immediately.
   renderBarControl: ({ filter, updateFilter }) => /* @__PURE__ */ jsx(
     FilterToggleButton,
     {
@@ -436,6 +439,7 @@ const FilterPopoverButton = (props) => {
   const commitOnSelect = props.commitOnSelect === true;
   const initialValue = commitOnSelect ? void 0 : props.initialValue;
   const keepOpenOnUncontrolledChange = !commitOnSelect && (props.keepOpenOnUncontrolledChange ?? false);
+  const clear = commitOnSelect ? void 0 : props.clear;
   const triggerRef = useRef(null);
   const popoverId = useId();
   const [isOpen, setIsOpen] = useState(false);
@@ -538,12 +542,17 @@ const FilterPopoverButton = (props) => {
   ]);
   const bodyValue = commitOnSelect ? committedValue : draftValue;
   const showConfirmationFooter = controlledFiltering && !commitOnSelect;
+  const showFooter = Boolean(clear) || showConfirmationFooter;
   useEffect(() => {
     if (!isOpen || !showConfirmationFooter) return;
     const popoverEl = document.getElementById(popoverId);
     if (!popoverEl) return;
     const handler = (e) => {
       if (e.key !== "Enter" || e.defaultPrevented) return;
+      const part = e.target?.closest("button")?.getAttribute(ANV_PART_ATTR);
+      if (part === COMMON_PART.clearButton || part === COMMON_PART.cancelButton) {
+        return;
+      }
       handleApply();
     };
     popoverEl.addEventListener("keydown", handler);
@@ -576,13 +585,20 @@ const FilterPopoverButton = (props) => {
         referenceElement: triggerRef,
         open: isOpen,
         onClose: handlePopoverClose,
-        footer: showConfirmationFooter ? /* @__PURE__ */ jsx(
+        footer: showFooter ? /* @__PURE__ */ jsx(
           MenuFooter,
           {
-            confirmation: {
+            clear: clear ? {
+              ...clear,
+              onClick: () => {
+                clear.onClick();
+                closeAndRestoreFocus();
+              }
+            } : void 0,
+            confirmation: showConfirmationFooter ? {
               onApply: handleApply,
               onCancel: handleCancel
-            }
+            } : void 0
           }
         ) : void 0,
         children: children({ value: bodyValue, onChange: handleDraftChange })
@@ -635,9 +651,8 @@ const customAdapter = {
       committedValue: filter.value,
       initialValue: void 0,
       children: ({ value, onChange }) => (
-        // drawer-only customs are filtered out before reaching
-        // renderBarControl, so this guard is purely for TS narrowing across
-        // the CustomFilter union (buttonRender is `never` when drawerOnly).
+        // Narrows the CustomFilter union (`buttonRender` is `never` when
+        // drawerOnly).
         filter.drawerOnly ? null : filter.buttonRender({ value, onChange })
       )
     },
@@ -1543,8 +1558,7 @@ const multiSelectAdapter = {
     ...newFilter,
     selectedOptions: existingFilter.selectedOptions
   }),
-  // Options are owned by the consumer; MultiSelectMenuSync handles identity
-  // internally — no rebinding needed.
+  // Options stay consumer-owned; MultiSelectMenuSync matches selection by id.
   cloneWithItemRefs: (filter) => ({ ...filter }),
   renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     MultiSelectMenuSync,
@@ -1735,7 +1749,7 @@ const numericRangeAdapter = {
     ...filter,
     value: filter.value ? { ...filter.value } : null
   }),
-  renderBarControl: ({ filter }) => /* @__PURE__ */ jsx(
+  renderBarControl: ({ filter, updateFilter }) => /* @__PURE__ */ jsx(
     FilterPopoverButton,
     {
       filter,
@@ -1743,6 +1757,9 @@ const numericRangeAdapter = {
       isSelected: isSelected$4(filter),
       committedValue: filter.value ?? null,
       initialValue: null,
+      clear: {
+        onClick: () => updateFilter(filter.id, null, true)
+      },
       keepOpenOnUncontrolledChange: true,
       children: ({ value, onChange }) => /* @__PURE__ */ jsx(
         FilterNumericRange,
@@ -1899,6 +1916,7 @@ FilterSearchField.displayName = "FilterSearchField";
 const isSelected$3 = (filter) => filter.value !== void 0 && filter.value !== "";
 const searchAdapter = {
   getValue: (filter) => filter.value ?? "",
+  // Normalize empty values so active-filter counts treat a cleared field as inactive.
   setValue: (filter, value) => ({ ...filter, value: value || void 0 }),
   reset: (filter) => ({ ...filter, value: void 0 }),
   isActive: isSelected$3,
@@ -1962,9 +1980,10 @@ const singleSelectAdapter = {
     ...newFilter,
     selectedOption: existingFilter.selectedOption
   }),
-  // Options are owned by the consumer; SelectMenuSync handles option identity
-  // internally — no rebinding needed here.
+  // Options stay consumer-owned; SelectMenuSync matches selection by id.
   cloneWithItemRefs: (filter) => ({ ...filter }),
+  // SelectMenuSync has no confirmation/Apply path; selection and Clear always
+  // submit, including when FilterBar `controlledFiltering` is on.
   renderBarControl: ({ filter, updateFilter }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     SelectMenuSync,
     {
@@ -2137,8 +2156,7 @@ const treeAdapter = {
     ...newFilter,
     selectedNodes: existingFilter.selectedNodes
   }),
-  // The tree's `options` are owned by the consumer; the selected node values
-  // are canonical and carry their own id/label — no rebinding needed.
+  // Options stay consumer-owned; selected nodes already carry id/label.
   cloneWithItemRefs: (filter) => ({ ...filter }),
   renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     TreeSelectMenuSync,
@@ -2226,4 +2244,4 @@ const cloneFiltersWithItemRefs = (filters) => filters.map(
 );
 
 export { DateListDialog as D, FilterGroupContext as F, PARTS as P, checkActiveFilters as a, getAdapter as b, cloneFiltersWithItemRefs as c, FilterItemWrapper as d, FilterTriggerButton as e, getActiveFilters as g, hasFilterSelectionChanged as h, preserveFilterState as p, resetFilters as r, styles as s, updateSingleFilter as u };
-//# sourceMappingURL=filter-state-DW8YmRHb.js.map
+//# sourceMappingURL=filter-state-Do862BNr.js.map