@planningcenter/tapestry 4.8.0-rc.0 → 4.8.0

package/dist/components/DataTable/collectionFilter.js

@@ -1,11 +1,6 @@
-import { Checkbox } from '../checkbox/Checkbox.js';
-import { CheckboxGroup } from '../checkbox-group/CheckboxGroup.js';
-import { ComboBox, ComboBoxItem } from '../combo-box/ComboBox.js';
-import { Radio } from '../radio/Radio.js';
-import { RadioGroup } from '../radio-group/RadioGroup.js';
-import { Select } from '../select/Select.js';
 import React__default from 'react';
 import { ActiveFilterInstance } from './ActiveFilterInstance.js';
+import { CollectionFilterEditorStatic } from './CollectionEditorsStatic.js';
 import { resolveOperators } from './resolveOperators.js';
 
 const COLLECTION_IS = {
@@ -19,9 +14,6 @@ const COLLECTION_NOT = {
     name: "not",
 };
 const COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT];
-function orderByOptions(options, selected) {
-    return options.filter((o) => selected.has(o.value)).map((o) => o.value);
-}
 function collectionFilter({ display = "select", excludes, includes, multiple = false, options, ...config }) {
     const filter = {
         ...config,
@@ -43,44 +35,10 @@ class CollectionActiveFilter extends ActiveFilterInstance {
             value)
             .join(", ");
     }
-    renderEditor(updateActiveFilter) {
-        const { display, multiple, options } = this.config;
-        const onCommit = (value) => updateActiveFilter({ value });
-        if (display === "combobox") {
-            return (React__default.createElement(ComboBox, { hideLabel: true, label: this.operator.label, selectionMode: multiple ? "multiple" : "single", value: this.value, onChange: (value) => {
-                    if (Array.isArray(value)) {
-                        onCommit(orderByOptions(options, new Set(value.map(String))));
-                    }
-                    else if (value !== null) {
-                        onCommit(String(value));
-                    }
-                } }, options.map((option) => (React__default.createElement(ComboBoxItem, { key: option.value, id: option.value }, option.label)))));
-        }
-        if (multiple) {
-            const selected = Array.isArray(this.value) ? this.value : [this.value];
-            return (React__default.createElement(CheckboxesEditor, { label: this.filter.label, options: options, value: selected, onCommit: onCommit }));
-        }
-        const selected = Array.isArray(this.value) ? this.value[0] : this.value;
-        if (display === "checkboxes") {
-            return (React__default.createElement(RadiosEditor, { label: this.filter.label, name: this.filter.name, options: options, value: selected, onCommit: onCommit }));
-        }
-        return (React__default.createElement(Select, { hideLabel: true, label: this.operator.label, options: options, value: selected, onChange: (e) => onCommit(e.target.value) }));
+    renderEditor(onChange) {
+        return (React__default.createElement(CollectionFilterEditorStatic, { config: this.config, onChange: onChange, operator: this.operator, value: this.value, filter: this.filter }));
     }
 }
-function CheckboxesEditor({ label, onCommit, options, value, }) {
-    const toggle = (optionValue, checked) => {
-        const next = new Set(value);
-        if (checked)
-            next.add(optionValue);
-        else
-            next.delete(optionValue);
-        onCommit(orderByOptions(options, next));
-    };
-    return (React__default.createElement(CheckboxGroup, { label: label }, options.map((option) => (React__default.createElement(Checkbox, { key: option.value, checked: value.includes(option.value), label: option.label, onChange: (e) => toggle(option.value, e.target.checked) })))));
-}
-function RadiosEditor({ label, name, onCommit, options, value, }) {
-    return (React__default.createElement(RadioGroup, { label: label }, options.map((option) => (React__default.createElement(Radio, { key: option.value, checked: value === option.value, label: option.label, name: name, onChange: () => onCommit(option.value) })))));
-}
 
 export { COLLECTION_IS, COLLECTION_NOT, collectionFilter };
 //# sourceMappingURL=collectionFilter.js.map

package/dist/components/DataTable/collectionFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"collectionFilter.js","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"sourcesContent":["import { Checkbox } from \"@components/checkbox\"\nimport { CheckboxGroup } from \"@components/checkbox-group\"\nimport { ComboBox, ComboBoxItem } from \"@components/combo-box\"\nimport { Radio } from \"@components/radio\"\nimport { RadioGroup } from \"@components/radio-group\"\nimport { Select } from \"@components/select\"\nimport React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n  UpdateActiveFilter,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\n// A type alias (not an interface) so it satisfies `Select`'s `data-*` index signature.\nexport type CollectionOption = {\n  label: string\n  value: string\n}\n\n/** A single option's `value`, or the selected `value`s when `multiple`. */\nexport type CollectionFilterValue = string | string[]\n\nexport type CollectionDisplay = \"checkboxes\" | \"combobox\" | \"select\"\n\nexport const COLLECTION_IS = {\n  inputType: { type: \"collection\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const COLLECTION_NOT = {\n  inputType: { type: \"collection\" },\n  label: \"is not\",\n  name: \"not\",\n} as const satisfies Operator\n\nconst COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT]\n\nexport type CollectionOperatorName =\n  (typeof COLLECTION_OPERATORS)[number][\"name\"]\n\nexport type CollectionFilterConfig =\n  FilterItemConfig<CollectionOperatorName> & {\n    options: CollectionOption[]\n  } & (\n      | { display?: CollectionDisplay; multiple?: false }\n      | { display?: Exclude<CollectionDisplay, \"select\">; multiple: true }\n    )\n\nfunction orderByOptions(options: CollectionOption[], selected: Set<string>) {\n  return options.filter((o) => selected.has(o.value)).map((o) => o.value)\n}\n\nexport function collectionFilter({\n  display = \"select\",\n  excludes,\n  includes,\n  multiple = false,\n  options,\n  ...config\n}: CollectionFilterConfig): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new CollectionActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as CollectionFilterValue,\n        { display, multiple, options }\n      ),\n    operators: resolveOperators(COLLECTION_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass CollectionActiveFilter extends ActiveFilterInstance<CollectionFilterValue> {\n  constructor(\n    filter: FilterNodeItem,\n    operator: FilterNodeItem[\"operators\"][number],\n    value: CollectionFilterValue,\n    private readonly config: {\n      display: CollectionDisplay\n      multiple: boolean\n      options: CollectionOption[]\n    }\n  ) {\n    super(filter, operator, value)\n  }\n\n  formatValue() {\n    const values = Array.isArray(this.value) ? this.value : [this.value]\n    return values\n      .map(\n        (value) =>\n          this.config.options.find((option) => option.value === value)?.label ??\n          value\n      )\n      .join(\", \")\n  }\n\n  renderEditor(updateActiveFilter: UpdateActiveFilter) {\n    const { display, multiple, options } = this.config\n    const onCommit = (value: CollectionFilterValue) =>\n      updateActiveFilter({ value })\n\n    if (display === \"combobox\") {\n      return (\n        <ComboBox\n          hideLabel\n          label={this.operator.label}\n          selectionMode={multiple ? \"multiple\" : \"single\"}\n          value={this.value}\n          onChange={(value: React.Key | React.Key[] | null) => {\n            if (Array.isArray(value)) {\n              onCommit(orderByOptions(options, new Set(value.map(String))))\n            } else if (value !== null) {\n              onCommit(String(value))\n            }\n          }}\n        >\n          {options.map((option) => (\n            <ComboBoxItem key={option.value} id={option.value}>\n              {option.label}\n            </ComboBoxItem>\n          ))}\n        </ComboBox>\n      )\n    }\n\n    if (multiple) {\n      const selected = Array.isArray(this.value) ? this.value : [this.value]\n      return (\n        <CheckboxesEditor\n          label={this.filter.label}\n          options={options}\n          value={selected}\n          onCommit={onCommit}\n        />\n      )\n    }\n\n    const selected = Array.isArray(this.value) ? this.value[0] : this.value\n    if (display === \"checkboxes\") {\n      return (\n        <RadiosEditor\n          label={this.filter.label}\n          name={this.filter.name}\n          options={options}\n          value={selected}\n          onCommit={onCommit}\n        />\n      )\n    }\n    return (\n      <Select\n        hideLabel\n        label={this.operator.label}\n        options={options}\n        value={selected}\n        onChange={(e) => onCommit(e.target.value)}\n      />\n    )\n  }\n}\n\nfunction CheckboxesEditor({\n  label,\n  onCommit,\n  options,\n  value,\n}: {\n  label: string\n  onCommit: (value: string[]) => void\n  options: CollectionOption[]\n  value: string[]\n}) {\n  const toggle = (optionValue: string, checked: boolean) => {\n    const next = new Set(value)\n    if (checked) next.add(optionValue)\n    else next.delete(optionValue)\n    onCommit(orderByOptions(options, next))\n  }\n  return (\n    <CheckboxGroup label={label}>\n      {options.map((option) => (\n        <Checkbox\n          key={option.value}\n          checked={value.includes(option.value)}\n          label={option.label}\n          onChange={(e) => toggle(option.value, e.target.checked)}\n        />\n      ))}\n    </CheckboxGroup>\n  )\n}\n\nfunction RadiosEditor({\n  label,\n  name,\n  onCommit,\n  options,\n  value,\n}: {\n  label: string\n  name: string\n  onCommit: (value: string) => void\n  options: CollectionOption[]\n  value: string\n}) {\n  return (\n    <RadioGroup label={label}>\n      {options.map((option) => (\n        <Radio\n          key={option.value}\n          checked={value === option.value}\n          label={option.label}\n          name={name}\n          onChange={() => onCommit(option.value)}\n        />\n      ))}\n    </RadioGroup>\n  )\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"collectionFilter.js","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type { CollectionFilterValue } from \"./CollectionEditorsShared\"\nimport { CollectionFilterEditorStatic } from \"./CollectionEditorsStatic\"\nimport type {\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\n// A type alias (not an interface) so it satisfies `Select`'s `data-*` index signature.\nexport type CollectionOption = {\n  label: string\n  value: string\n}\n\nexport type CollectionDisplay = \"checkboxes\" | \"combobox\" | \"select\"\n\nexport const COLLECTION_IS = {\n  inputType: { type: \"collection\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const COLLECTION_NOT = {\n  inputType: { type: \"collection\" },\n  label: \"is not\",\n  name: \"not\",\n} as const satisfies Operator\n\nconst COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT]\n\nexport type CollectionOperatorName =\n  (typeof COLLECTION_OPERATORS)[number][\"name\"]\n\nexport type CollectionFilterConfig =\n  FilterItemConfig<CollectionOperatorName> & {\n    options: CollectionOption[]\n  } & (\n      | { display?: CollectionDisplay; multiple?: false }\n      | { display?: Exclude<CollectionDisplay, \"select\">; multiple: true }\n    )\n\nexport function collectionFilter({\n  display = \"select\",\n  excludes,\n  includes,\n  multiple = false,\n  options,\n  ...config\n}: CollectionFilterConfig): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new CollectionActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as CollectionFilterValue,\n        { display, multiple, options }\n      ),\n    operators: resolveOperators(COLLECTION_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass CollectionActiveFilter extends ActiveFilterInstance<CollectionFilterValue> {\n  constructor(\n    filter: FilterNodeItem,\n    operator: FilterNodeItem[\"operators\"][number],\n    value: CollectionFilterValue,\n    private readonly config: {\n      display: CollectionDisplay\n      multiple: boolean\n      options: CollectionOption[]\n    }\n  ) {\n    super(filter, operator, value)\n  }\n\n  formatValue() {\n    const values = Array.isArray(this.value) ? this.value : [this.value]\n    return values\n      .map(\n        (value) =>\n          this.config.options.find((option) => option.value === value)?.label ??\n          value\n      )\n      .join(\", \")\n  }\n\n  renderEditor(onChange: FilterChange) {\n    return (\n      <CollectionFilterEditorStatic\n        config={this.config}\n        onChange={onChange}\n        operator={this.operator}\n        value={this.value}\n        filter={this.filter}\n      />\n    )\n  }\n}\n"],"names":["React"],"mappings":";;;;;AAqBO,MAAM,aAAa,GAAG;AAC3B,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;AACjC,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,IAAI,EAAE,IAAI;;AAEL,MAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;AACjC,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,IAAI,EAAE,KAAK;;AAGb,MAAM,oBAAoB,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC;AAatD,SAAU,gBAAgB,CAAC,EAC/B,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,GAAG,MAAM,EACc,EAAA;AACvB,IAAA,MAAM,MAAM,GAAmB;AAC7B,QAAA,GAAG,MAAM;QACT,0BAA0B,EAAE,CAAC,YAAY,EAAE,QAAQ,KACjD,IAAI,sBAAsB,CACxB,MAAM,EACN,QAAQ,EACR,YAAY,CAAC,KAA8B,EAC3C,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,CAC/B;QACH,SAAS,EAAE,gBAAgB,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;KAC1E;AACD,IAAA,OAAO,MAAM;AACf;AAEA,MAAM,sBAAuB,SAAQ,oBAA2C,CAAA;AAK3D,IAAA,MAAA;AAJnB,IAAA,WAAA,CACE,MAAsB,EACtB,QAA6C,EAC7C,KAA4B,EACX,MAIhB,EAAA;AAED,QAAA,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC;QANb,IAAA,CAAA,MAAM,GAAN,MAAM;IAOzB;IAEA,WAAW,GAAA;QACT,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACpE,QAAA,OAAO;aACJ,GAAG,CACF,CAAC,KAAK,KACJ,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,EAAE,KAAK;AACnE,YAAA,KAAK;aAER,IAAI,CAAC,IAAI,CAAC;IACf;AAEA,IAAA,YAAY,CAAC,QAAsB,EAAA;AACjC,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,4BAA4B,EAAA,EAC3B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,CACnB;IAEN;AACD;;;;"}

package/dist/components/DataTable/dateFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dateFilter.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EAGf,MAAM,eAAe,CAAA;AAGtB,sDAAsD;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEvD,eAAO,MAAM,OAAO;;;;;;CAIS,CAAA;AAC7B,eAAO,MAAM,MAAM;;;;;;CAIU,CAAA;AAC7B,eAAO,MAAM,KAAK;;;;;;CAIW,CAAA;AAC7B,eAAO,MAAM,UAAU;;;;;;CAIM,CAAA;AAE7B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;IAAuC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAUtE,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAYrD"}
+{"version":3,"file":"dateFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/dateFilter.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAGtB,sDAAsD;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEvD,eAAO,MAAM,OAAO;;;;;;CAIS,CAAA;AAC7B,eAAO,MAAM,MAAM;;;;;;CAIU,CAAA;AAC7B,eAAO,MAAM,KAAK;;;;;;CAIW,CAAA;AAC7B,eAAO,MAAM,UAAU;;;;;;CAIM,CAAA;AAE7B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;IAAuC,CAAA;AAE3D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAUtE,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAYrD"}

package/dist/components/DataTable/dateFilter.js

@@ -40,25 +40,41 @@ function dateFilter({ excludes, includes, ...config }) {
 }
 class DateActiveFilter extends ActiveFilterInstance {
     formatValue() {
-        return Array.isArray(this.value)
-            ? [formatDate(this.value[0]), "and", formatDate(this.value[1])]
-            : formatDate(this.value);
+        if (Array.isArray(this.value)) {
+            const [start, end] = this.value;
+            if (start === undefined || end === undefined) {
+                return [start, end].filter((date) => date !== undefined).map(formatDate);
+            }
+            return [formatDate(start), "and", formatDate(end)];
+        }
+        return this.value === undefined ? "" : formatDate(this.value);
     }
-    renderEditor(updateActiveFilter) {
+    renderEditor(onChange) {
         const { label } = this.operator;
         if (this.operator.inputType.type === "date-range") {
             const range = Array.isArray(this.value)
                 ? this.value
                 : [this.value, this.value];
-            return (React__default.createElement(DateRangeEditor, { label: label, value: range, onCommit: (value) => updateActiveFilter({ value }) }));
+            return (React__default.createElement(DateRangeEditor, { label: label, value: range, onCommit: (value) => {
+                    const complete = value.length === 2 && value.every((v) => v !== undefined);
+                    onChange({ value }, { complete });
+                } }));
         }
         const single = Array.isArray(this.value) ? this.value[0] : this.value;
-        return (React__default.createElement(DatePicker, { hideLabel: true, label: label, value: single, onChange: (date) => date && updateActiveFilter({ value: date.toString() }) }));
+        return (React__default.createElement(DatePicker
+        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+        , { 
+            // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+            autoFocus: true, hideLabel: true, label: label, value: single, onChange: (date) => date && onChange({ value: date.toString() }) }));
     }
 }
 function DateRangeEditor({ label, onCommit, value: [start, end], }) {
     return (React__default.createElement(Flex, { gap: 1 },
-        React__default.createElement(DatePicker, { hideLabel: true, label: `${label} from`, value: start, onChange: (date) => date && onCommit([date.toString(), end]) }),
+        React__default.createElement(DatePicker
+        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+        , { 
+            // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+            autoFocus: true, hideLabel: true, label: `${label} from`, value: start, onChange: (date) => date && onCommit([date.toString(), end]) }),
         React__default.createElement("div", null, "and"),
         React__default.createElement(DatePicker, { hideLabel: true, label: `${label} to`, value: end, onChange: (date) => date && onCommit([start, date.toString()]) })));
 }

package/dist/components/DataTable/dateFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateFilter.js","sources":["../../../src/components/DataTable/dateFilter.tsx"],"sourcesContent":["import { DatePicker } from \"@components/date-picker\"\nimport { Flex } from \"@components/flex\"\nimport {\n  DateFormatter,\n  getLocalTimeZone,\n  parseDate,\n} from \"@internationalized/date\"\nimport React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n  UpdateActiveFilter,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\n/** ISO `YYYY-MM-DD` strings; a pair for `between`. */\nexport type DateFilterValue = string | [string, string]\n\nexport const DATE_IS = {\n  inputType: { type: \"date\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const BEFORE = {\n  inputType: { type: \"date\" },\n  label: \"before\",\n  name: \"before\",\n} as const satisfies Operator\nexport const AFTER = {\n  inputType: { type: \"date\" },\n  label: \"after\",\n  name: \"after\",\n} as const satisfies Operator\nexport const DATE_RANGE = {\n  inputType: { type: \"date-range\" },\n  label: \"between\",\n  name: \"date_range\",\n} as const satisfies Operator\n\nconst DATE_OPERATORS = [DATE_IS, BEFORE, AFTER, DATE_RANGE]\n\nexport type DateOperatorName = (typeof DATE_OPERATORS)[number][\"name\"]\n\nconst formatter = new DateFormatter(\n  new Intl.DateTimeFormat().resolvedOptions().locale,\n  { dateStyle: \"medium\" }\n)\n\nconst formatDate = (iso: string) =>\n  formatter.format(parseDate(iso).toDate(getLocalTimeZone()))\n\nexport function dateFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<DateOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DateActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as DateFilterValue\n      ),\n    operators: resolveOperators(DATE_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass DateActiveFilter extends ActiveFilterInstance<DateFilterValue> {\n  formatValue() {\n    return Array.isArray(this.value)\n      ? [formatDate(this.value[0]), \"and\", formatDate(this.value[1])]\n      : formatDate(this.value)\n  }\n\n  renderEditor(updateActiveFilter: UpdateActiveFilter) {\n    const { label } = this.operator\n\n    if (this.operator.inputType.type === \"date-range\") {\n      const range: [string, string] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <DateRangeEditor\n          label={label}\n          value={range}\n          onCommit={(value) => updateActiveFilter({ value })}\n        />\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return (\n      <DatePicker\n        hideLabel\n        label={label}\n        value={single}\n        onChange={(date) =>\n          date && updateActiveFilter({ value: date.toString() })\n        }\n      />\n    )\n  }\n}\n\nfunction DateRangeEditor({\n  label,\n  onCommit,\n  value: [start, end],\n}: {\n  label: string\n  onCommit: (value: [string, string]) => void\n  value: [string, string]\n}) {\n  return (\n    <Flex gap={1}>\n      <DatePicker\n        hideLabel\n        label={`${label} from`}\n        value={start}\n        onChange={(date) => date && onCommit([date.toString(), end])}\n      />\n      <div>and</div>\n      <DatePicker\n        hideLabel\n        label={`${label} to`}\n        value={end}\n        onChange={(date) => date && onCommit([start, date.toString()])}\n      />\n    </Flex>\n  )\n}\n"],"names":["DateFormatter","parseDate","getLocalTimeZone","React"],"mappings":"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"}
+{"version":3,"file":"dateFilter.js","sources":["../../../src/components/DataTable/dateFilter.tsx"],"sourcesContent":["import { DatePicker } from \"@components/date-picker\"\nimport { Flex } from \"@components/flex\"\nimport {\n  DateFormatter,\n  getLocalTimeZone,\n  parseDate,\n} from \"@internationalized/date\"\nimport React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\n/** ISO `YYYY-MM-DD` strings; a pair for `between`. */\nexport type DateFilterValue = string | [string, string]\n\nexport const DATE_IS = {\n  inputType: { type: \"date\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const BEFORE = {\n  inputType: { type: \"date\" },\n  label: \"before\",\n  name: \"before\",\n} as const satisfies Operator\nexport const AFTER = {\n  inputType: { type: \"date\" },\n  label: \"after\",\n  name: \"after\",\n} as const satisfies Operator\nexport const DATE_RANGE = {\n  inputType: { type: \"date-range\" },\n  label: \"between\",\n  name: \"date_range\",\n} as const satisfies Operator\n\nconst DATE_OPERATORS = [DATE_IS, BEFORE, AFTER, DATE_RANGE]\n\nexport type DateOperatorName = (typeof DATE_OPERATORS)[number][\"name\"]\n\nconst formatter = new DateFormatter(\n  new Intl.DateTimeFormat().resolvedOptions().locale,\n  { dateStyle: \"medium\" }\n)\n\nconst formatDate = (iso: string) =>\n  formatter.format(parseDate(iso).toDate(getLocalTimeZone()))\n\nexport function dateFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<DateOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new DateActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as DateFilterValue\n      ),\n    operators: resolveOperators(DATE_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass DateActiveFilter extends ActiveFilterInstance<DateFilterValue> {\n  formatValue() {\n    if (Array.isArray(this.value)) {\n      const [start, end] = this.value\n      if (start === undefined || end === undefined) {\n        return [start, end].filter((date) => date !== undefined).map(formatDate)\n      }\n      return [formatDate(start), \"and\", formatDate(end)]\n    }\n    return this.value === undefined ? \"\" : formatDate(this.value)\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const { label } = this.operator\n\n    if (this.operator.inputType.type === \"date-range\") {\n      const range: [string, string] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <DateRangeEditor\n          label={label}\n          value={range}\n          onCommit={(value) => {\n            const complete =\n              value.length === 2 && value.every((v) => v !== undefined)\n            onChange({ value }, { complete })\n          }}\n        />\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return (\n      <DatePicker\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n        autoFocus\n        hideLabel\n        label={label}\n        value={single}\n        onChange={(date) => date && onChange({ value: date.toString() })}\n      />\n    )\n  }\n}\n\nfunction DateRangeEditor({\n  label,\n  onCommit,\n  value: [start, end],\n}: {\n  label: string\n  onCommit: (value: [string, string]) => void\n  value: [string, string]\n}) {\n  return (\n    <Flex gap={1}>\n      <DatePicker\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n        autoFocus\n        hideLabel\n        label={`${label} from`}\n        value={start}\n        onChange={(date) => date && onCommit([date.toString(), end])}\n      />\n      <div>and</div>\n      <DatePicker\n        hideLabel\n        label={`${label} to`}\n        value={end}\n        onChange={(date) => date && onCommit([start, date.toString()])}\n      />\n    </Flex>\n  )\n}\n"],"names":["DateFormatter","parseDate","getLocalTimeZone","React"],"mappings":"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"}

package/dist/components/DataTable/filters.d.ts

@@ -1,5 +1,6 @@
 export { collectionFilter } from "./collectionFilter";
 export { dateFilter } from "./dateFilter";
 export { numberFilter } from "./numberFilter";
+export { scopedFilter } from "./scopedFilter";
 export { textFilter } from "./textFilter";
 //# sourceMappingURL=filters.d.ts.map

package/dist/components/DataTable/filters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"filters.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/filters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/DataTable/index.d.ts

@@ -4,6 +4,7 @@ export type { DataTableElementProps, DataTableLoadingState, DataTableProps, Data
 export { DataTable } from "./DataTable";
 export type { BooleanColumn, CurrencyColumn, CustomColumn, DataTableColumn, DataTableColumnAlign, DataTableColumnType, DateColumn, DateTimeColumn, EnumColumn, NumberColumn, StringColumn, } from "./DataTableColumn";
 export * from "./filters";
-export type { ActiveFilter, FilterItemConfig, FilterNode, FilterNodeGroup, FilterNodeItem, Operator, } from "./FilterTypes";
+export type { ActiveFilter, FilterItemConfig, FilterNode, FilterNodeGroup, FilterNodeItem, FilterNodeScoped, Operator, } from "./FilterTypes";
 export type { NumberFilterValue } from "./numberFilter";
+export type { ScopedFilterConfig, ScopedFilterOptions } from "./scopedFilter";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,eAAe,CAAA;AAEtB,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,mBAAmB,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,cAAc,EACd,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AACpB,OAAO,eAAe,CAAA;AAEtB,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,GACnB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,YAAY,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,mBAAmB,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AACvD,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/DataTable/numberFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numberFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/numberFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EAGf,MAAM,eAAe,CAAA;AAGtB,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEzD,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,YAAY;;;;;;CAII,CAAA;AAE7B,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;IAA2B,CAAA;AAEjD,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1E,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,GAAG,cAAc,CAYvD"}
+{"version":3,"file":"numberFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/numberFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEzD,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,YAAY;;;;;;CAII,CAAA;AAE7B,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;IAA2B,CAAA;AAEjD,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1E,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,GAAG,cAAc,CAYvD"}

package/dist/components/DataTable/numberFilter.js

@@ -3,6 +3,7 @@ import { NumberStepper } from '../number-stepper/NumberStepper.js';
 import React__default, { useState } from 'react';
 import { ActiveFilterInstance } from './ActiveFilterInstance.js';
 import { resolveOperators } from './resolveOperators.js';
+import { isEmptyValue } from './utils.js';
 
 const GTE = {
     inputType: { type: "number" },
@@ -30,13 +31,15 @@ function numberFilter({ excludes, includes, ...config }) {
 }
 class NumberActiveFilter extends ActiveFilterInstance {
     formatValue() {
+        if (this.value === undefined)
+            return "";
         return Array.isArray(this.value)
             ? this.value.join(" and ")
             : String(this.value);
     }
-    renderEditor(updateActiveFilter) {
+    renderEditor(onChange) {
         const { label } = this.operator;
-        const onCommit = (value) => updateActiveFilter({ value });
+        const onCommit = (value) => onChange({ value }, { complete: !isEmptyValue(value) });
         if (this.operator.inputType.type === "number-range") {
             const range = Array.isArray(this.value)
                 ? this.value
@@ -49,12 +52,20 @@ class NumberActiveFilter extends ActiveFilterInstance {
 }
 function NumberEditor({ label, onCommit, value: initialValue, }) {
     const [value, setValue] = useState(initialValue);
-    return (React__default.createElement(NumberStepper, { hideLabel: true, label: label, value: value, onChange: setValue, onBlur: () => onCommit(value) }));
+    return (React__default.createElement(NumberStepper
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+    , { 
+        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+        autoFocus: true, hideLabel: true, label: label, value: value, onChange: setValue, onBlur: () => onCommit(value) }));
 }
 function NumberRangeEditor({ label, onCommit, value: initialValue, }) {
     const [[start, end], setRange] = useState(initialValue);
     return (React__default.createElement(Flex, { gap: 1 },
-        React__default.createElement(NumberStepper, { hideLabel: true, label: `${label} from`, value: start, onChange: (value) => setRange([value, end]), onBlur: () => onCommit([start, end]) }),
+        React__default.createElement(NumberStepper
+        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+        , { 
+            // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+            autoFocus: true, hideLabel: true, label: `${label} from`, value: start, onChange: (value) => setRange([value, end]), onBlur: () => onCommit([start, end]) }),
         React__default.createElement("span", null, "and"),
         React__default.createElement(NumberStepper, { hideLabel: true, label: `${label} to`, value: end, onChange: (value) => setRange([start, value]), onBlur: () => onCommit([start, end]) })));
 }

package/dist/components/DataTable/numberFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"numberFilter.js","sources":["../../../src/components/DataTable/numberFilter.tsx"],"sourcesContent":["import { Flex } from \"@components/flex\"\nimport { NumberStepper } from \"@components/number-stepper\"\nimport React, { useState } from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n  UpdateActiveFilter,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\nexport type NumberFilterValue = number | [number, number]\n\nexport const GTE = {\n  inputType: { type: \"number\" },\n  label: \">=\",\n  name: \"gte\",\n} as const satisfies Operator\nexport const LTE = {\n  inputType: { type: \"number\" },\n  label: \"<=\",\n  name: \"lte\",\n} as const satisfies Operator\nexport const NUMBER_RANGE = {\n  inputType: { type: \"number-range\" },\n  label: \"between\",\n  name: \"number_range\",\n} as const satisfies Operator\n\nconst NUMBER_OPERATORS = [GTE, LTE, NUMBER_RANGE]\n\nexport type NumberOperatorName = (typeof NUMBER_OPERATORS)[number][\"name\"]\n\nexport function numberFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<NumberOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new NumberActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as NumberFilterValue\n      ),\n    operators: resolveOperators(NUMBER_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass NumberActiveFilter extends ActiveFilterInstance<NumberFilterValue> {\n  formatValue() {\n    return Array.isArray(this.value)\n      ? this.value.join(\" and \")\n      : String(this.value)\n  }\n\n  renderEditor(updateActiveFilter: UpdateActiveFilter) {\n    const { label } = this.operator\n    const onCommit = (value: NumberFilterValue) => updateActiveFilter({ value })\n\n    if (this.operator.inputType.type === \"number-range\") {\n      const range: [number, number] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <NumberRangeEditor label={label} value={range} onCommit={onCommit} />\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return <NumberEditor label={label} value={single} onCommit={onCommit} />\n  }\n}\n\nfunction NumberEditor({\n  label,\n  onCommit,\n  value: initialValue,\n}: {\n  label: string\n  onCommit: (value: number) => void\n  value: number\n}) {\n  const [value, setValue] = useState(initialValue)\n  return (\n    <NumberStepper\n      hideLabel\n      label={label}\n      value={value}\n      onChange={setValue}\n      onBlur={() => onCommit(value)}\n    />\n  )\n}\n\nfunction NumberRangeEditor({\n  label,\n  onCommit,\n  value: initialValue,\n}: {\n  label: string\n  onCommit: (value: [number, number]) => void\n  value: [number, number]\n}) {\n  const [[start, end], setRange] = useState(initialValue)\n  return (\n    <Flex gap={1}>\n      <NumberStepper\n        hideLabel\n        label={`${label} from`}\n        value={start}\n        onChange={(value) => setRange([value, end])}\n        onBlur={() => onCommit([start, end])}\n      />\n      <span>and</span>\n      <NumberStepper\n        hideLabel\n        label={`${label} to`}\n        value={end}\n        onChange={(value) => setRange([start, value])}\n        onBlur={() => onCommit([start, end])}\n      />\n    </Flex>\n  )\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"numberFilter.js","sources":["../../../src/components/DataTable/numberFilter.tsx"],"sourcesContent":["import { Flex } from \"@components/flex\"\nimport { NumberStepper } from \"@components/number-stepper\"\nimport React, { useState } from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\nimport { isEmptyValue } from \"./utils\"\n\nexport type NumberFilterValue = number | [number, number]\n\nexport const GTE = {\n  inputType: { type: \"number\" },\n  label: \">=\",\n  name: \"gte\",\n} as const satisfies Operator\nexport const LTE = {\n  inputType: { type: \"number\" },\n  label: \"<=\",\n  name: \"lte\",\n} as const satisfies Operator\nexport const NUMBER_RANGE = {\n  inputType: { type: \"number-range\" },\n  label: \"between\",\n  name: \"number_range\",\n} as const satisfies Operator\n\nconst NUMBER_OPERATORS = [GTE, LTE, NUMBER_RANGE]\n\nexport type NumberOperatorName = (typeof NUMBER_OPERATORS)[number][\"name\"]\n\nexport function numberFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<NumberOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new NumberActiveFilter(\n        filter,\n        operator,\n        activeFilter.value as NumberFilterValue\n      ),\n    operators: resolveOperators(NUMBER_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass NumberActiveFilter extends ActiveFilterInstance<NumberFilterValue> {\n  formatValue() {\n    if (this.value === undefined) return \"\"\n    return Array.isArray(this.value)\n      ? this.value.join(\" and \")\n      : String(this.value)\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const { label } = this.operator\n    const onCommit = (value: NumberFilterValue) =>\n      onChange({ value }, { complete: !isEmptyValue(value) })\n\n    if (this.operator.inputType.type === \"number-range\") {\n      const range: [number, number] = Array.isArray(this.value)\n        ? this.value\n        : [this.value, this.value]\n      return (\n        <NumberRangeEditor label={label} value={range} onCommit={onCommit} />\n      )\n    }\n    const single = Array.isArray(this.value) ? this.value[0] : this.value\n    return <NumberEditor label={label} value={single} onCommit={onCommit} />\n  }\n}\n\nfunction NumberEditor({\n  label,\n  onCommit,\n  value: initialValue,\n}: {\n  label: string\n  onCommit: (value: number) => void\n  value: number\n}) {\n  const [value, setValue] = useState(initialValue)\n  return (\n    <NumberStepper\n      // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n      autoFocus\n      hideLabel\n      label={label}\n      value={value}\n      onChange={setValue}\n      onBlur={() => onCommit(value)}\n    />\n  )\n}\n\nfunction NumberRangeEditor({\n  label,\n  onCommit,\n  value: initialValue,\n}: {\n  label: string\n  onCommit: (value: [number, number]) => void\n  value: [number, number]\n}) {\n  const [[start, end], setRange] = useState(initialValue)\n  return (\n    <Flex gap={1}>\n      <NumberStepper\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n        autoFocus\n        hideLabel\n        label={`${label} from`}\n        value={start}\n        onChange={(value) => setRange([value, end])}\n        onBlur={() => onCommit([start, end])}\n      />\n      <span>and</span>\n      <NumberStepper\n        hideLabel\n        label={`${label} to`}\n        value={end}\n        onChange={(value) => setRange([start, value])}\n        onBlur={() => onCommit([start, end])}\n      />\n    </Flex>\n  )\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/scopedFilter.d.ts

@@ -0,0 +1,13 @@
+import type { FilterItemConfig, FilterNodeItem, FilterNodeScoped } from "./FilterTypes";
+/**
+ * The filters a nested filter can delegate to. Each one's `name` is the scope
+ * identifier and its `label` is the scope's entry in the dropdown, so there's
+ * no separate option wrapper to keep in sync. Names need only be unique within
+ * this list — they're resolved here, not in the table's flat filter registry.
+ */
+export type ScopedFilterOptions = FilterNodeItem[];
+export type ScopedFilterConfig = Omit<FilterItemConfig, "excludes" | "includes"> & {
+    options: ScopedFilterOptions;
+};
+export declare function scopedFilter({ options, ...config }: ScopedFilterConfig): FilterNodeScoped;
+//# sourceMappingURL=scopedFilter.d.ts.map

package/dist/components/DataTable/scopedFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scopedFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/scopedFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAEjB,MAAM,eAAe,CAAA;AAUtB;;;;;GAKG;AACH,MAAM,MAAM,mBAAmB,GAAG,cAAc,EAAE,CAAA;AAElD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,gBAAgB,EAChB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF,OAAO,EAAE,mBAAmB,CAAA;CAC7B,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,GAAG,MAAM,EACV,EAAE,kBAAkB,GAAG,gBAAgB,CASvC"}

package/dist/components/DataTable/scopedFilter.js

@@ -0,0 +1,114 @@
+import { Select } from '../select/Select.js';
+import React__default from 'react';
+import { ActiveFilterInstance } from './ActiveFilterInstance.js';
+import { findScopedOption } from './FilterContext.js';
+import { OperatorSelect } from './OperatorSelect.js';
+import { isEmptyValue, getDefaultOperatorName } from './utils.js';
+
+const SCOPED_DEFAULT = {
+    inputType: { type: "scoped" },
+    label: "",
+    name: "scoped",
+};
+function scopedFilter({ options, ...config }) {
+    const filter = {
+        ...config,
+        createActiveFilterInstance: (activeFilter, operator) => new ScopedActiveFilter(filter, operator, activeFilter),
+        operators: [SCOPED_DEFAULT],
+        options,
+    };
+    return filter;
+}
+function defaultScopedActiveFilter(parentName, option) {
+    return {
+        name: parentName,
+        operator: getDefaultOperatorName(option),
+        scope: option.name,
+        value: undefined,
+    };
+}
+class ScopedActiveFilter extends ActiveFilterInstance {
+    scopedFilter;
+    activeFilter;
+    constructor(scopedFilter, operator, activeFilter) {
+        super(scopedFilter, operator, activeFilter.value);
+        this.scopedFilter = scopedFilter;
+        this.activeFilter = activeFilter;
+    }
+    get options() {
+        return this.scopedFilter.options;
+    }
+    get selectedOption() {
+        return findScopedOption(this.scopedFilter, this.activeFilter.scope);
+    }
+    get selectedOptionInstance() {
+        const option = this.selectedOption;
+        if (!option)
+            return undefined;
+        return option.createActiveFilterInstance({ ...this.activeFilter, name: option.name, scope: undefined }, this.operator);
+    }
+    get selectedOptionSegmentsAfterLabel() {
+        const SKIP_OPTION_LABEL = 1;
+        return (this.selectedOptionInstance?.toSegments().slice(SKIP_OPTION_LABEL) ?? []);
+    }
+    toSegments() {
+        const { selectedOption } = this;
+        if (!selectedOption)
+            return [this.filter.label];
+        if (this.activeFilter.value === undefined)
+            return [this.filter.label, selectedOption.label];
+        return [
+            this.filter.label,
+            selectedOption.label,
+            ...this.selectedOptionSegmentsAfterLabel,
+        ];
+    }
+    formatValue() {
+        return this.selectedOptionInstance?.formatValue() ?? [];
+    }
+    renderEditor(onChange) {
+        return (React__default.createElement(ScopeEditor, { activeFilter: this.activeFilter, selectedOption: this.selectedOption, selectedOptionInstance: this.selectedOptionInstance, label: this.filter.label, options: this.options, onChange: onChange }));
+    }
+}
+function ScopeEditor({ activeFilter, selectedOption, selectedOptionInstance, label, options, onChange, }) {
+    const remembered = React__default.useRef({});
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Select, { hideLabel: true, label: label, options: options.map((option) => ({
+                label: option.label,
+                value: option.name,
+            })), placeholder: `Select a ${label.toLowerCase()}`, value: activeFilter.scope ?? "", onChange: (e) => {
+                const { operator, scope, value } = activeFilter;
+                if (scope !== undefined) {
+                    if (isEmptyValue(value)) {
+                        delete remembered.current[scope];
+                    }
+                    else {
+                        remembered.current[scope] = { operator, value };
+                    }
+                }
+                const next = options.find((option) => option.name === e.target.value);
+                if (!next)
+                    return;
+                const restored = remembered.current[next.name];
+                const scoped = {
+                    ...defaultScopedActiveFilter(activeFilter.name, next),
+                    ...restored,
+                };
+                onChange(scoped, { complete: !isEmptyValue(scoped.value) });
+            } }),
+        selectedOption && selectedOptionInstance && (React__default.createElement(SelectedScopeEditor, { activeFilter: activeFilter, instance: selectedOptionInstance, selectedOption: selectedOption, onChange: onChange }))));
+}
+function SelectedScopeEditor({ activeFilter, instance, selectedOption, onChange, }) {
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(OperatorSelect, { operator: instance.operator, relatedFilter: selectedOption, updateActiveFilter: (updates) => {
+                if (updates.operator && updates.operator !== activeFilter.operator) {
+                    onChange({ ...updates, value: undefined }, { complete: false });
+                    return;
+                }
+                onChange(updates, { complete: false });
+            } }),
+        React__default.createElement(React__default.Fragment, { key: `${activeFilter.scope}:${instance.operator.name}` }, instance.renderEditor(onChange))));
+}
+
+export { scopedFilter };
+//# sourceMappingURL=scopedFilter.js.map

package/dist/components/DataTable/scopedFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scopedFilter.js","sources":["../../../src/components/DataTable/scopedFilter.tsx"],"sourcesContent":["import { Select } from \"@components/select\"\nimport React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport { findScopedOption } from \"./FilterContext\"\nimport type {\n  ActiveFilter,\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  FilterNodeScoped,\n  Operator,\n} from \"./FilterTypes\"\nimport { OperatorSelect } from \"./OperatorSelect\"\nimport { getDefaultOperatorName, isEmptyValue } from \"./utils\"\n\nconst SCOPED_DEFAULT = {\n  inputType: { type: \"scoped\" },\n  label: \"\",\n  name: \"scoped\",\n} as const satisfies Operator\n\n/**\n * The filters a nested filter can delegate to. Each one's `name` is the scope\n * identifier and its `label` is the scope's entry in the dropdown, so there's\n * no separate option wrapper to keep in sync. Names need only be unique within\n * this list — they're resolved here, not in the table's flat filter registry.\n */\nexport type ScopedFilterOptions = FilterNodeItem[]\n\nexport type ScopedFilterConfig = Omit<\n  FilterItemConfig,\n  \"excludes\" | \"includes\"\n> & {\n  options: ScopedFilterOptions\n}\n\nexport function scopedFilter({\n  options,\n  ...config\n}: ScopedFilterConfig): FilterNodeScoped {\n  const filter: FilterNodeScoped = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new ScopedActiveFilter(filter, operator, activeFilter),\n    operators: [SCOPED_DEFAULT],\n    options,\n  }\n  return filter\n}\n\nfunction defaultScopedActiveFilter(\n  parentName: string,\n  option: FilterNodeItem\n): ActiveFilter {\n  return {\n    name: parentName,\n    operator: getDefaultOperatorName(option),\n    scope: option.name,\n    value: undefined,\n  }\n}\n\nclass ScopedActiveFilter extends ActiveFilterInstance<unknown> {\n  private readonly activeFilter: ActiveFilter\n\n  constructor(\n    private readonly scopedFilter: FilterNodeScoped,\n    operator: Operator,\n    activeFilter: ActiveFilter\n  ) {\n    super(scopedFilter, operator, activeFilter.value)\n    this.activeFilter = activeFilter\n  }\n\n  private get options(): ScopedFilterOptions {\n    return this.scopedFilter.options\n  }\n\n  private get selectedOption() {\n    return findScopedOption(this.scopedFilter, this.activeFilter.scope)\n  }\n\n  private get selectedOptionInstance() {\n    const option = this.selectedOption\n    if (!option) return undefined\n    return option.createActiveFilterInstance(\n      { ...this.activeFilter, name: option.name, scope: undefined },\n      this.operator\n    )\n  }\n\n  private get selectedOptionSegmentsAfterLabel() {\n    const SKIP_OPTION_LABEL = 1\n    return (\n      this.selectedOptionInstance?.toSegments().slice(SKIP_OPTION_LABEL) ?? []\n    )\n  }\n\n  toSegments() {\n    const { selectedOption } = this\n    if (!selectedOption) return [this.filter.label]\n\n    if (this.activeFilter.value === undefined)\n      return [this.filter.label, selectedOption.label]\n\n    return [\n      this.filter.label,\n      selectedOption.label,\n      ...this.selectedOptionSegmentsAfterLabel,\n    ]\n  }\n\n  formatValue() {\n    return this.selectedOptionInstance?.formatValue() ?? []\n  }\n\n  renderEditor(onChange: FilterChange) {\n    return (\n      <ScopeEditor\n        activeFilter={this.activeFilter}\n        selectedOption={this.selectedOption}\n        selectedOptionInstance={this.selectedOptionInstance}\n        label={this.filter.label}\n        options={this.options}\n        onChange={onChange}\n      />\n    )\n  }\n}\n\nfunction ScopeEditor({\n  activeFilter,\n  selectedOption,\n  selectedOptionInstance,\n  label,\n  options,\n  onChange,\n}: {\n  activeFilter: ActiveFilter\n  label: string\n  onChange: FilterChange\n  options: ScopedFilterOptions\n  selectedOption: FilterNodeItem | undefined\n  selectedOptionInstance: ActiveFilterInstance | undefined\n}) {\n  const remembered = React.useRef<\n    Record<string, Pick<ActiveFilter, \"operator\" | \"value\">>\n  >({})\n\n  return (\n    <>\n      <Select\n        hideLabel\n        label={label}\n        options={options.map((option) => ({\n          label: option.label,\n          value: option.name,\n        }))}\n        placeholder={`Select a ${label.toLowerCase()}`}\n        value={activeFilter.scope ?? \"\"}\n        onChange={(e) => {\n          const { operator, scope, value } = activeFilter\n          if (scope !== undefined) {\n            if (isEmptyValue(value)) {\n              delete remembered.current[scope]\n            } else {\n              remembered.current[scope] = { operator, value }\n            }\n          }\n          const next = options.find((option) => option.name === e.target.value)\n          if (!next) return\n          const restored = remembered.current[next.name]\n          const scoped = {\n            ...defaultScopedActiveFilter(activeFilter.name, next),\n            ...restored,\n          }\n          onChange(scoped, { complete: !isEmptyValue(scoped.value) })\n        }}\n      />\n      {selectedOption && selectedOptionInstance && (\n        <SelectedScopeEditor\n          activeFilter={activeFilter}\n          instance={selectedOptionInstance}\n          selectedOption={selectedOption}\n          onChange={onChange}\n        />\n      )}\n    </>\n  )\n}\n\nfunction SelectedScopeEditor({\n  activeFilter,\n  instance,\n  selectedOption,\n  onChange,\n}: {\n  activeFilter: ActiveFilter\n  instance: ActiveFilterInstance\n  onChange: FilterChange\n  selectedOption: FilterNodeItem\n}) {\n  return (\n    <>\n      <OperatorSelect\n        operator={instance.operator}\n        relatedFilter={selectedOption}\n        updateActiveFilter={(updates) => {\n          if (updates.operator && updates.operator !== activeFilter.operator) {\n            onChange({ ...updates, value: undefined }, { complete: false })\n            return\n          }\n          onChange(updates, { complete: false })\n        }}\n      />\n      <React.Fragment key={`${activeFilter.scope}:${instance.operator.name}`}>\n        {instance.renderEditor(onChange)}\n      </React.Fragment>\n    </>\n  )\n}\n"],"names":["React"],"mappings":"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"}

package/dist/components/DataTable/textFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/textFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EAGf,MAAM,eAAe,CAAA;AAGtB,eAAO,MAAM,EAAE;;;;;;CAIc,CAAA;AAC7B,eAAO,MAAM,QAAQ;;;;;;CAIQ,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,WAAW;;;;;;CAIK,CAAA;AAE7B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;IAAmC,CAAA;AAEvD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtE,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAQrD"}
+{"version":3,"file":"textFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/textFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAItB,eAAO,MAAM,EAAE;;;;;;CAIc,CAAA;AAC7B,eAAO,MAAM,QAAQ;;;;;;CAIQ,CAAA;AAC7B,eAAO,MAAM,GAAG;;;;;;CAIa,CAAA;AAC7B,eAAO,MAAM,WAAW;;;;;;CAIK,CAAA;AAE7B,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;IAAmC,CAAA;AAEvD,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtE,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,GAAG,cAAc,CAQrD"}

package/dist/components/DataTable/textFilter.js

@@ -2,6 +2,7 @@ import { Input } from '../input/Input.js';
 import React__default, { useState } from 'react';
 import { ActiveFilterInstance } from './ActiveFilterInstance.js';
 import { resolveOperators } from './resolveOperators.js';
+import { isEmptyValue } from './utils.js';
 
 const EQ = {
     inputType: { type: "text" },
@@ -36,13 +37,17 @@ class TextActiveFilter extends ActiveFilterInstance {
     formatValue() {
         return this.value;
     }
-    renderEditor(updateActiveFilter) {
-        return (React__default.createElement(TextEditor, { label: this.operator.label, value: this.value, onCommit: (value) => updateActiveFilter({ value }) }));
+    renderEditor(onChange) {
+        return (React__default.createElement(TextEditor, { label: this.operator.label, value: this.value, onCommit: (value) => onChange({ value }, { complete: !isEmptyValue(value) }) }));
     }
 }
 function TextEditor({ label, onCommit, value: initialValue, }) {
     const [value, setValue] = useState(initialValue);
-    return (React__default.createElement(Input, { hideLabel: true, label: label, value: value, onChange: (e) => setValue(e.target.value), onBlur: () => onCommit(value) }));
+    return (React__default.createElement(Input
+    // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+    , { 
+        // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices
+        autoFocus: true, hideLabel: true, label: label, value: value, onChange: (e) => setValue(e.target.value), onBlur: () => onCommit(value) }));
 }
 
 export { CONTAINS, EQ, NOT, STARTS_WITH, textFilter };

package/dist/components/DataTable/textFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"textFilter.js","sources":["../../../src/components/DataTable/textFilter.tsx"],"sourcesContent":["import { Input } from \"@components/input\"\nimport React, { useState } from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n  UpdateActiveFilter,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\n\nexport const EQ = {\n  inputType: { type: \"text\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const CONTAINS = {\n  inputType: { type: \"text\" },\n  label: \"contains\",\n  name: \"contains\",\n} as const satisfies Operator\nexport const NOT = {\n  inputType: { type: \"text\" },\n  label: \"is not\",\n  name: \"not\",\n} as const satisfies Operator\nexport const STARTS_WITH = {\n  inputType: { type: \"text\" },\n  label: \"starts with\",\n  name: \"starts_with\",\n} as const satisfies Operator\n\nconst TEXT_OPERATORS = [EQ, CONTAINS, NOT, STARTS_WITH]\n\nexport type TextOperatorName = (typeof TEXT_OPERATORS)[number][\"name\"]\n\nexport function textFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<TextOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new TextActiveFilter(filter, operator, activeFilter.value as string),\n    operators: resolveOperators(TEXT_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass TextActiveFilter extends ActiveFilterInstance<string> {\n  formatValue() {\n    return this.value\n  }\n\n  renderEditor(updateActiveFilter: UpdateActiveFilter) {\n    return (\n      <TextEditor\n        label={this.operator.label}\n        value={this.value}\n        onCommit={(value) => updateActiveFilter({ value })}\n      />\n    )\n  }\n}\n\nfunction TextEditor({\n  label,\n  onCommit,\n  value: initialValue,\n}: {\n  label: string\n  onCommit: (value: string) => void\n  value: string\n}) {\n  const [value, setValue] = useState(initialValue)\n  return (\n    <Input\n      hideLabel\n      label={label}\n      value={value}\n      onChange={(e) => setValue(e.target.value)}\n      onBlur={() => onCommit(value)}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;AAYO,MAAM,EAAE,GAAG;AAChB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,IAAI,EAAE,IAAI;;AAEL,MAAM,QAAQ,GAAG;AACtB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,IAAI,EAAE,UAAU;;AAEX,MAAM,GAAG,GAAG;AACjB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,IAAI,EAAE,KAAK;;AAEN,MAAM,WAAW,GAAG;AACzB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,aAAa;;AAGrB,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,CAAC;AAIjD,SAAU,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EAC0B,EAAA;AACnC,IAAA,MAAM,MAAM,GAAmB;AAC7B,QAAA,GAAG,MAAM;AACT,QAAA,0BAA0B,EAAE,CAAC,YAAY,EAAE,QAAQ,KACjD,IAAI,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,KAAe,CAAC;QACtE,SAAS,EAAE,gBAAgB,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;KACpE;AACD,IAAA,OAAO,MAAM;AACf;AAEA,MAAM,gBAAiB,SAAQ,oBAA4B,CAAA;IACzD,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,KAAK;IACnB;AAEA,IAAA,YAAY,CAAC,kBAAsC,EAAA;AACjD,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EACT,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,KAAK,KAAK,kBAAkB,CAAC,EAAE,KAAK,EAAE,CAAC,EAAA,CAClD;IAEN;AACD;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,GAKpB,EAAA;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC;AAChD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,KAAK,IACJ,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAA,CAC7B;AAEN;;;;"}
+{"version":3,"file":"textFilter.js","sources":["../../../src/components/DataTable/textFilter.tsx"],"sourcesContent":["import { Input } from \"@components/input\"\nimport React, { useState } from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport type {\n  FilterChange,\n  FilterItemConfig,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { resolveOperators } from \"./resolveOperators\"\nimport { isEmptyValue } from \"./utils\"\n\nexport const EQ = {\n  inputType: { type: \"text\" },\n  label: \"is\",\n  name: \"eq\",\n} as const satisfies Operator\nexport const CONTAINS = {\n  inputType: { type: \"text\" },\n  label: \"contains\",\n  name: \"contains\",\n} as const satisfies Operator\nexport const NOT = {\n  inputType: { type: \"text\" },\n  label: \"is not\",\n  name: \"not\",\n} as const satisfies Operator\nexport const STARTS_WITH = {\n  inputType: { type: \"text\" },\n  label: \"starts with\",\n  name: \"starts_with\",\n} as const satisfies Operator\n\nconst TEXT_OPERATORS = [EQ, CONTAINS, NOT, STARTS_WITH]\n\nexport type TextOperatorName = (typeof TEXT_OPERATORS)[number][\"name\"]\n\nexport function textFilter({\n  excludes,\n  includes,\n  ...config\n}: FilterItemConfig<TextOperatorName>): FilterNodeItem {\n  const filter: FilterNodeItem = {\n    ...config,\n    createActiveFilterInstance: (activeFilter, operator) =>\n      new TextActiveFilter(filter, operator, activeFilter.value as string),\n    operators: resolveOperators(TEXT_OPERATORS, { excludes, includes }),\n  }\n  return filter\n}\n\nclass TextActiveFilter extends ActiveFilterInstance<string> {\n  formatValue() {\n    return this.value\n  }\n\n  renderEditor(onChange: FilterChange) {\n    return (\n      <TextEditor\n        label={this.operator.label}\n        value={this.value}\n        onCommit={(value) =>\n          onChange({ value }, { complete: !isEmptyValue(value) })\n        }\n      />\n    )\n  }\n}\n\nfunction TextEditor({\n  label,\n  onCommit,\n  value: initialValue,\n}: {\n  label: string\n  onCommit: (value: string) => void\n  value: string\n}) {\n  const [value, setValue] = useState(initialValue)\n  return (\n    <Input\n      // eslint-disable-next-line jsx-a11y/no-autofocus -- the editor only ever renders inside a chip popover that just opened, per ARIA dialog practices\n      autoFocus\n      hideLabel\n      label={label}\n      value={value}\n      onChange={(e) => setValue(e.target.value)}\n      onBlur={() => onCommit(value)}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;;;;AAaO,MAAM,EAAE,GAAG;AAChB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,IAAI,EAAE,IAAI;;AAEL,MAAM,QAAQ,GAAG;AACtB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,IAAI,EAAE,UAAU;;AAEX,MAAM,GAAG,GAAG;AACjB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,QAAQ;AACf,IAAA,IAAI,EAAE,KAAK;;AAEN,MAAM,WAAW,GAAG;AACzB,IAAA,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAC3B,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,IAAI,EAAE,aAAa;;AAGrB,MAAM,cAAc,GAAG,CAAC,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,WAAW,CAAC;AAIjD,SAAU,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EAC0B,EAAA;AACnC,IAAA,MAAM,MAAM,GAAmB;AAC7B,QAAA,GAAG,MAAM;AACT,QAAA,0BAA0B,EAAE,CAAC,YAAY,EAAE,QAAQ,KACjD,IAAI,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,KAAe,CAAC;QACtE,SAAS,EAAE,gBAAgB,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;KACpE;AACD,IAAA,OAAO,MAAM;AACf;AAEA,MAAM,gBAAiB,SAAQ,oBAA4B,CAAA;IACzD,WAAW,GAAA;QACT,OAAO,IAAI,CAAC,KAAK;IACnB;AAEA,IAAA,YAAY,CAAC,QAAsB,EAAA;AACjC,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,UAAU,IACT,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,CAAC,KAAK,KACd,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,EAAA,CAEzD;IAEN;AACD;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,KAAK,EAAE,YAAY,GAKpB,EAAA;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC;IAChD,QACEA,6BAAC;;;;AAEC,QAAA,SAAS,QACT,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAA,CAC7B;AAEN;;;;"}

package/dist/components/DataTable/useShelfExpanded.d.ts

@@ -1,6 +1,7 @@
 /**
- * Expands the filters shelf when the active filter count leaves zero, and
- * collapses it when the count returns to zero. Returns a toggle to control it.
+ * Expands the filters shelf when the filter count leaves zero or a pending
+ * filter is added, and collapses it when the count returns to zero. Returns a
+ * toggle to control it.
  */
-export declare function useShelfExpanded(activeFilterCount: number): [boolean, () => void];
+export declare function useShelfExpanded(filterCount: number, pendingCount: number): [boolean, () => void];
 //# sourceMappingURL=useShelfExpanded.d.ts.map

package/dist/components/DataTable/useShelfExpanded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShelfExpanded.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useShelfExpanded.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,iBAAiB,EAAE,MAAM,GACxB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAqBvB"}
+{"version":3,"file":"useShelfExpanded.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/useShelfExpanded.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CA4BvB"}

package/dist/components/DataTable/useShelfExpanded.js

@@ -1,21 +1,29 @@
 import { useState, useCallback } from 'react';
 
 /**
- * Expands the filters shelf when the active filter count leaves zero, and
- * collapses it when the count returns to zero. Returns a toggle to control it.
+ * Expands the filters shelf when the filter count leaves zero or a pending
+ * filter is added, and collapses it when the count returns to zero. Returns a
+ * toggle to control it.
  */
-function useShelfExpanded(activeFilterCount) {
-    const [isShelfExpanded, setIsShelfExpanded] = useState(() => activeFilterCount > 0);
-    const [previousCount, setPreviousCount] = useState(activeFilterCount);
-    if (activeFilterCount !== previousCount) {
-        setPreviousCount(activeFilterCount);
-        if (activeFilterCount === 0) {
+function useShelfExpanded(filterCount, pendingCount) {
+    const [isShelfExpanded, setIsShelfExpanded] = useState(() => filterCount > 0);
+    const [previousCount, setPreviousCount] = useState(filterCount);
+    const [previousPendingCount, setPreviousPendingCount] = useState(pendingCount);
+    if (filterCount !== previousCount) {
+        setPreviousCount(filterCount);
+        if (filterCount === 0) {
             setIsShelfExpanded(false);
         }
         else if (previousCount === 0) {
             setIsShelfExpanded(true);
         }
     }
+    if (pendingCount !== previousPendingCount) {
+        setPreviousPendingCount(pendingCount);
+        if (pendingCount > previousPendingCount) {
+            setIsShelfExpanded(true);
+        }
+    }
     const toggleShelf = useCallback(() => {
         setIsShelfExpanded((expanded) => !expanded);
     }, []);