@servicetitan/anvil2 3.0.7 → 3.0.9

package/dist/{filter-state-Bx3aYS1r.js → filter-state-CE8t3-Q7.js}

@@ -1,29 +1,33 @@
 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-D2k5X_wX.js';
-import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle } from './ToolbarButtonToggle-BPu81Wuv.js';
+import { C as Chip } from './Chip-CyMNyEPR.js';
+import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle } from './ToolbarButtonToggle-BCKgA8FE.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgEvent } from './TimezoneMessage-BrKB_psP.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { B as Button } from './Button-C_V2xQAs.js';
-import { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-CXX2F0ru.js';
-import { M as MultiSelectMenu, u as useConfirmationDraft, a as MultiSelectMenuSync } from './MultiSelectMenuSync-EKtvlL62.js';
-import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-DykGkR_w.js';
-import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-DTQ8Ofoz.js';
-import { C as Checkbox } from './Checkbox-BeIzx_ZX.js';
-import { f as OptionsPopover } from './syncFilterUtils-BEKek64h.js';
-import { M as MenuFooter } from './useMenuInteraction-CpAOHSJu.js';
+import { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-CzHj9Qvy.js';
+import { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-BGcrYjby.js';
+import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-C65VFWGm.js';
+import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-CF49L12-.js';
+import { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-Do5ffU0b.js';
+import { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-s05Ly6lj.js';
+import { C as Checkbox } from './Checkbox-BYWhkYoK.js';
+import { a as OptionsPopover } from './useAdaptiveView-CeYKH0Me.js';
+import { M as MenuFooter } from './MenuFooter-CrsZdXvN.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-h3YkdwPo.js';
+import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-DR7faQGD.js';
 import { F as Flex } from './Flex-_orhvoxS.js';
-import { D as Dialog } from './Dialog-CvYSMvfD.js';
-import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-BN_uIvHI.js';
+import { u as useConfirmationDraft } from './confirmationTypes-CG7xl50f.js';
+import { D as Dialog } from './Dialog-dE9c90iR.js';
+import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-BUug1tUy.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { F as FieldLabel } from './FieldLabel-D1qPAGtB.js';
+import { F as FieldLabel } from './FieldLabel-VVn8GR64.js';
 import { G as Grid } from './Grid-BAN8WD_V.js';
-import { N as NumberField } from './NumberField-BymFZhIJ.js';
-import { T as Text } from './Text-BTzgTpqu.js';
-import { R as Radio } from './Radio-BcHMk8dD.js';
+import { N as NumberField } from './NumberField-bgYX7JGs.js';
+import { T as Text } from './Text-w2gWn4K6.js';
+import { R as Radio } from './Radio-CPuctRpl.js';
+import { T as TextField } from './TextField-BQsCh5Nb.js';
 
 import './filter-state.css';const FilterItemWrapper = ({ children }) => {
   const props = useMemo(
@@ -76,8 +80,8 @@ const FilterTriggerButton = forwardRef(function FilterTriggerButton2({ filterId,
   );
 });
 
-const isSelected$6 = (filter) => !!filter.selectedOptions && filter.selectedOptions.length > 0;
-const formatLabel$8 = (filter) => {
+const isSelected$9 = (filter) => !!filter.selectedOptions && filter.selectedOptions.length > 0;
+const formatLabel$b = (filter) => {
   const count = filter.selectedOptions?.length ?? 0;
   if (count === 0) return filter.label;
   const countLabel = count.toString();
@@ -94,7 +98,7 @@ const formatLabel$8 = (filter) => {
     )
   ] });
 };
-const passThroughMenuProps$3 = (filter) => {
+const passThroughMenuProps$5 = (filter) => {
   const {
     id: _id,
     label: _label,
@@ -109,7 +113,7 @@ const asyncMultiSelectAdapter = {
   getValue: (filter) => filter.selectedOptions ?? [],
   setValue: (filter, value) => ({ ...filter, selectedOptions: value }),
   reset: (filter) => ({ ...filter, selectedOptions: [] }),
-  isActive: isSelected$6,
+  isActive: isSelected$9,
   preserveState: (newFilter, existingFilter) => ({
     ...newFilter,
     selectedOptions: existingFilter.selectedOptions
@@ -119,7 +123,7 @@ const asyncMultiSelectAdapter = {
   renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     MultiSelectMenu,
     {
-      ...passThroughMenuProps$3(filter),
+      ...passThroughMenuProps$5(filter),
       id: filter.id,
       label: filter.label,
       value: filter.selectedOptions ?? [],
@@ -133,8 +137,8 @@ const asyncMultiSelectAdapter = {
         {
           ...triggerProps,
           filterId: filter.id,
-          label: formatLabel$8(filter),
-          isSelected: isSelected$6(filter)
+          label: formatLabel$b(filter),
+          isSelected: isSelected$9(filter)
         }
       )
     }
@@ -142,25 +146,25 @@ const asyncMultiSelectAdapter = {
   renderDrawer: ({ originalFilter, draftFilter, onDraftChange }) => /* @__PURE__ */ createElement(
     MultiSelectField,
     {
-      ...passThroughMenuProps$3(originalFilter),
+      ...passThroughMenuProps$5(originalFilter),
       key: draftFilter.id,
       label: originalFilter.label,
       value: draftFilter.selectedOptions ?? [],
       onSelectedOptionsChange: (options) => onDraftChange(draftFilter.id, options)
     }
   ),
-  formatLabel: formatLabel$8,
-  isSelected: isSelected$6
+  formatLabel: formatLabel$b,
+  isSelected: isSelected$9
 };
 
-const formatLabel$7 = (filter) => {
+const formatLabel$a = (filter) => {
   if (filter.selectedOption) {
     return `${filter.label}: ${filter.selectedOption.label}`;
   }
   return filter.label;
 };
-const isSelected$5 = (filter) => filter.selectedOption !== void 0;
-const passThroughMenuProps$2 = (filter) => {
+const isSelected$8 = (filter) => filter.selectedOption !== void 0;
+const passThroughMenuProps$4 = (filter) => {
   const {
     id: _id,
     label: _label,
@@ -175,7 +179,7 @@ const asyncSelectAdapter = {
   getValue: (filter) => filter.selectedOption,
   setValue: (filter, value) => ({ ...filter, selectedOption: value }),
   reset: (filter) => ({ ...filter, selectedOption: void 0 }),
-  isActive: isSelected$5,
+  isActive: isSelected$8,
   preserveState: (newFilter, existingFilter) => ({
     ...newFilter,
     selectedOption: existingFilter.selectedOption
@@ -185,7 +189,7 @@ const asyncSelectAdapter = {
   renderBarControl: ({ filter, updateFilter }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     SelectMenu,
     {
-      ...passThroughMenuProps$2(filter),
+      ...passThroughMenuProps$4(filter),
       id: filter.id,
       label: filter.label,
       value: filter.selectedOption ?? null,
@@ -198,8 +202,8 @@ const asyncSelectAdapter = {
         {
           ...triggerProps,
           filterId: filter.id,
-          label: formatLabel$7(filter),
-          isSelected: isSelected$5(filter)
+          label: formatLabel$a(filter),
+          isSelected: isSelected$8(filter)
         }
       )
     }
@@ -207,15 +211,93 @@ const asyncSelectAdapter = {
   renderDrawer: ({ originalFilter, draftFilter, onDraftChange }) => /* @__PURE__ */ createElement(
     SelectField,
     {
-      ...passThroughMenuProps$2(originalFilter),
+      ...passThroughMenuProps$4(originalFilter),
       key: draftFilter.id,
       label: originalFilter.label,
       value: draftFilter.selectedOption ?? null,
       onSelectedOptionChange: (option) => onDraftChange(draftFilter.id, option ?? void 0)
     }
   ),
-  formatLabel: formatLabel$7,
-  isSelected: isSelected$5
+  formatLabel: formatLabel$a,
+  isSelected: isSelected$8
+};
+
+const isSelected$7 = (filter) => !!filter.selectedNodes && filter.selectedNodes.length > 0;
+const formatLabel$9 = (filter) => {
+  const count = filter.selectedNodes?.length ?? 0;
+  if (count === 0) return filter.label;
+  const countLabel = count.toString();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    filter.label,
+    /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: countLabel,
+        color: "#0265DC",
+        size: "small",
+        "aria-label": `${countLabel} selected items`
+      }
+    )
+  ] });
+};
+const passThroughMenuProps$3 = (filter) => {
+  const {
+    id: _id,
+    label: _label,
+    type: _type,
+    selectedNodes: _selectedNodes,
+    drawerOnly: _drawerOnly,
+    ...rest
+  } = filter;
+  return rest;
+};
+const asyncTreeAdapter = {
+  getValue: (filter) => filter.selectedNodes ?? [],
+  setValue: (filter, value) => ({ ...filter, selectedNodes: value }),
+  reset: (filter) => ({ ...filter, selectedNodes: [] }),
+  isActive: isSelected$7,
+  preserveState: (newFilter, existingFilter) => ({
+    ...newFilter,
+    selectedNodes: existingFilter.selectedNodes
+  }),
+  // No items array to rebind against — the selected node values are canonical.
+  cloneWithItemRefs: (filter) => ({ ...filter }),
+  renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
+    TreeSelectMenu,
+    {
+      ...passThroughMenuProps$3(filter),
+      id: filter.id,
+      label: filter.label,
+      value: filter.selectedNodes ?? [],
+      onSelectedOptionsChange: (nodes) => updateFilter(filter.id, nodes, true),
+      confirmation: controlledFiltering,
+      clear: {
+        onClick: () => updateFilter(filter.id, [], true),
+        disabled: !isSelected$7(filter)
+      },
+      trigger: (triggerProps) => /* @__PURE__ */ jsx(
+        FilterTriggerButton,
+        {
+          ...triggerProps,
+          filterId: filter.id,
+          label: formatLabel$9(filter),
+          isSelected: isSelected$7(filter)
+        }
+      )
+    }
+  ) }, filter.id),
+  renderDrawer: ({ originalFilter, draftFilter, onDraftChange }) => /* @__PURE__ */ createElement(
+    TreeSelectField,
+    {
+      ...passThroughMenuProps$3(originalFilter),
+      key: draftFilter.id,
+      label: originalFilter.label,
+      value: draftFilter.selectedNodes ?? [],
+      onSelectedOptionsChange: (nodes) => onDraftChange(draftFilter.id, nodes)
+    }
+  ),
+  formatLabel: formatLabel$9,
+  isSelected: isSelected$7
 };
 
 const FilterToggleButton = ({
@@ -468,7 +550,7 @@ const FilterPopoverButton = (props) => {
   ] });
 };
 
-const formatLabel$6 = (filter) => {
+const formatLabel$8 = (filter) => {
   if (filter.labelChipCount) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       filter.label,
@@ -507,7 +589,7 @@ const customAdapter = {
     FilterPopoverButton,
     {
       filter,
-      label: formatLabel$6(filter),
+      label: formatLabel$8(filter),
       isSelected: filter.value !== void 0,
       committedValue: filter.value,
       initialValue: void 0,
@@ -524,7 +606,7 @@ const customAdapter = {
     value: draftFilter.value,
     onChange: (value) => onDraftChange(draftFilter.id, value)
   }) }, draftFilter.id),
-  formatLabel: formatLabel$6,
+  formatLabel: formatLabel$8,
   isSelected: (filter) => filter.value !== void 0
 };
 
@@ -651,13 +733,13 @@ const PopoverShell$1 = ({
             } : void 0
           }
         ) : void 0,
-        children: /* @__PURE__ */ jsx(Body$1, { filter, value: displayValue, onChange: setDraft })
+        children: isOpen ? /* @__PURE__ */ jsx(Body$1, { filter, value: displayValue, onChange: setDraft }) : null
       }
     )
   ] });
 };
 
-const formatLabel$5 = (filter) => {
+const formatLabel$7 = (filter) => {
   if (filter.value) {
     const date = DateTime.fromISO(filter.value, { zone: "local" });
     return `${filter.label}: ${date.monthShort} ${date.day}, ${date.year}`;
@@ -681,7 +763,7 @@ const dateAdapter = {
       committedValue: filter.value ?? null,
       onCommit: (value) => updateFilter(filter.id, value, true),
       controlledFiltering,
-      label: formatLabel$5(filter),
+      label: formatLabel$7(filter),
       isSelected: !!filter.value,
       clear: {
         onClick: () => updateFilter(filter.id, null, true)
@@ -699,7 +781,7 @@ const dateAdapter = {
     },
     draftFilter.id
   ),
-  formatLabel: formatLabel$5,
+  formatLabel: formatLabel$7,
   isSelected: (filter) => !!filter.value
 };
 
@@ -843,7 +925,7 @@ const PopoverShell = ({
             } : void 0
           }
         ) : void 0,
-        children: /* @__PURE__ */ jsx(Body, { filter, value: displayValue, onChange: setDraft })
+        children: isOpen ? /* @__PURE__ */ jsx(Body, { filter, value: displayValue, onChange: setDraft }) : null
       }
     )
   ] });
@@ -1079,8 +1161,8 @@ const FilterDateList = ({
   ] });
 };
 
-const isSelected$4 = (filter) => filter.selectedOption !== void 0 && filter.selectedOption.value !== null;
-const formatLabel$4 = (filter) => {
+const isSelected$6 = (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);
@@ -1089,7 +1171,7 @@ const dateListAdapter = {
   getValue: (filter) => filter.selectedOption,
   setValue: (filter, value) => ({ ...filter, selectedOption: value }),
   reset: (filter) => ({ ...filter, selectedOption: void 0 }),
-  isActive: isSelected$4,
+  isActive: isSelected$6,
   preserveState: (newFilter, existingFilter) => ({
     ...newFilter,
     selectedOption: existingFilter.selectedOption
@@ -1101,8 +1183,8 @@ const dateListAdapter = {
       filter,
       committedValue: filter.selectedOption,
       onCommit: (value) => updateFilter(filter.id, value, true),
-      label: formatLabel$4(filter),
-      isSelected: isSelected$4(filter),
+      label: formatLabel$6(filter),
+      isSelected: isSelected$6(filter),
       dialogCtaLabel: "Apply",
       clear: {
         onClick: () => updateFilter(filter.id, void 0, true)
@@ -1165,11 +1247,11 @@ const dateListAdapter = {
       draftFilter.id
     );
   },
-  formatLabel: formatLabel$4,
-  isSelected: isSelected$4
+  formatLabel: formatLabel$6,
+  isSelected: isSelected$6
 };
 
-const formatLabel$3 = (filter) => {
+const formatLabel$5 = (filter) => {
   if (filter.value?.startDate && filter.value?.endDate) {
     const start = DateTime.fromISO(filter.value.startDate, {
       zone: "local"
@@ -1183,7 +1265,7 @@ const formatLabel$3 = (filter) => {
   }
   return filter.label;
 };
-const isSelected$3 = (filter) => !!(filter.value?.startDate && filter.value?.endDate);
+const isSelected$5 = (filter) => !!(filter.value?.startDate && filter.value?.endDate);
 const dateRangeAdapter = {
   getValue: (filter) => filter.value ?? null,
   setValue: (filter, value) => ({ ...filter, value }),
@@ -1204,8 +1286,8 @@ const dateRangeAdapter = {
       committedValue: filter.value ?? null,
       onCommit: (value) => updateFilter(filter.id, value, true),
       controlledFiltering,
-      label: formatLabel$3(filter),
-      isSelected: isSelected$3(filter),
+      label: formatLabel$5(filter),
+      isSelected: isSelected$5(filter),
       clear: {
         onClick: () => updateFilter(filter.id, null, true)
       }
@@ -1225,12 +1307,12 @@ const dateRangeAdapter = {
     },
     draftFilter.id
   ),
-  formatLabel: formatLabel$3,
-  isSelected: isSelected$3
+  formatLabel: formatLabel$5,
+  isSelected: isSelected$5
 };
 
-const isSelected$2 = (filter) => !!filter.selectedOptions && filter.selectedOptions.length > 0;
-const formatLabel$2 = (filter) => {
+const isSelected$4 = (filter) => !!filter.selectedOptions && filter.selectedOptions.length > 0;
+const formatLabel$4 = (filter) => {
   const count = filter.selectedOptions?.length ?? 0;
   if (count === 0) return filter.label;
   const countLabel = count.toString();
@@ -1247,7 +1329,7 @@ const formatLabel$2 = (filter) => {
     )
   ] });
 };
-const passThroughMenuProps$1 = (filter) => {
+const passThroughMenuProps$2 = (filter) => {
   const {
     id: _id,
     label: _label,
@@ -1263,7 +1345,7 @@ const multiSelectAdapter = {
   getValue: (filter) => filter.selectedOptions ?? [],
   setValue: (filter, value) => ({ ...filter, selectedOptions: value }),
   reset: (filter) => ({ ...filter, selectedOptions: [] }),
-  isActive: isSelected$2,
+  isActive: isSelected$4,
   preserveState: (newFilter, existingFilter) => ({
     ...newFilter,
     selectedOptions: existingFilter.selectedOptions
@@ -1274,7 +1356,7 @@ const multiSelectAdapter = {
   renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     MultiSelectMenuSync,
     {
-      ...passThroughMenuProps$1(filter),
+      ...passThroughMenuProps$2(filter),
       id: filter.id,
       label: filter.label,
       value: filter.selectedOptions ?? [],
@@ -1288,8 +1370,8 @@ const multiSelectAdapter = {
         {
           ...triggerProps,
           filterId: filter.id,
-          label: formatLabel$2(filter),
-          isSelected: isSelected$2(filter)
+          label: formatLabel$4(filter),
+          isSelected: isSelected$4(filter)
         }
       )
     }
@@ -1323,7 +1405,7 @@ const multiSelectAdapter = {
     return /* @__PURE__ */ createElement(
       MultiSelectFieldSync,
       {
-        ...passThroughMenuProps$1(originalFilter),
+        ...passThroughMenuProps$2(originalFilter),
         key: draftFilter.id,
         label: originalFilter.label,
         value: draftFilter.selectedOptions ?? [],
@@ -1331,8 +1413,8 @@ const multiSelectAdapter = {
       }
     );
   },
-  formatLabel: formatLabel$2,
-  isSelected: isSelected$2
+  formatLabel: formatLabel$4,
+  isSelected: isSelected$4
 };
 
 const clampToBounds = (n, minValue, maxValue) => {
@@ -1428,7 +1510,7 @@ const formatBound = (n, filter) => {
   if (filter.mode === "percentage") return `${formatted}%`;
   return formatted;
 };
-const formatLabel$1 = (filter) => {
+const formatLabel$3 = (filter) => {
   const hasMin = filter.value?.min !== void 0;
   const hasMax = filter.value?.max !== void 0;
   if (!hasMin && !hasMax) return filter.label;
@@ -1443,12 +1525,12 @@ const formatLabel$1 = (filter) => {
   }
   return `${filter.label}: ${maxSymbol} ${formatBound(filter.value.max, filter)}`;
 };
-const isSelected$1 = (filter) => filter.value !== null && filter.value !== void 0 && (filter.value.min !== void 0 || filter.value.max !== void 0);
+const isSelected$3 = (filter) => filter.value !== null && filter.value !== void 0 && (filter.value.min !== void 0 || filter.value.max !== void 0);
 const numericRangeAdapter = {
   getValue: (filter) => filter.value ?? null,
   setValue: (filter, value) => ({ ...filter, value }),
   reset: (filter) => ({ ...filter, value: null }),
-  isActive: isSelected$1,
+  isActive: isSelected$3,
   preserveState: (newFilter, existingFilter) => ({
     ...newFilter,
     value: existingFilter.value
@@ -1461,10 +1543,11 @@ const numericRangeAdapter = {
     FilterPopoverButton,
     {
       filter,
-      label: formatLabel$1(filter),
-      isSelected: isSelected$1(filter),
+      label: formatLabel$3(filter),
+      isSelected: isSelected$3(filter),
       committedValue: filter.value ?? null,
       initialValue: null,
+      keepOpenOnUncontrolledChange: true,
       children: ({ value, onChange }) => /* @__PURE__ */ jsx(
         FilterNumericRange,
         {
@@ -1487,18 +1570,18 @@ const numericRangeAdapter = {
     },
     draftFilter.id
   ),
-  formatLabel: formatLabel$1,
-  isSelected: isSelected$1
+  formatLabel: formatLabel$3,
+  isSelected: isSelected$3
 };
 
-const formatLabel = (filter) => {
+const formatLabel$2 = (filter) => {
   if (filter.selectedOption) {
     return `${filter.label}: ${filter.selectedOption.label}`;
   }
   return filter.label;
 };
-const isSelected = (filter) => filter.selectedOption !== void 0;
-const passThroughMenuProps = (filter) => {
+const isSelected$2 = (filter) => filter.selectedOption !== void 0;
+const passThroughMenuProps$1 = (filter) => {
   const {
     id: _id,
     label: _label,
@@ -1514,7 +1597,7 @@ const singleSelectAdapter = {
   getValue: (filter) => filter.selectedOption,
   setValue: (filter, value) => ({ ...filter, selectedOption: value }),
   reset: (filter) => ({ ...filter, selectedOption: void 0 }),
-  isActive: isSelected,
+  isActive: isSelected$2,
   preserveState: (newFilter, existingFilter) => ({
     ...newFilter,
     selectedOption: existingFilter.selectedOption
@@ -1525,7 +1608,7 @@ const singleSelectAdapter = {
   renderBarControl: ({ filter, updateFilter }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
     SelectMenuSync,
     {
-      ...passThroughMenuProps(filter),
+      ...passThroughMenuProps$1(filter),
       id: filter.id,
       label: filter.label,
       value: filter.selectedOption ?? null,
@@ -1538,8 +1621,8 @@ const singleSelectAdapter = {
         {
           ...triggerProps,
           filterId: filter.id,
-          label: formatLabel(filter),
-          isSelected: isSelected(filter)
+          label: formatLabel$2(filter),
+          isSelected: isSelected$2(filter)
         }
       )
     }
@@ -1568,7 +1651,7 @@ const singleSelectAdapter = {
     return /* @__PURE__ */ createElement(
       SelectFieldSync,
       {
-        ...passThroughMenuProps(originalFilter),
+        ...passThroughMenuProps$1(originalFilter),
         key: draftFilter.id,
         label: originalFilter.label,
         value: draftFilter.selectedOption ?? null,
@@ -1576,6 +1659,160 @@ const singleSelectAdapter = {
       }
     );
   },
+  formatLabel: formatLabel$2,
+  isSelected: isSelected$2
+};
+
+const FilterTextInput = ({
+  filter,
+  value,
+  onChange,
+  layout
+}) => {
+  const truncate = (s) => filter.maxLength !== void 0 ? s.slice(0, filter.maxLength) : s;
+  const counterProps = filter.showCounter ? { showCounter: true, maxLength: filter.maxLength } : { maxLength: filter.maxLength };
+  return /* @__PURE__ */ jsx(
+    TextField,
+    {
+      label: filter.label,
+      hideLabel: layout === "compact",
+      placeholder: filter.placeholder,
+      value,
+      onChange: (e) => onChange(truncate(e.target.value)),
+      ...counterProps
+    }
+  );
+};
+
+const TRIGGER_VALUE_MAX_CHARS = 24;
+const formatLabel$1 = (filter) => {
+  if (!filter.value) return filter.label;
+  const display = filter.value.length > TRIGGER_VALUE_MAX_CHARS ? `${filter.value.slice(0, TRIGGER_VALUE_MAX_CHARS)}…` : filter.value;
+  return `${filter.label}: ${display}`;
+};
+const isSelected$1 = (filter) => filter.value !== void 0 && filter.value !== "";
+const textInputAdapter = {
+  getValue: (filter) => filter.value ?? "",
+  // Normalise empty → undefined on write so `isSelected` / activeFilters lists
+  // treat a cleared field as inactive without needing extra guards.
+  setValue: (filter, value) => ({ ...filter, value: value || void 0 }),
+  reset: (filter) => ({ ...filter, value: void 0 }),
+  isActive: isSelected$1,
+  preserveState: (newFilter, existingFilter) => ({
+    ...newFilter,
+    value: existingFilter.value
+  }),
+  cloneWithItemRefs: (filter) => ({ ...filter }),
+  renderBarControl: ({ filter }) => /* @__PURE__ */ jsx(
+    FilterPopoverButton,
+    {
+      filter,
+      label: formatLabel$1(filter),
+      isSelected: isSelected$1(filter),
+      committedValue: filter.value ?? "",
+      initialValue: "",
+      keepOpenOnUncontrolledChange: true,
+      children: ({ value, onChange }) => /* @__PURE__ */ jsx(
+        FilterTextInput,
+        {
+          filter,
+          value,
+          onChange,
+          layout: "compact"
+        }
+      )
+    },
+    filter.id
+  ),
+  renderDrawer: ({ draftFilter, onDraftChange }) => /* @__PURE__ */ jsx(
+    FilterTextInput,
+    {
+      filter: draftFilter,
+      value: draftFilter.value ?? "",
+      onChange: (value) => onDraftChange(draftFilter.id, value || void 0),
+      layout: "grid"
+    },
+    draftFilter.id
+  ),
+  formatLabel: formatLabel$1,
+  isSelected: isSelected$1
+};
+
+const isSelected = (filter) => !!filter.selectedNodes && filter.selectedNodes.length > 0;
+const formatLabel = (filter) => {
+  const count = filter.selectedNodes?.length ?? 0;
+  if (count === 0) return filter.label;
+  const countLabel = count.toString();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    filter.label,
+    /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: countLabel,
+        color: "#0265DC",
+        size: "small",
+        "aria-label": `${countLabel} selected items`
+      }
+    )
+  ] });
+};
+const passThroughMenuProps = (filter) => {
+  const {
+    id: _id,
+    label: _label,
+    type: _type,
+    selectedNodes: _selectedNodes,
+    drawerOnly: _drawerOnly,
+    ...rest
+  } = filter;
+  return rest;
+};
+const treeAdapter = {
+  getValue: (filter) => filter.selectedNodes ?? [],
+  setValue: (filter, value) => ({ ...filter, selectedNodes: value }),
+  reset: (filter) => ({ ...filter, selectedNodes: [] }),
+  isActive: isSelected,
+  preserveState: (newFilter, existingFilter) => ({
+    ...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.
+  cloneWithItemRefs: (filter) => ({ ...filter }),
+  renderBarControl: ({ filter, updateFilter, controlledFiltering }) => /* @__PURE__ */ jsx(FilterItemWrapper, { children: /* @__PURE__ */ jsx(
+    TreeSelectMenuSync,
+    {
+      ...passThroughMenuProps(filter),
+      id: filter.id,
+      label: filter.label,
+      value: filter.selectedNodes ?? [],
+      onSelectedOptionsChange: (nodes) => updateFilter(filter.id, nodes, true),
+      confirmation: controlledFiltering,
+      clear: {
+        onClick: () => updateFilter(filter.id, [], true),
+        disabled: !isSelected(filter)
+      },
+      trigger: (triggerProps) => /* @__PURE__ */ jsx(
+        FilterTriggerButton,
+        {
+          ...triggerProps,
+          filterId: filter.id,
+          label: formatLabel(filter),
+          isSelected: isSelected(filter)
+        }
+      )
+    }
+  ) }, filter.id),
+  renderDrawer: ({ originalFilter, draftFilter, onDraftChange }) => /* @__PURE__ */ createElement(
+    TreeSelectFieldSync,
+    {
+      ...passThroughMenuProps(originalFilter),
+      key: draftFilter.id,
+      label: originalFilter.label,
+      value: draftFilter.selectedNodes ?? [],
+      onSelectedOptionsChange: (nodes) => onDraftChange(draftFilter.id, nodes)
+    }
+  ),
   formatLabel,
   isSelected
 };
@@ -1590,7 +1827,10 @@ const filterAdapters = {
   dateList: dateListAdapter,
   asyncSelect: asyncSelectAdapter,
   asyncMultiSelect: asyncMultiSelectAdapter,
-  numericRange: numericRangeAdapter
+  tree: treeAdapter,
+  asyncTree: asyncTreeAdapter,
+  numericRange: numericRangeAdapter,
+  textInput: textInputAdapter
 };
 const unknownAdapter = {
   getValue: () => void 0,
@@ -1624,4 +1864,4 @@ const cloneFiltersWithItemRefs = (filters) => filters.map(
 );
 
 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-Bx3aYS1r.js.map
+//# sourceMappingURL=filter-state-CE8t3-Q7.js.map