@servicetitan/anvil2 3.9.0 → 3.10.0

package/dist/{filter-state-XmqhkURU.js → filter-state-BQOX7_rO.js}

@@ -1,26 +1,27 @@
 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-D6Q0J0Xe.js';
-import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle, b as ToolbarContext, g as getToolbarElements, a as updateToolbarItemsTabIndex } from './ToolbarButtonToggle-Bc0XvCM9.js';
+import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-BGg5dgfl.js';
+import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle, b as ToolbarContext, g as getToolbarElements, a as updateToolbarItemsTabIndex } from './ToolbarButtonToggle-BbtKfezH.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-CpfsWecG.js';
-import { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-CtyLYyDE.js';
-import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-Bi8HsMYP.js';
-import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DKg4g5nN.js';
-import { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-DUHVmOQa.js';
-import { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-DVoYUG7F.js';
+import { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-HhFKGtQM.js';
+import { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-C3Y7jnJQ.js';
+import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-Dyug8Fgk.js';
+import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-BkC0FD5P.js';
+import { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-Cd87uR6b.js';
+import { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-88q0ydo5.js';
 import { C as Checkbox } from './Checkbox-4wRmrann.js';
-import { a as OptionsPopover } from './useAdaptiveView-C_WvM4-P.js';
-import { M as MenuFooter } from './MenuFooter-BXcNxNnX.js';
+import { a as OptionsPopover } from './useAdaptiveView-DmhhcX-B.js';
+import { M as MenuFooter } from './MenuFooter--lBF8OjJ.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-D-KZ3NL0.js';
+import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-BZjlO0hX.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
 import { u as useConfirmationDraft } from './confirmationTypes-CG7xl50f.js';
 import { D as Dialog } from './Dialog-Clh3jaX8.js';
-import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-CHbrYgsD.js';
+import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-DUFfyknZ.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
 import { F as FieldLabel } from './FieldLabel-SzH61hCb.js';
 import { G as Grid } from './Grid-CvGQrIhE.js';
@@ -51,6 +52,37 @@ import './filter-state.css';const FilterItemWrapper = ({ children }) => {
   return /* @__PURE__ */ jsx(ToolbarItemWrapper, { ...props });
 };
 
+const PARTS = {
+  // Common roles (shared values)
+  trigger: COMMON_PART.trigger,
+  input: COMMON_PART.input,
+  dialog: COMMON_PART.dialog,
+  applyButton: COMMON_PART.applyButton,
+  cancelButton: COMMON_PART.cancelButton,
+  /** Clears text in a search/text field — not the whole bar. */
+  clearButton: COMMON_PART.clearButton,
+  drawer: COMMON_PART.drawer,
+  dateInput: COMMON_PART.dateInput,
+  dateCalendar: COMMON_PART.dateCalendar,
+  // FilterBar-specific roles
+  /** Trigger that opens the filter drawer (collapsed mode). */
+  drawerTrigger: "drawer-trigger",
+  /** Lower-bound input of a numeric range filter. */
+  minInput: "min-input",
+  /** Upper-bound input of a numeric range filter. */
+  maxInput: "max-input",
+  /**
+   * Clears all active filters (inline "Clear Filters" and drawer
+   * "Clear All Filters"). Distinct from `clear-button` on search fields.
+   */
+  clearFiltersButton: "clear-filters-button",
+  /**
+   * Numeric count badge on a filter trigger / drawer trigger (not a
+   * selected-value chip).
+   */
+  countBadge: "count-badge"
+};
+
 const styles = {
 	"filter-button-trigger": "_filter-button-trigger_1kmgt_1",
 	"filter-button-trigger--selected": "_filter-button-trigger--selected_1kmgt_5",
@@ -80,6 +112,7 @@ const FilterTriggerButton = forwardRef(function FilterTriggerButton2({ filterId,
       "data-anv": "toolbar-button",
       className: buttonClass,
       ...rest,
+      ...{ [ANV_PART_ATTR]: PARTS.trigger },
       children: label
     }
   );
@@ -98,7 +131,8 @@ const formatLabel$b = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -240,7 +274,8 @@ const formatLabel$9 = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -320,6 +355,7 @@ const FilterToggleButton = ({
       ...props,
       className: styles["filter-button-trigger"],
       "data-anv": "toolbar-boolean-filter",
+      ...{ [ANV_PART_ATTR]: PARTS.trigger },
       children
     }
   ) });
@@ -348,9 +384,11 @@ const booleanAdapter = {
   renderDrawer: ({ draftFilter, onDraftChange }) => /* @__PURE__ */ jsx(
     Checkbox,
     {
+      "data-id": draftFilter.id,
       label: draftFilter.label,
       checked: draftFilter.checked,
-      onChange: (e) => onDraftChange(draftFilter.id, e?.target.checked ?? false)
+      onChange: (e) => onDraftChange(draftFilter.id, e?.target.checked ?? false),
+      ...{ [ANV_PART_ATTR]: PARTS.trigger }
     },
     draftFilter.id
   ),
@@ -565,7 +603,8 @@ const formatLabel$8 = (filter) => {
           label: filter.labelChipCount.toString(),
           color: "#0265DC",
           size: "small",
-          "aria-label": `${filter.labelChipCount} selected items`
+          "aria-label": `${filter.labelChipCount} selected items`,
+          ...{ [ANV_PART_ATTR]: PARTS.countBadge }
         }
       )
     ] });
@@ -738,7 +777,8 @@ const Body$1 = ({
         onChange: handleInputChange,
         lastValidDate: value ?? null,
         autoComplete: "off",
-        error
+        error,
+        ...{ [ANV_PART_ATTR]: PARTS.dateInput }
       }
     ),
     /* @__PURE__ */ jsx(
@@ -748,7 +788,8 @@ const Body$1 = ({
         onSelection: handleCalendarSelection,
         minDate,
         maxDate,
-        unavailable
+        unavailable,
+        ...{ [ANV_PART_ATTR]: PARTS.dateCalendar }
       }
     )
   ] });
@@ -941,10 +982,11 @@ const Body = ({
         startDate: value?.startDate ?? null,
         endDate: value?.endDate ?? null,
         autoComplete: "off",
-        error
+        error,
+        ...{ [ANV_PART_ATTR]: PARTS.dateInput }
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { ...{ [ANV_PART_ATTR]: PARTS.dateCalendar }, children: /* @__PURE__ */ jsx(
       DateFieldRangeCalendar,
       {
         startDate: value?.startDate ?? null,
@@ -954,7 +996,7 @@ const Body = ({
         maxDate,
         unavailable
       }
-    )
+    ) })
   ] });
 };
 const PopoverShell = ({
@@ -1072,12 +1114,20 @@ const formatRangeForLabel = (range) => {
   const formattedStart = sameYear ? `${start.monthShort} ${start.day}` : `${start.monthShort} ${start.day}, ${start.year}`;
   return `${formattedStart} – ${end.monthShort} ${end.day}, ${end.year}`;
 };
+const formatDateListValue = (value) => typeof value === "string" ? formatDateForLabel(value) : formatRangeForLabel(value);
 const formatDateListSelectionLabel = (selection) => {
   if (selection.value === null) return selection.label;
-  const formatted = typeof selection.value === "string" ? formatDateForLabel(selection.value) : formatRangeForLabel(selection.value);
+  const formatted = formatDateListValue(selection.value);
   if (selection.id === "customRange") return formatted;
   return `${selection.label}: ${formatted}`;
 };
+const formatDateListTriggerLabel = (filterLabel, selection) => {
+  if (selection.value === null) return filterLabel || selection.label;
+  if (!filterLabel) return formatDateListSelectionLabel(selection);
+  const formatted = formatDateListValue(selection.value);
+  if (selection.id === "customRange") return `${filterLabel}: ${formatted}`;
+  return `${filterLabel}: ${selection.label} (${formatted})`;
+};
 
 const DateListDialog = ({
   libraryId,
@@ -1126,50 +1176,67 @@ const DateListDialog = ({
       onCommit({ id: libraryId, label: dialogLabel, value: dateDraft });
     }
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: dialogOpen, onClose: onCancel, children: libraryId && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dialog.Header, { children: dialogLabel }),
-    /* @__PURE__ */ jsx(Dialog.Content, { children: isRange ? /* @__PURE__ */ jsx(
-      FilterDateRange,
-      {
-        variant: "inline",
-        filter: {
-          id: `${parentFilterId}--date-list-dialog-range`,
-          label: dialogLabel,
-          type: "dateRange",
-          value: rangeDraft,
-          mode
-        },
-        draftValue: rangeDraft,
-        onDraftChange: setRangeDraft
-      }
-    ) : /* @__PURE__ */ jsx(
-      FilterDateSingle,
-      {
-        variant: "inline",
-        filter: {
-          id: `${parentFilterId}--date-list-dialog-date`,
-          label: dialogLabel,
-          type: "date",
-          value: dateDraft,
-          mode
-        },
-        draftValue: dateDraft,
-        onDraftChange: setDateDraft
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
-      /* @__PURE__ */ jsx(Dialog.CancelButton, { appearance: "ghost", "aria-label": "Cancel", children: "Cancel" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          appearance: "primary",
-          disabled: !canCommit,
-          onClick: handleCommit,
-          children: dialogCtaLabel
-        }
-      )
-    ] }) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: dialogOpen,
+      onClose: onCancel,
+      ...{ [ANV_PART_ATTR]: PARTS.dialog },
+      children: libraryId && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Dialog.Header, { children: dialogLabel }),
+        /* @__PURE__ */ jsx(Dialog.Content, { children: isRange ? /* @__PURE__ */ jsx(
+          FilterDateRange,
+          {
+            variant: "inline",
+            filter: {
+              id: `${parentFilterId}--date-list-dialog-range`,
+              label: dialogLabel,
+              type: "dateRange",
+              value: rangeDraft,
+              mode
+            },
+            draftValue: rangeDraft,
+            onDraftChange: setRangeDraft
+          }
+        ) : /* @__PURE__ */ jsx(
+          FilterDateSingle,
+          {
+            variant: "inline",
+            filter: {
+              id: `${parentFilterId}--date-list-dialog-date`,
+              label: dialogLabel,
+              type: "date",
+              value: dateDraft,
+              mode
+            },
+            draftValue: dateDraft,
+            onDraftChange: setDateDraft
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ jsx(
+            Dialog.CancelButton,
+            {
+              appearance: "ghost",
+              "aria-label": "Cancel",
+              ...{ [ANV_PART_ATTR]: PARTS.cancelButton },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "primary",
+              disabled: !canCommit,
+              onClick: handleCommit,
+              ...{ [ANV_PART_ATTR]: PARTS.applyButton },
+              children: dialogCtaLabel
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
 };
 const FilterDateList = ({
   filter,
@@ -1283,11 +1350,7 @@ const FilterDateList = ({
 };
 
 const isSelected$7 = (filter) => filter.selectedOption !== void 0 && filter.selectedOption.value !== null;
-const formatLabel$6 = (filter) => {
-  const selected = filter.selectedOption;
-  if (!selected || selected.value === null) return filter.label;
-  return formatDateListSelectionLabel(selected);
-};
+const formatLabel$6 = (filter) => filter.selectedOption ? formatDateListTriggerLabel(filter.label, filter.selectedOption) : filter.label;
 const dateListAdapter = {
   getValue: (filter) => filter.selectedOption,
   setValue: (filter, value) => ({ ...filter, selectedOption: value }),
@@ -1452,7 +1515,8 @@ const formatLabel$4 = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -1513,6 +1577,7 @@ const multiSelectAdapter = {
           checked: draftFilter.selectedOptions?.some(
             (selected) => selected.id === option.id
           ) ?? false,
+          ...{ [ANV_PART_ATTR]: COMMON_PART.option },
           onChange: (e) => {
             const currentSelected = draftFilter.selectedOptions ?? [];
             if (e?.target.checked) {
@@ -1587,7 +1652,8 @@ const FilterNumericRange = ({
       label: minFieldLabel,
       value: value?.min ?? null,
       onChange: (n) => update({ min: n ?? void 0, max: value?.max }),
-      ...sharedNumberFieldProps
+      ...sharedNumberFieldProps,
+      ...{ [ANV_PART_ATTR]: PARTS.minInput }
     }
   );
   const maxField = /* @__PURE__ */ jsx(
@@ -1596,7 +1662,8 @@ const FilterNumericRange = ({
       label: maxFieldLabel,
       value: value?.max ?? null,
       onChange: (n) => update({ min: value?.min, max: n ?? void 0 }),
-      ...sharedNumberFieldProps
+      ...sharedNumberFieldProps,
+      ...{ [ANV_PART_ATTR]: PARTS.maxInput }
     }
   );
   if (layout === "compact") {
@@ -1799,7 +1866,8 @@ const FilterSearchField = ({
                 type: "search",
                 autoComplete: "off",
                 "aria-label": filter.label,
-                "data-tracking-id": trackingId
+                "data-tracking-id": trackingId,
+                ...{ [ANV_PART_ATTR]: PARTS.input }
               }
             ),
             /* @__PURE__ */ jsx(
@@ -1815,7 +1883,8 @@ const FilterSearchField = ({
                 className: styles$1["clear"],
                 style: {
                   visibility: hasValue ? "visible" : "hidden"
-                }
+                },
+                ...{ [ANV_PART_ATTR]: PARTS.clearButton }
               }
             )
           ]
@@ -1855,7 +1924,8 @@ const searchAdapter = {
       label: draftFilter.label,
       placeholder: draftFilter.placeholder,
       value: draftFilter.value ?? "",
-      onChange: (e) => onDraftChange(draftFilter.id, e.target.value || void 0)
+      onChange: (e) => onDraftChange(draftFilter.id, e.target.value || void 0),
+      ...{ [ANV_PART_ATTR]: PARTS.input }
     },
     draftFilter.id
   ),
@@ -1968,7 +2038,8 @@ const FilterTextInput = ({
       placeholder: filter.placeholder,
       value,
       onChange: (e) => onChange(truncate(e.target.value)),
-      ...counterProps
+      ...counterProps,
+      ...{ [ANV_PART_ATTR]: PARTS.input }
     }
   );
 };
@@ -2040,7 +2111,8 @@ const formatLabel = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -2153,5 +2225,5 @@ const cloneFiltersWithItemRefs = (filters) => filters.map(
   (filter) => getAdapter(filter).cloneWithItemRefs(filter)
 );
 
-export { DateListDialog as D, FilterGroupContext as F, 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-XmqhkURU.js.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-BQOX7_rO.js.map