@planningcenter/tapestry 4.8.1-rc.0 → 4.9.1-qa-1346.0

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { CollectionFilterEditorProps } from "./CollectionEditorsShared";
+export declare function CollectionFilterEditorLazy({ config, onChange, operator, value, filter, label, }: CollectionFilterEditorProps): React.JSX.Element;
+//# sourceMappingURL=CollectionEditorsLazy.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionEditorsLazy.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/CollectionEditorsLazy.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgD,MAAM,OAAO,CAAA;AAEpE,OAAO,KAAK,EACV,2BAA2B,EAE5B,MAAM,2BAA2B,CAAA;AAqBlC,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAK,GACN,EAAE,2BAA2B,qBA+D7B"}

package/dist/components/DataTable/CollectionEditorsLazy.js

@@ -0,0 +1,131 @@
+import { ComboBoxItem } from '../combo-box/ComboBox.js';
+import { useDebouncedValue } from '../../utilities/useDebouncedValue.js';
+import React__default, { useState, useCallback, useEffect } from 'react';
+import { CollectionEditorCombobox } from './CollectionEditorsShared.js';
+import { CollectionEditorCheckboxes, CollectionEditorRadios, CollectionEditorSelect } from './CollectionEditorsStatic.js';
+import { isEmptyValue } from './utils.js';
+
+const DEBOUNCE_MS = 300;
+function CollectionFilterEditorLazy({ config, onChange, operator, value, filter, label, }) {
+    const { display, multiple } = config;
+    const options = config.options;
+    const [query, setQuery] = useState();
+    const debouncedQuery = useDebouncedValue(query, DEBOUNCE_MS);
+    const [resolvedOptions, setResolvedOptions] = useState([]);
+    const onCommit = useCallback((newValue) => {
+        const newLabel = findLabelFromOptions(resolvedOptions, newValue, {
+            label,
+            value,
+        });
+        return onChange({ label: newLabel, value: newValue }, { complete: !isEmptyValue(newValue) });
+    }, [resolvedOptions, onChange, value, label]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        let active = true;
+        async function fetchOptions() {
+            try {
+                const resolved = await options(debouncedQuery);
+                if (!active)
+                    return;
+                setResolvedOptions(resolved);
+                setError(null);
+            }
+            catch (e) {
+                if (!active)
+                    return;
+                setResolvedOptions([]);
+                setError(e);
+            }
+            finally {
+                if (active)
+                    setLoading(false);
+            }
+        }
+        fetchOptions();
+        return () => {
+            active = false;
+        };
+    }, [options, debouncedQuery]);
+    const Editor = getLazyEditor({ display, multiple });
+    return (React__default.createElement(Editor, { error: error, loading: loading, query: query, setQuery: setQuery, value: value, onCommit: onCommit, options: resolvedOptions, multiple: multiple, operator: operator, filterLabel: filter.label, filterName: filter.name }));
+}
+function getLazyEditor({ display, multiple, }) {
+    if (display === "combobox")
+        return CollectionEditorComboboxLazy;
+    if (multiple)
+        return CollectionEditorCheckboxesLazy;
+    if (display === "checkboxes")
+        return CollectionEditorRadiosLazy; // TODO: This looks like it might be a mistake, should it be CollectionEditorCheckboxes? or at least allow for `radios` as an option?
+    return CollectionEditorSelectLazy;
+}
+function CollectionEditorCheckboxesLazy({ error, loading, ...props }) {
+    if (loading)
+        return React__default.createElement(Loading, null);
+    if (error)
+        return React__default.createElement(LoadError, null);
+    return React__default.createElement(CollectionEditorCheckboxes, { ...props });
+}
+function CollectionEditorRadiosLazy({ error, loading, ...props }) {
+    if (loading)
+        return React__default.createElement(Loading, null);
+    if (error)
+        return React__default.createElement(LoadError, null);
+    return React__default.createElement(CollectionEditorRadios, { ...props });
+}
+function CollectionEditorSelectLazy({ error, loading, ...props }) {
+    if (loading)
+        return React__default.createElement(Loading, null);
+    if (error)
+        return React__default.createElement(LoadError, null);
+    return React__default.createElement(CollectionEditorSelect, { ...props });
+}
+function CollectionEditorComboboxLazy({ error, onCommit, options, query, loading, setQuery, ...props }) {
+    const [loadingState, setLoadingState] = useState(loading ? "loading" : "idle");
+    useEffect(() => {
+        if (!loading) {
+            setLoadingState("idle");
+        }
+    }, [loading]);
+    return (React__default.createElement(CollectionEditorCombobox, { ...props, loadingState: error ? "error" : loadingState, inputValue: query, onInputChange: (q) => {
+            setLoadingState("filtering");
+            setQuery(q);
+        }, onChange: (value) => {
+            if (value === null)
+                return;
+            const resolvedValue = Array.isArray(value)
+                ? value.map(String)
+                : String(value);
+            onCommit(resolvedValue);
+        }, items: options, renderEmptyState: error ? React__default.createElement(LoadError, null) : "No results" }, (o) => {
+        const option = o;
+        return (React__default.createElement(ComboBoxItem, { key: option.value, id: option.value }, option.label));
+    }));
+}
+function Loading() {
+    return React__default.createElement("div", { style: { color: "hotpink", fontWeight: "bold" } }, "Loading...");
+}
+function LoadError() {
+    return (React__default.createElement("div", { style: { color: "hotpink", fontWeight: "bold" } }, "Failed to load options"));
+}
+function findLabelFromOptions(options, value, previous) {
+    const previousLabelByValue = buildPreviousLabelByValue(previous);
+    const labelFor = (v) => options.find((option) => option.value === v)?.label ??
+        previousLabelByValue.get(v);
+    return Array.isArray(value)
+        ? value.map(labelFor).filter((label) => label !== undefined)
+        : labelFor(value);
+}
+function buildPreviousLabelByValue(previous) {
+    const previousValues = normalizeValueToArray(previous.value);
+    const previousLabels = normalizeValueToArray(previous.label);
+    return new Map(previousValues.map((v, index) => [v, previousLabels[index]]));
+}
+function normalizeValueToArray(value) {
+    if (value === undefined)
+        return [];
+    return Array.isArray(value) ? value : [value];
+}
+
+export { CollectionFilterEditorLazy };
+//# sourceMappingURL=CollectionEditorsLazy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionEditorsLazy.js","sources":["../../../src/components/DataTable/CollectionEditorsLazy.tsx"],"sourcesContent":["import { ComboBoxItem } from \"@components/combo-box\"\nimport { useDebouncedValue } from \"@utilities/useDebouncedValue\"\nimport React, { Key, useCallback, useEffect, useState } from \"react\"\n\nimport type {\n  CollectionFilterEditorProps,\n  CollectionFilterValue,\n} from \"./CollectionEditorsShared\"\nimport { CollectionEditorCombobox } from \"./CollectionEditorsShared\"\nimport {\n  CollectionEditorCheckboxes,\n  CollectionEditorRadios,\n  CollectionEditorSelect,\n  CollectionEditorStaticProps,\n} from \"./CollectionEditorsStatic\"\nimport { CollectionOption } from \"./collectionFilter\"\nimport type { ActiveFilterLabel } from \"./FilterTypes\"\nimport { isEmptyValue } from \"./utils\"\n\ntype CollectionEditorLazyProps = CollectionEditorStaticProps & {\n  error: unknown\n  loading: boolean\n  query: string | undefined\n  setQuery: (query: string | undefined) => void\n}\n\nconst DEBOUNCE_MS = 300\n\nexport function CollectionFilterEditorLazy({\n  config,\n  onChange,\n  operator,\n  value,\n  filter,\n  label,\n}: CollectionFilterEditorProps) {\n  const { display, multiple } = config\n  const options = config.options as\n    | ((query?: string) => Promise<CollectionOption[]>)\n    | ((query?: string) => CollectionOption[])\n  const [query, setQuery] = useState<string | undefined>()\n  const debouncedQuery = useDebouncedValue(query, DEBOUNCE_MS)\n  const [resolvedOptions, setResolvedOptions] = useState<CollectionOption[]>([])\n  const onCommit = useCallback(\n    (newValue: CollectionFilterValue) => {\n      const newLabel = findLabelFromOptions(resolvedOptions, newValue, {\n        label,\n        value,\n      })\n      return onChange(\n        { label: newLabel, value: newValue },\n        { complete: !isEmptyValue(newValue) }\n      )\n    },\n    [resolvedOptions, onChange, value, label]\n  )\n  const [loading, setLoading] = useState<boolean>(true)\n  const [error, setError] = useState<unknown>(null)\n\n  useEffect(() => {\n    let active = true\n    async function fetchOptions() {\n      try {\n        const resolved = await options(debouncedQuery)\n        if (!active) return\n        setResolvedOptions(resolved)\n        setError(null)\n      } catch (e) {\n        if (!active) return\n        setResolvedOptions([])\n        setError(e)\n      } finally {\n        if (active) setLoading(false)\n      }\n    }\n    fetchOptions()\n    return () => {\n      active = false\n    }\n  }, [options, debouncedQuery])\n\n  const Editor = getLazyEditor({ display, multiple })\n\n  return (\n    <Editor\n      error={error}\n      loading={loading}\n      query={query}\n      setQuery={setQuery}\n      value={value}\n      onCommit={onCommit}\n      options={resolvedOptions}\n      multiple={multiple}\n      operator={operator}\n      filterLabel={filter.label}\n      filterName={filter.name}\n    />\n  )\n}\n\nfunction getLazyEditor({\n  display,\n  multiple,\n}: {\n  display: string\n  multiple: boolean\n}) {\n  if (display === \"combobox\") return CollectionEditorComboboxLazy\n  if (multiple) return CollectionEditorCheckboxesLazy\n  if (display === \"checkboxes\") return CollectionEditorRadiosLazy // TODO: This looks like it might be a mistake, should it be CollectionEditorCheckboxes? or at least allow for `radios` as an option?\n  return CollectionEditorSelectLazy\n}\n\nfunction CollectionEditorCheckboxesLazy({\n  error,\n  loading,\n  ...props\n}: CollectionEditorLazyProps) {\n  if (loading) return <Loading />\n  if (error) return <LoadError />\n  return <CollectionEditorCheckboxes {...props} />\n}\n\nfunction CollectionEditorRadiosLazy({\n  error,\n  loading,\n  ...props\n}: CollectionEditorLazyProps) {\n  if (loading) return <Loading />\n  if (error) return <LoadError />\n  return <CollectionEditorRadios {...props} />\n}\n\nfunction CollectionEditorSelectLazy({\n  error,\n  loading,\n  ...props\n}: CollectionEditorLazyProps) {\n  if (loading) return <Loading />\n  if (error) return <LoadError />\n  return <CollectionEditorSelect {...props} />\n}\n\nfunction CollectionEditorComboboxLazy({\n  error,\n  onCommit,\n  options,\n  query,\n  loading,\n  setQuery,\n  ...props\n}: CollectionEditorLazyProps) {\n  const [loadingState, setLoadingState] = useState<\n    \"loading\" | \"filtering\" | \"idle\"\n  >(loading ? \"loading\" : \"idle\")\n  useEffect(() => {\n    if (!loading) {\n      setLoadingState(\"idle\")\n    }\n  }, [loading])\n\n  return (\n    <CollectionEditorCombobox\n      {...props}\n      loadingState={error ? \"error\" : loadingState}\n      inputValue={query}\n      onInputChange={(q: string) => {\n        setLoadingState(\"filtering\")\n        setQuery(q)\n      }}\n      onChange={(value: Key | Key[] | null) => {\n        if (value === null) return\n\n        const resolvedValue = Array.isArray(value)\n          ? value.map(String)\n          : String(value)\n        onCommit(resolvedValue)\n      }}\n      items={options}\n      renderEmptyState={error ? <LoadError /> : \"No results\"}\n    >\n      {(o) => {\n        const option = o as CollectionOption\n        return (\n          <ComboBoxItem key={option.value} id={option.value}>\n            {option.label}\n          </ComboBoxItem>\n        )\n      }}\n    </CollectionEditorCombobox>\n  )\n}\n\nfunction Loading() {\n  return <div style={{ color: \"hotpink\", fontWeight: \"bold\" }}>Loading...</div>\n}\n\nfunction LoadError() {\n  return (\n    <div style={{ color: \"hotpink\", fontWeight: \"bold\" }}>\n      Failed to load options\n    </div>\n  )\n}\n\nfunction findLabelFromOptions(\n  options: CollectionOption[],\n  value: CollectionFilterValue,\n  previous: { label?: ActiveFilterLabel; value: CollectionFilterValue }\n) {\n  const previousLabelByValue = buildPreviousLabelByValue(previous)\n  const labelFor = (v: string) =>\n    options.find((option) => option.value === v)?.label ??\n    previousLabelByValue.get(v)\n\n  return Array.isArray(value)\n    ? value.map(labelFor).filter((label) => label !== undefined)\n    : labelFor(value)\n}\n\nfunction buildPreviousLabelByValue(previous: {\n  label?: ActiveFilterLabel\n  value: CollectionFilterValue\n}): Map<string, string | undefined> {\n  const previousValues = normalizeValueToArray(previous.value)\n  const previousLabels = normalizeValueToArray(previous.label)\n  return new Map(previousValues.map((v, index) => [v, previousLabels[index]]))\n}\n\nfunction normalizeValueToArray(value: string | string[] | undefined): string[] {\n  if (value === undefined) return []\n  return Array.isArray(value) ? value : [value]\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -2,9 +2,11 @@ import { type ComboBoxElementProps } from "../combo-box";
 import React from "react";
 import type { CollectionDisplay } from "./collectionFilter";
 import { CollectionOption } from "./collectionFilter";
-import type { FilterChange } from "./FilterTypes";
+import type { ActiveFilterLabel, FilterChange } from "./FilterTypes";
 /** A single option's `value`, or the selected `value`s when `multiple`. */
 export type CollectionFilterValue = string | string[];
+type CollectionOptionsLazy = (q: string | undefined) => Promise<CollectionOption[]> | CollectionOption[];
+export type CollectionOptions = CollectionOption[] | CollectionOptionsLazy;
 export type CollectionEditorProps = {
     multiple: boolean;
     operator: {
@@ -16,12 +18,13 @@ export type CollectionFilterEditorProps = {
     config: {
         display: CollectionDisplay;
         multiple: boolean;
-        options: CollectionOption[];
+        options: CollectionOptions;
     };
     filter: {
         label: string;
         name: string;
     };
+    label: ActiveFilterLabel;
     onChange: FilterChange;
     operator: {
         label: string;
@@ -30,4 +33,5 @@ export type CollectionFilterEditorProps = {
 };
 export declare function orderByOptions(options: CollectionOption[], selected: Set<string>): string[];
 export declare function CollectionEditorCombobox({ value, multiple, operator, ...props }: CollectionEditorProps & Partial<ComboBoxElementProps> & Pick<ComboBoxElementProps, "children">): React.JSX.Element;
+export {};
 //# sourceMappingURL=CollectionEditorsShared.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionEditorsShared.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/CollectionEditorsShared.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,2EAA2E;AAC3E,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAErD,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,KAAK,EAAE,qBAAqB,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE;QACN,OAAO,EAAE,iBAAiB,CAAA;QAC1B,QAAQ,EAAE,OAAO,CAAA;QACjB,OAAO,EAAE,gBAAgB,EAAE,CAAA;KAC5B,CAAA;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,QAAQ,EAAE,YAAY,CAAA;IACtB,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,KAAK,EAAE,qBAAqB,CAAA;CAC7B,CAAA;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,gBAAgB,EAAE,EAC3B,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,YAGtB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,GACtB,OAAO,CAAC,oBAAoB,CAAC,GAC7B,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,qBAYvC"}
+{"version":3,"file":"CollectionEditorsShared.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/CollectionEditorsShared.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEpE,2EAA2E;AAC3E,MAAM,MAAM,qBAAqB,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;AAErD,KAAK,qBAAqB,GAAG,CAC3B,CAAC,EAAE,MAAM,GAAG,SAAS,KAClB,OAAO,CAAC,gBAAgB,EAAE,CAAC,GAAG,gBAAgB,EAAE,CAAA;AACrD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,EAAE,GAAG,qBAAqB,CAAA;AAE1E,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,KAAK,EAAE,qBAAqB,CAAA;CAC7B,CAAA;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,MAAM,EAAE;QACN,OAAO,EAAE,iBAAiB,CAAA;QAC1B,QAAQ,EAAE,OAAO,CAAA;QACjB,OAAO,EAAE,iBAAiB,CAAA;KAC3B,CAAA;IACD,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;IACD,KAAK,EAAE,iBAAiB,CAAA;IACxB,QAAQ,EAAE,YAAY,CAAA;IACtB,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,KAAK,EAAE,qBAAqB,CAAA;CAC7B,CAAA;AAED,wBAAgB,cAAc,CAC5B,OAAO,EAAE,gBAAgB,EAAE,EAC3B,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,YAGtB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,GACtB,OAAO,CAAC,oBAAoB,CAAC,GAC7B,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,qBAYvC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionEditorsShared.js","sources":["../../../src/components/DataTable/CollectionEditorsShared.tsx"],"sourcesContent":["import { ComboBox, type ComboBoxElementProps } from \"@components/combo-box\"\nimport React from \"react\"\n\nimport type { CollectionDisplay } from \"./collectionFilter\"\nimport { CollectionOption } from \"./collectionFilter\"\nimport type { FilterChange } from \"./FilterTypes\"\n\n/** A single option's `value`, or the selected `value`s when `multiple`. */\nexport type CollectionFilterValue = string | string[]\n\nexport type CollectionEditorProps = {\n  multiple: boolean\n  operator: { label: string }\n  value: CollectionFilterValue\n}\n\nexport type CollectionFilterEditorProps = {\n  config: {\n    display: CollectionDisplay\n    multiple: boolean\n    options: CollectionOption[]\n  }\n  filter: {\n    label: string\n    name: string\n  }\n  onChange: FilterChange\n  operator: {\n    label: string\n  }\n  value: CollectionFilterValue\n}\n\nexport function orderByOptions(\n  options: CollectionOption[],\n  selected: Set<string>\n) {\n  return options.filter((o) => selected.has(o.value)).map((o) => o.value)\n}\n\nexport function CollectionEditorCombobox({\n  value,\n  multiple,\n  operator,\n  ...props\n}: CollectionEditorProps &\n  Partial<ComboBoxElementProps> &\n  Pick<ComboBoxElementProps, \"children\">) {\n  return (\n    <ComboBox\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={operator.label}\n      selectionMode={multiple ? \"multiple\" : \"single\"}\n      value={value}\n      {...props}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;AAiCM,SAAU,cAAc,CAC5B,OAA2B,EAC3B,QAAqB,EAAA;AAErB,IAAA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACzE;AAEM,SAAU,wBAAwB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EAG8B,EAAA;IACtC,QACEA,6BAAC;;;;AAEC,QAAA,SAAS,EAAA,IAAA,EACT,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,aAAa,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,EAC/C,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,CACT;AAEN;;;;"}
+{"version":3,"file":"CollectionEditorsShared.js","sources":["../../../src/components/DataTable/CollectionEditorsShared.tsx"],"sourcesContent":["import { ComboBox, type ComboBoxElementProps } from \"@components/combo-box\"\nimport React from \"react\"\n\nimport type { CollectionDisplay } from \"./collectionFilter\"\nimport { CollectionOption } from \"./collectionFilter\"\nimport type { ActiveFilterLabel, FilterChange } from \"./FilterTypes\"\n\n/** A single option's `value`, or the selected `value`s when `multiple`. */\nexport type CollectionFilterValue = string | string[]\n\ntype CollectionOptionsLazy = (\n  q: string | undefined\n) => Promise<CollectionOption[]> | CollectionOption[]\nexport type CollectionOptions = CollectionOption[] | CollectionOptionsLazy\n\nexport type CollectionEditorProps = {\n  multiple: boolean\n  operator: { label: string }\n  value: CollectionFilterValue\n}\n\nexport type CollectionFilterEditorProps = {\n  config: {\n    display: CollectionDisplay\n    multiple: boolean\n    options: CollectionOptions\n  }\n  filter: {\n    label: string\n    name: string\n  }\n  label: ActiveFilterLabel\n  onChange: FilterChange\n  operator: {\n    label: string\n  }\n  value: CollectionFilterValue\n}\n\nexport function orderByOptions(\n  options: CollectionOption[],\n  selected: Set<string>\n) {\n  return options.filter((o) => selected.has(o.value)).map((o) => o.value)\n}\n\nexport function CollectionEditorCombobox({\n  value,\n  multiple,\n  operator,\n  ...props\n}: CollectionEditorProps &\n  Partial<ComboBoxElementProps> &\n  Pick<ComboBoxElementProps, \"children\">) {\n  return (\n    <ComboBox\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={operator.label}\n      selectionMode={multiple ? \"multiple\" : \"single\"}\n      value={value}\n      {...props}\n    />\n  )\n}\n"],"names":["React"],"mappings":";;;AAuCM,SAAU,cAAc,CAC5B,OAA2B,EAC3B,QAAqB,EAAA;AAErB,IAAA,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;AACzE;AAEM,SAAU,wBAAwB,CAAC,EACvC,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EAG8B,EAAA;IACtC,QACEA,6BAAC;;;;AAEC,QAAA,SAAS,EAAA,IAAA,EACT,SAAS,EAAA,IAAA,EACT,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,aAAa,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,EAC/C,KAAK,EAAE,KAAK,EAAA,GACR,KAAK,EAAA,CACT;AAEN;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionEditorsStatic.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/CollectionEditorsStatic.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAEL,qBAAqB,EACrB,2BAA2B,EAC3B,qBAAqB,EAEtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,GAAG;IAChE,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD,OAAO,EAAE,gBAAgB,EAAE,CAAA;CAC5B,CAAA;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,2BAA2B,qBAmB7B;AAeD,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,qBAuB7B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,qBAqB7B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,qBAc7B"}
+{"version":3,"file":"CollectionEditorsStatic.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/CollectionEditorsStatic.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAEL,qBAAqB,EACrB,2BAA2B,EAC3B,qBAAqB,EAEtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAGrD,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,GAAG;IAChE,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAA;IAChD,OAAO,EAAE,gBAAgB,EAAE,CAAA;CAC5B,CAAA;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,2BAA2B,qBAoB7B;AAeD,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,qBAuB7B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,UAAU,EACV,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE,2BAA2B,qBAqB7B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,qBAc7B"}

package/dist/components/DataTable/CollectionEditorsStatic.js

@@ -9,8 +9,9 @@ import { CollectionEditorCombobox, orderByOptions } from './CollectionEditorsSha
 import { isEmptyValue } from './utils.js';
 
 function CollectionFilterEditorStatic({ config, onChange, operator, value, filter, }) {
-    const { display, multiple, options } = config;
-    const onCommit = (value) => onChange({ value }, { complete: !isEmptyValue(value) });
+    const { display, multiple } = config;
+    const options = config.options;
+    const onCommit = (value) => onChange({ label: undefined, value }, { complete: !isEmptyValue(value) });
     const Editor = getStaticEditor({ display, multiple });
     return (React__default.createElement(Editor, { value: value, onCommit: onCommit, options: options, multiple: multiple, operator: operator, filterLabel: filter.label, filterName: filter.name }));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionEditorsStatic.js","sources":["../../../src/components/DataTable/CollectionEditorsStatic.tsx"],"sourcesContent":["import { Checkbox } from \"@components/checkbox\"\nimport { CheckboxGroup } from \"@components/checkbox-group\"\nimport { ComboBoxItem } from \"@components/combo-box\"\nimport { Radio } from \"@components/radio\"\nimport { RadioGroup } from \"@components/radio-group\"\nimport { Select } from \"@components/select\"\nimport React, { Key } from \"react\"\n\nimport {\n  CollectionEditorCombobox,\n  CollectionEditorProps,\n  CollectionFilterEditorProps,\n  CollectionFilterValue,\n  orderByOptions,\n} from \"./CollectionEditorsShared\"\nimport { CollectionOption } from \"./collectionFilter\"\nimport { isEmptyValue } from \"./utils\"\n\nexport type CollectionEditorStaticProps = CollectionEditorProps & {\n  filterLabel: string\n  filterName: string\n  onCommit: (value: CollectionFilterValue) => void\n  options: CollectionOption[]\n}\n\nexport function CollectionFilterEditorStatic({\n  config,\n  onChange,\n  operator,\n  value,\n  filter,\n}: CollectionFilterEditorProps) {\n  const { display, multiple, options } = config\n\n  const onCommit = (value: CollectionFilterValue) =>\n    onChange({ value }, { complete: !isEmptyValue(value) })\n\n  const Editor = getStaticEditor({ display, multiple })\n\n  return (\n    <Editor\n      value={value}\n      onCommit={onCommit}\n      options={options}\n      multiple={multiple}\n      operator={operator}\n      filterLabel={filter.label}\n      filterName={filter.name}\n    />\n  )\n}\n\nfunction getStaticEditor({\n  display,\n  multiple,\n}: {\n  display: string\n  multiple: boolean\n}) {\n  if (display === \"combobox\") return CollectionEditorComboboxStatic\n  if (multiple) return CollectionEditorCheckboxes\n  if (display === \"checkboxes\") return CollectionEditorRadios // TODO: This looks like it might be a mistake, should it be CollectionEditorCheckboxes? or at least allow for `radios` as an option?\n  return CollectionEditorSelect\n}\n\nexport function CollectionEditorCheckboxes({\n  filterLabel,\n  onCommit,\n  options,\n  value,\n}: CollectionEditorStaticProps) {\n  const selected = Array.isArray(value) ? value : [value]\n  const toggle = (optionValue: string, checked: boolean) => {\n    const next = new Set(selected)\n    if (checked) next.add(optionValue)\n    else next.delete(optionValue)\n    onCommit(orderByOptions(options, next))\n  }\n\n  return (\n    <CheckboxGroup label={filterLabel}>\n      {options.map((option, index) => (\n        <Checkbox\n          key={option.value}\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={index === 0}\n          checked={selected.includes(option.value)}\n          label={option.label}\n          onChange={(e) => toggle(option.value, e.target.checked)}\n        />\n      ))}\n    </CheckboxGroup>\n  )\n}\n\nexport function CollectionEditorRadios({\n  filterLabel,\n  filterName,\n  onCommit,\n  options,\n  value,\n}: CollectionEditorStaticProps) {\n  const selected = Array.isArray(value) ? value[0] : value\n  const focusIndex = Math.max(\n    0,\n    options.findIndex((option) => option.value === selected)\n  )\n  return (\n    <RadioGroup label={filterLabel}>\n      {options.map((option, index) => (\n        <Radio\n          key={option.value}\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={index === focusIndex}\n          checked={selected === option.value}\n          label={option.label}\n          name={filterName}\n          onChange={() => onCommit(option.value)}\n        />\n      ))}\n    </RadioGroup>\n  )\n}\n\nexport function CollectionEditorSelect({\n  value,\n  operator,\n  options,\n  onCommit,\n}: CollectionEditorStaticProps) {\n  const selected = Array.isArray(value) ? value[0] : value\n\n  return (\n    <Select\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={operator.label}\n      options={options}\n      value={selected}\n      onChange={(e) => onCommit(e.target.value)}\n    />\n  )\n}\n\nfunction CollectionEditorComboboxStatic({\n  onCommit,\n  options,\n  filterLabel,\n  filterName,\n  ...props\n}: CollectionEditorStaticProps) {\n  return (\n    <CollectionEditorCombobox\n      {...props}\n      onChange={(value: Key | Key[] | null) => {\n        if (value === null) return\n\n        const resolvedValue = Array.isArray(value)\n          ? orderByOptions(options, new Set(value.map(String)))\n          : String(value)\n\n        onCommit(resolvedValue)\n      }}\n    >\n      {options.map((option) => (\n        <ComboBoxItem key={option.value} id={option.value}>\n          {option.label}\n        </ComboBoxItem>\n      ))}\n    </CollectionEditorCombobox>\n  )\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"CollectionEditorsStatic.js","sources":["../../../src/components/DataTable/CollectionEditorsStatic.tsx"],"sourcesContent":["import { Checkbox } from \"@components/checkbox\"\nimport { CheckboxGroup } from \"@components/checkbox-group\"\nimport { ComboBoxItem } from \"@components/combo-box\"\nimport { Radio } from \"@components/radio\"\nimport { RadioGroup } from \"@components/radio-group\"\nimport { Select } from \"@components/select\"\nimport React, { Key } from \"react\"\n\nimport {\n  CollectionEditorCombobox,\n  CollectionEditorProps,\n  CollectionFilterEditorProps,\n  CollectionFilterValue,\n  orderByOptions,\n} from \"./CollectionEditorsShared\"\nimport { CollectionOption } from \"./collectionFilter\"\nimport { isEmptyValue } from \"./utils\"\n\nexport type CollectionEditorStaticProps = CollectionEditorProps & {\n  filterLabel: string\n  filterName: string\n  onCommit: (value: CollectionFilterValue) => void\n  options: CollectionOption[]\n}\n\nexport function CollectionFilterEditorStatic({\n  config,\n  onChange,\n  operator,\n  value,\n  filter,\n}: CollectionFilterEditorProps) {\n  const { display, multiple } = config\n  const options = config.options as CollectionOption[]\n\n  const onCommit = (value: CollectionFilterValue) =>\n    onChange({ label: undefined, value }, { complete: !isEmptyValue(value) })\n\n  const Editor = getStaticEditor({ display, multiple })\n\n  return (\n    <Editor\n      value={value}\n      onCommit={onCommit}\n      options={options}\n      multiple={multiple}\n      operator={operator}\n      filterLabel={filter.label}\n      filterName={filter.name}\n    />\n  )\n}\n\nfunction getStaticEditor({\n  display,\n  multiple,\n}: {\n  display: string\n  multiple: boolean\n}) {\n  if (display === \"combobox\") return CollectionEditorComboboxStatic\n  if (multiple) return CollectionEditorCheckboxes\n  if (display === \"checkboxes\") return CollectionEditorRadios // TODO: This looks like it might be a mistake, should it be CollectionEditorCheckboxes? or at least allow for `radios` as an option?\n  return CollectionEditorSelect\n}\n\nexport function CollectionEditorCheckboxes({\n  filterLabel,\n  onCommit,\n  options,\n  value,\n}: CollectionEditorStaticProps) {\n  const selected = Array.isArray(value) ? value : [value]\n  const toggle = (optionValue: string, checked: boolean) => {\n    const next = new Set(selected)\n    if (checked) next.add(optionValue)\n    else next.delete(optionValue)\n    onCommit(orderByOptions(options, next))\n  }\n\n  return (\n    <CheckboxGroup label={filterLabel}>\n      {options.map((option, index) => (\n        <Checkbox\n          key={option.value}\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={index === 0}\n          checked={selected.includes(option.value)}\n          label={option.label}\n          onChange={(e) => toggle(option.value, e.target.checked)}\n        />\n      ))}\n    </CheckboxGroup>\n  )\n}\n\nexport function CollectionEditorRadios({\n  filterLabel,\n  filterName,\n  onCommit,\n  options,\n  value,\n}: CollectionEditorStaticProps) {\n  const selected = Array.isArray(value) ? value[0] : value\n  const focusIndex = Math.max(\n    0,\n    options.findIndex((option) => option.value === selected)\n  )\n  return (\n    <RadioGroup label={filterLabel}>\n      {options.map((option, index) => (\n        <Radio\n          key={option.value}\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={index === focusIndex}\n          checked={selected === option.value}\n          label={option.label}\n          name={filterName}\n          onChange={() => onCommit(option.value)}\n        />\n      ))}\n    </RadioGroup>\n  )\n}\n\nexport function CollectionEditorSelect({\n  value,\n  operator,\n  options,\n  onCommit,\n}: CollectionEditorStaticProps) {\n  const selected = Array.isArray(value) ? value[0] : value\n\n  return (\n    <Select\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={operator.label}\n      options={options}\n      value={selected}\n      onChange={(e) => onCommit(e.target.value)}\n    />\n  )\n}\n\nfunction CollectionEditorComboboxStatic({\n  onCommit,\n  options,\n  filterLabel,\n  filterName,\n  ...props\n}: CollectionEditorStaticProps) {\n  return (\n    <CollectionEditorCombobox\n      {...props}\n      onChange={(value: Key | Key[] | null) => {\n        if (value === null) return\n\n        const resolvedValue = Array.isArray(value)\n          ? orderByOptions(options, new Set(value.map(String)))\n          : String(value)\n\n        onCommit(resolvedValue)\n      }}\n    >\n      {options.map((option) => (\n        <ComboBoxItem key={option.value} id={option.value}>\n          {option.label}\n        </ComboBoxItem>\n      ))}\n    </CollectionEditorCombobox>\n  )\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -75,7 +75,10 @@ export type UpdateActiveFilter = (updates: Partial<ActiveFilter>) => void;
 export type FilterChange = (updates: Partial<ActiveFilter>, state?: {
     complete?: boolean;
 }) => void;
+export type ActiveFilterLabel = string | string[] | undefined;
 export interface ActiveFilter<T = unknown> {
+    /** The human-readable label for the applied filter, if available. */
+    label?: ActiveFilterLabel;
     /** The HTML name of the applied filter. Connects to the name of the filter. */
     name: string;
     /** The operator used by the applied filter.  Corresponds to the name of the operator in the filter configuration. */

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTypes.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAElE,MAAM,WAAW,cAAc;IAC7B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,8EAA8E;IAC9E,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,qGAAqG;IACrG,0BAA0B,EAAE,CAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,KACf,oBAAoB,CAAA;IACzB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,QAAQ,EAAE,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,qEAAqE;IACrE,OAAO,EAAE,cAAc,EAAE,CAAA;CAC1B;AAED,oDAAoD;AACpD,wBAAgB,cAAc,CAC5B,MAAM,EAAE,cAAc,GACrB,MAAM,IAAI,gBAAgB,CAE5B;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,mDAAmD;IACnD,QAAQ,EAAE,UAAU,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;IACnB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,eAAe,CAAA;AAEzD,qIAAqI;AACrI,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IACtD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAA;CAAE,GACvC;IAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAA;AAE3C,MAAM,MAAM,gBAAgB,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC/D,cAAc,EACd,4BAA4B,GAAG,WAAW,CAC3C,GACC,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAEzB,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAA;AAEzE;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,CACzB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,EAC9B,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,KAC3B,IAAI,CAAA;AAET,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO;IACvC,+EAA+E;IAC/E,IAAI,EAAE,MAAM,CAAA;IACZ,qHAAqH;IACrH,QAAQ,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,KAAK,EAAE,CAAC,CAAA;CACT;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA"}
+{"version":3,"file":"FilterTypes.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterTypes.js","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"sourcesContent":["import type { ActiveFilterInstance } from \"./ActiveFilterInstance\"\n\nexport interface FilterNodeBase {\n  /** Extra search terms beyond the label. */\n  keywords?: string[]\n}\n\nexport interface InputType {\n  type: string\n}\n\nexport interface Operator {\n  inputType: InputType\n  label: string\n  name: string\n}\n\nexport interface FilterNodeItem extends FilterNodeBase {\n  /** Whether multiple instances of this filter can be active simultaneously. */\n  allowMultiple?: boolean\n  children?: never\n  /** Binds this filter to one active filter's operator and value. Supplied by the filter factories. */\n  createActiveFilterInstance: (\n    activeFilter: ActiveFilter,\n    operator: Operator\n  ) => ActiveFilterInstance\n  /** Not rendered in the menu. Carried through as data for the change handler. */\n  description?: string\n  /** Display name in the filter menu. */\n  label: string\n  /**\n   * Stable id. Keys the active filter this config produces. Must be unique\n   * across the whole filter tree — it's applied as the item's `id`, and\n   * duplicates break the menu.\n   */\n  name: string\n  operators: Operator[]\n}\n\n/**\n * A filter that delegates to one of several other filters, chosen by an active\n * filter's `scope` (see `scopedFilter`). The scoped filter supplies the\n * `operator` and `value`, while this one still labels the chip.\n *\n * Distinct from a group's `children`: those render side by side in the menu,\n * while these are alternatives the user picks between one at a time.\n */\nexport interface FilterNodeScoped extends FilterNodeItem {\n  /** The filters a `scope` selects from, keyed by their own `name`. */\n  options: FilterNodeItem[]\n}\n\n/** Whether a filter delegates to scoped options. */\nexport function isScopedFilter(\n  filter: FilterNodeItem\n): filter is FilterNodeScoped {\n  return Array.isArray((filter as FilterNodeScoped).options)\n}\n\nexport interface FilterNodeGroup extends FilterNodeBase {\n  /** Filters and nested groups, in display order. */\n  children: FilterNode[]\n  description?: never\n  keywords?: string[]\n  /** Section header, or submenu trigger label. */\n  label: string\n  /** Opens children in a submenu instead of an inline section. */\n  renderChildrenInSubmenu?: boolean\n}\n\nexport type FilterNode = FilterNodeItem | FilterNodeGroup\n\n/** Narrow a factory's operator set by name. `includes` keeps only the named operators, in the order given; `excludes` drops them. */\nexport type OperatorSelection<Name extends string = string> =\n  | { excludes?: never; includes?: Name[] }\n  | { excludes?: Name[]; includes?: never }\n\nexport type FilterItemConfig<Name extends string = string> = Omit<\n  FilterNodeItem,\n  \"createActiveFilterInstance\" | \"operators\"\n> &\n  OperatorSelection<Name>\n\nexport type UpdateActiveFilter = (updates: Partial<ActiveFilter>) => void\n\n/**\n * How an editor reports a change, along with whether the filter can now be\n * applied. Editors know this; callers would otherwise have to infer it from\n * the shape of the update.\n *\n * `complete` defaults to true, so an editor reporting a finished value says\n * nothing extra — only partial states need flagging.\n */\nexport type FilterChange = (\n  updates: Partial<ActiveFilter>,\n  state?: { complete?: boolean }\n) => void\n\nexport interface ActiveFilter<T = unknown> {\n  /** The HTML name of the applied filter. Connects to the name of the filter. */\n  name: string\n  /** The operator used by the applied filter.  Corresponds to the name of the operator in the filter configuration. */\n  operator: string\n  /**\n   * For scoped filters only: which of the parent's options is selected. The\n   * `operator` and `value` then belong to that option's filter rather than to\n   * the parent, so both are resolved against the scoped filter.\n   */\n  scope?: string\n  /**\n   * The value of the applied filter. Can be of any type depending on the filter configuration.\n   * TODO: Add more specific typing based on the operator and input type.\n   */\n  value: T\n}\n\nexport type AddPendingFilterFn = (filter: ActiveFilter) => void\n"],"names":[],"mappings":"AAoDA;AACM,SAAU,cAAc,CAC5B,MAAsB,EAAA;IAEtB,OAAO,KAAK,CAAC,OAAO,CAAE,MAA2B,CAAC,OAAO,CAAC;AAC5D;;;;"}
+{"version":3,"file":"FilterTypes.js","sources":["../../../src/components/DataTable/FilterTypes.tsx"],"sourcesContent":["import type { ActiveFilterInstance } from \"./ActiveFilterInstance\"\n\nexport interface FilterNodeBase {\n  /** Extra search terms beyond the label. */\n  keywords?: string[]\n}\n\nexport interface InputType {\n  type: string\n}\n\nexport interface Operator {\n  inputType: InputType\n  label: string\n  name: string\n}\n\nexport interface FilterNodeItem extends FilterNodeBase {\n  /** Whether multiple instances of this filter can be active simultaneously. */\n  allowMultiple?: boolean\n  children?: never\n  /** Binds this filter to one active filter's operator and value. Supplied by the filter factories. */\n  createActiveFilterInstance: (\n    activeFilter: ActiveFilter,\n    operator: Operator\n  ) => ActiveFilterInstance\n  /** Not rendered in the menu. Carried through as data for the change handler. */\n  description?: string\n  /** Display name in the filter menu. */\n  label: string\n  /**\n   * Stable id. Keys the active filter this config produces. Must be unique\n   * across the whole filter tree — it's applied as the item's `id`, and\n   * duplicates break the menu.\n   */\n  name: string\n  operators: Operator[]\n}\n\n/**\n * A filter that delegates to one of several other filters, chosen by an active\n * filter's `scope` (see `scopedFilter`). The scoped filter supplies the\n * `operator` and `value`, while this one still labels the chip.\n *\n * Distinct from a group's `children`: those render side by side in the menu,\n * while these are alternatives the user picks between one at a time.\n */\nexport interface FilterNodeScoped extends FilterNodeItem {\n  /** The filters a `scope` selects from, keyed by their own `name`. */\n  options: FilterNodeItem[]\n}\n\n/** Whether a filter delegates to scoped options. */\nexport function isScopedFilter(\n  filter: FilterNodeItem\n): filter is FilterNodeScoped {\n  return Array.isArray((filter as FilterNodeScoped).options)\n}\n\nexport interface FilterNodeGroup extends FilterNodeBase {\n  /** Filters and nested groups, in display order. */\n  children: FilterNode[]\n  description?: never\n  keywords?: string[]\n  /** Section header, or submenu trigger label. */\n  label: string\n  /** Opens children in a submenu instead of an inline section. */\n  renderChildrenInSubmenu?: boolean\n}\n\nexport type FilterNode = FilterNodeItem | FilterNodeGroup\n\n/** Narrow a factory's operator set by name. `includes` keeps only the named operators, in the order given; `excludes` drops them. */\nexport type OperatorSelection<Name extends string = string> =\n  | { excludes?: never; includes?: Name[] }\n  | { excludes?: Name[]; includes?: never }\n\nexport type FilterItemConfig<Name extends string = string> = Omit<\n  FilterNodeItem,\n  \"createActiveFilterInstance\" | \"operators\"\n> &\n  OperatorSelection<Name>\n\nexport type UpdateActiveFilter = (updates: Partial<ActiveFilter>) => void\n\n/**\n * How an editor reports a change, along with whether the filter can now be\n * applied. Editors know this; callers would otherwise have to infer it from\n * the shape of the update.\n *\n * `complete` defaults to true, so an editor reporting a finished value says\n * nothing extra — only partial states need flagging.\n */\nexport type FilterChange = (\n  updates: Partial<ActiveFilter>,\n  state?: { complete?: boolean }\n) => void\n\nexport type ActiveFilterLabel = string | string[] | undefined\n\nexport interface ActiveFilter<T = unknown> {\n  /** The human-readable label for the applied filter, if available. */\n  label?: ActiveFilterLabel\n  /** The HTML name of the applied filter. Connects to the name of the filter. */\n  name: string\n  /** The operator used by the applied filter.  Corresponds to the name of the operator in the filter configuration. */\n  operator: string\n  /**\n   * For scoped filters only: which of the parent's options is selected. The\n   * `operator` and `value` then belong to that option's filter rather than to\n   * the parent, so both are resolved against the scoped filter.\n   */\n  scope?: string\n  /**\n   * The value of the applied filter. Can be of any type depending on the filter configuration.\n   * TODO: Add more specific typing based on the operator and input type.\n   */\n  value: T\n}\n\nexport type AddPendingFilterFn = (filter: ActiveFilter) => void\n"],"names":[],"mappings":"AAoDA;AACM,SAAU,cAAc,CAC5B,MAAsB,EAAA;IAEtB,OAAO,KAAK,CAAC,OAAO,CAAE,MAA2B,CAAC,OAAO,CAAC;AAC5D;;;;"}

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

@@ -1,3 +1,4 @@
+import type { CollectionOptions } from "./CollectionEditorsShared";
 import type { FilterItemConfig, FilterNodeItem } from "./FilterTypes";
 export type CollectionOption = {
     label: string;
@@ -33,7 +34,7 @@ declare const COLLECTION_OPERATORS: ({
 })[];
 export type CollectionOperatorName = (typeof COLLECTION_OPERATORS)[number]["name"];
 export type CollectionFilterConfig = FilterItemConfig<CollectionOperatorName> & {
-    options: CollectionOption[];
+    options: CollectionOptions;
 } & ({
     display?: CollectionDisplay;
     multiple?: false;

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

@@ -1 +1 @@
-{"version":3,"file":"collectionFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEpE,eAAO,MAAM,aAAa;;;;;;CAIG,CAAA;AAC7B,eAAO,MAAM,cAAc;;;;;;CAIE,CAAA;AAE7B,QAAA,MAAM,oBAAoB;;;;;;;;;;;;IAAkC,CAAA;AAE5D,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/C,MAAM,MAAM,sBAAsB,GAChC,gBAAgB,CAAC,sBAAsB,CAAC,GAAG;IACzC,OAAO,EAAE,gBAAgB,EAAE,CAAA;CAC5B,GAAG,CACE;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAA;CAAE,CACrE,CAAA;AAEL,wBAAgB,gBAAgB,CAAC,EAC/B,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,GAAG,MAAM,EACV,EAAE,sBAAsB,GAAG,cAAc,CAazC"}
+{"version":3,"file":"collectionFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAElC,OAAO,KAAK,EAGV,gBAAgB,EAChB,cAAc,EAEf,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEpE,eAAO,MAAM,aAAa;;;;;;CAIG,CAAA;AAC7B,eAAO,MAAM,cAAc;;;;;;CAIE,CAAA;AAE7B,QAAA,MAAM,oBAAoB;;;;;;;;;;;;IAAkC,CAAA;AAE5D,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE/C,MAAM,MAAM,sBAAsB,GAChC,gBAAgB,CAAC,sBAAsB,CAAC,GAAG;IACzC,OAAO,EAAE,iBAAiB,CAAA;CAC3B,GAAG,CACE;IAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACjD;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAA;CAAE,CACrE,CAAA;AAEL,wBAAgB,gBAAgB,CAAC,EAC/B,OAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,GAAG,MAAM,EACV,EAAE,sBAAsB,GAAG,cAAc,CAczC"}

package/dist/components/DataTable/collectionFilter.js

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { ActiveFilterInstance } from './ActiveFilterInstance.js';
+import { CollectionFilterEditorLazy } from './CollectionEditorsLazy.js';
 import { CollectionFilterEditorStatic } from './CollectionEditorsStatic.js';
 import { resolveOperators } from './resolveOperators.js';
 
@@ -17,26 +18,36 @@ const COLLECTION_OPERATORS = [COLLECTION_IS, COLLECTION_NOT];
 function collectionFilter({ display = "select", excludes, includes, multiple = false, options, ...config }) {
     const filter = {
         ...config,
-        createActiveFilterInstance: (activeFilter, operator) => new CollectionActiveFilter(filter, operator, activeFilter.value, { display, multiple, options }),
+        createActiveFilterInstance: (activeFilter, operator) => new CollectionActiveFilter(filter, operator, activeFilter.value, activeFilter.label, { display, multiple, options }),
         operators: resolveOperators(COLLECTION_OPERATORS, { excludes, includes }),
     };
     return filter;
 }
 class CollectionActiveFilter extends ActiveFilterInstance {
+    label;
     config;
-    constructor(filter, operator, value, config) {
+    constructor(filter, operator, value, label, config) {
         super(filter, operator, value);
+        this.label = label;
         this.config = config;
+        this.label = label;
     }
     formatValue() {
+        if (this.label)
+            return Array.isArray(this.label) ? this.label : [this.label];
         const values = Array.isArray(this.value) ? this.value : [this.value];
+        if (typeof this.config.options === "function")
+            return [""];
         return values
-            .map((value) => this.config.options.find((option) => option.value === value)?.label ??
-            value)
+            .map((value) => this.config.options.find((option) => option.value === value)?.label ?? value)
             .join(", ");
     }
     renderEditor(onChange) {
-        return (React__default.createElement(CollectionFilterEditorStatic, { config: this.config, onChange: onChange, operator: this.operator, value: this.value, filter: this.filter }));
+        const hasLazyOptions = typeof this.config.options === "function";
+        const Editor = hasLazyOptions
+            ? CollectionFilterEditorLazy
+            : CollectionFilterEditorStatic;
+        return (React__default.createElement(Editor, { config: this.config, onChange: onChange, operator: this.operator, value: this.value, label: this.label, filter: this.filter }));
     }
 }
 

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

@@ -1 +1 @@
-{"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;;;;"}
+{"version":3,"file":"collectionFilter.js","sources":["../../../src/components/DataTable/collectionFilter.tsx"],"sourcesContent":["import React from \"react\"\n\nimport { ActiveFilterInstance } from \"./ActiveFilterInstance\"\nimport { CollectionFilterEditorLazy } from \"./CollectionEditorsLazy\"\nimport type {\n  CollectionFilterValue,\n  CollectionOptions,\n} from \"./CollectionEditorsShared\"\nimport { CollectionFilterEditorStatic } from \"./CollectionEditorsStatic\"\nimport type {\n  ActiveFilterLabel,\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: CollectionOptions\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        activeFilter.label,\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 label: ActiveFilterLabel,\n    private readonly config: {\n      display: CollectionDisplay\n      multiple: boolean\n      options: CollectionOptions\n    }\n  ) {\n    super(filter, operator, value)\n    this.label = label\n  }\n\n  formatValue() {\n    if (this.label) return Array.isArray(this.label) ? this.label : [this.label]\n    const values = Array.isArray(this.value) ? this.value : [this.value]\n    if (typeof this.config.options === \"function\") return [\"\"]\n    return values\n      .map(\n        (value) =>\n          (this.config.options as CollectionOption[]).find(\n            (option) => option.value === value\n          )?.label ?? value\n      )\n      .join(\", \")\n  }\n\n  renderEditor(onChange: FilterChange) {\n    const hasLazyOptions = typeof this.config.options === \"function\"\n    const Editor = hasLazyOptions\n      ? CollectionFilterEditorLazy\n      : CollectionFilterEditorStatic\n\n    return (\n      <Editor\n        config={this.config}\n        onChange={onChange}\n        operator={this.operator}\n        value={this.value}\n        label={this.label}\n        filter={this.filter}\n      />\n    )\n  }\n}\n"],"names":["React"],"mappings":";;;;;;AA0BO,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;AACT,QAAA,0BAA0B,EAAE,CAAC,YAAY,EAAE,QAAQ,KACjD,IAAI,sBAAsB,CACxB,MAAM,EACN,QAAQ,EACR,YAAY,CAAC,KAA8B,EAC3C,YAAY,CAAC,KAAK,EAClB,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,KAAA;AACA,IAAA,MAAA;IALnB,WAAA,CACE,MAAsB,EACtB,QAA6C,EAC7C,KAA4B,EACX,KAAwB,EACxB,MAIhB,EAAA;AAED,QAAA,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC;QAPb,IAAA,CAAA,KAAK,GAAL,KAAK;QACL,IAAA,CAAA,MAAM,GAAN,MAAM;AAOvB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;IACpB;IAEA,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,KAAK;YAAE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5E,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;AACpE,QAAA,IAAI,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,UAAU;YAAE,OAAO,CAAC,EAAE,CAAC;AAC1D,QAAA,OAAO;AACJ,aAAA,GAAG,CACF,CAAC,KAAK,KACH,IAAI,CAAC,MAAM,CAAC,OAA8B,CAAC,IAAI,CAC9C,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,KAAK,CACnC,EAAE,KAAK,IAAI,KAAK;aAEpB,IAAI,CAAC,IAAI,CAAC;IACf;AAEA,IAAA,YAAY,CAAC,QAAsB,EAAA;QACjC,MAAM,cAAc,GAAG,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,UAAU;QAChE,MAAM,MAAM,GAAG;AACb,cAAE;cACA,4BAA4B;AAEhC,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EAAA,CACnB;IAEN;AACD;;;;"}

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,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"}
+{"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;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"}

package/dist/components/DataTable/numberFilter.js

@@ -1,9 +1,8 @@
 import { Flex } from '../flex/Flex.js';
 import { NumberStepper } from '../number-stepper/NumberStepper.js';
-import React__default, { useState } from 'react';
+import React__default, { useRef } from 'react';
 import { ActiveFilterInstance } from './ActiveFilterInstance.js';
 import { resolveOperators } from './resolveOperators.js';
-import { isEmptyValue } from './utils.js';
 
 const GTE = {
     inputType: { type: "number" },
@@ -31,43 +30,62 @@ 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);
+        return [this.value]
+            .flat()
+            .filter((value) => value !== undefined)
+            .join(" and ");
     }
     renderEditor(onChange) {
-        const { label } = this.operator;
-        const onCommit = (value) => onChange({ value }, { complete: !isEmptyValue(value) });
-        if (this.operator.inputType.type === "number-range") {
-            const range = Array.isArray(this.value)
-                ? this.value
-                : [this.value, this.value];
-            return (React__default.createElement(NumberRangeEditor, { label: label, value: range, onCommit: onCommit }));
-        }
-        const single = Array.isArray(this.value) ? this.value[0] : this.value;
-        return React__default.createElement(NumberEditor, { label: label, value: single, onCommit: onCommit });
+        const { inputType, label, name } = this.operator;
+        const [start, end] = [this.value].flat();
+        const { initialValues, labels, toValue } = inputType.type === "number-range"
+            ? {
+                initialValues: [start, end],
+                labels: [`${label} from`, `${label} to`],
+                toValue: (committed) => committed,
+            }
+            : {
+                initialValues: [start],
+                labels: [label],
+                toValue: (committed) => committed[0],
+            };
+        return (React__default.createElement(NumberEditor, { key: name, labels: labels, values: initialValues, onCommit: (committed) => onChange({ value: toValue(committed) }, { complete: committed.every((value) => value !== undefined) }) }));
     }
 }
-function NumberEditor({ label, onCommit, value: initialValue, }) {
-    const [value, setValue] = useState(initialValue);
-    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 Aria parses typed text in its own blur and Enter handlers, after ours,
+// so parsed values go in a ref and commit from the wrapper's blur (which
+// bubbles after parsing) or Enter's keyup.
+function NumberEditor({ labels, onCommit, values: initialValues, }) {
+    const values = useRef(initialValues);
+    const lastCommitted = useRef(initialValues);
+    const shouldCommitOnKeyUp = useRef(false);
+    const commit = () => {
+        lastCommitted.current = values.current;
+        onCommit(values.current);
+    };
+    const changed = () => values.current.some((value, index) => value !== lastCommitted.current[index]);
+    return (React__default.createElement(Flex, { gap: 1, onBlur: () => {
+            if (changed())
+                commit();
+        } }, labels.map((label, index) => (React__default.createElement(React__default.Fragment, { key: label },
+        index > 0 && React__default.createElement("span", null, "and"),
         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]) })));
+            autoFocus: index === 0, defaultValue: initialValues[index], hideLabel: true, label: label, onChange: (value) => {
+                const next = [...values.current];
+                next[index] = Number.isNaN(value) ? undefined : value;
+                values.current = next;
+            }, onKeyDown: (e) => {
+                shouldCommitOnKeyUp.current =
+                    e.key === "Enter" && !e.nativeEvent.isComposing;
+            }, onKeyUp: (e) => {
+                if (e.key !== "Enter" || !shouldCommitOnKeyUp.current)
+                    return;
+                shouldCommitOnKeyUp.current = false;
+                commit();
+            } }))))));
 }
 
 export { GTE, LTE, NUMBER_RANGE, numberFilter };