@planningcenter/tapestry 4.8.1-qa-1359.0 → 4.9.0-rc.0

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

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

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

@@ -1 +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"}
+{"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,EAG5B,MAAM,2BAA2B,CAAA;AAsBlC,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,KAAK,EACL,KAAK,GACN,EAAE,2BAA2B,qBA4C7B;AA+FD,wBAAgB,OAAO,sBAEtB;AAED,wBAAgB,SAAS,sBAMxB"}

package/dist/components/DataTable/CollectionEditorsLazy.js

@@ -1,17 +1,19 @@
 import { ComboBoxItem } from '../combo-box/ComboBox.js';
 import { useDebouncedValue } from '../../utilities/useDebouncedValue.js';
-import React__default, { useState, useCallback, useEffect } from 'react';
+import React__default, { useCallback, useState, useEffect } from 'react';
 import { CollectionEditorCombobox } from './CollectionEditorsShared.js';
 import { CollectionEditorCheckboxes, CollectionEditorRadios, CollectionEditorSelect } from './CollectionEditorsStatic.js';
+import { useLazyOptions } from './useLazyOptions.js';
 import { isEmptyValue } from './utils.js';
 
 const DEBOUNCE_MS = 300;
-function CollectionFilterEditorLazy({ config, onChange, operator, value, filter, label, }) {
+function CollectionFilterEditorLazy({ config, onChange, operator, value, filter, label, scope, }) {
     const { display, multiple } = config;
-    const options = config.options;
+    const loadOptions = config.options;
+    const options = useCallback((query) => loadOptions(query, scope), [loadOptions, scope]);
     const [query, setQuery] = useState();
     const debouncedQuery = useDebouncedValue(query, DEBOUNCE_MS);
-    const [resolvedOptions, setResolvedOptions] = useState([]);
+    const { error, loading, options: resolvedOptions, } = useLazyOptions(options, debouncedQuery);
     const onCommit = useCallback((newValue) => {
         const newLabel = findLabelFromOptions(resolvedOptions, newValue, {
             label,
@@ -19,34 +21,6 @@ function CollectionFilterEditorLazy({ config, onChange, operator, value, filter,
         });
         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 }));
 }
@@ -127,5 +101,5 @@ function normalizeValueToArray(value) {
     return Array.isArray(value) ? value : [value];
 }
 
-export { CollectionFilterEditorLazy };
+export { CollectionFilterEditorLazy, LoadError, Loading };
 //# sourceMappingURL=CollectionEditorsLazy.js.map

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

@@ -1 +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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"}
+{"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  CollectionOptionsLazy,\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 { useLazyOptions } from \"./useLazyOptions\"\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  scope,\n}: CollectionFilterEditorProps) {\n  const { display, multiple } = config\n  const loadOptions = config.options as CollectionOptionsLazy\n  const options = useCallback(\n    (query?: string) => loadOptions(query, scope),\n    [loadOptions, scope]\n  )\n  const [query, setQuery] = useState<string | undefined>()\n  const debouncedQuery = useDebouncedValue(query, DEBOUNCE_MS)\n  const {\n    error,\n    loading,\n    options: resolvedOptions,\n  } = useLazyOptions(options, debouncedQuery)\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 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\nexport function Loading() {\n  return <div style={{ color: \"hotpink\", fontWeight: \"bold\" }}>Loading...</div>\n}\n\nexport function 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

@@ -5,7 +5,7 @@ import { CollectionOption } from "./collectionFilter";
 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 CollectionOptionsLazy = (q: string | undefined, scope?: string) => Promise<CollectionOption[]> | CollectionOption[];
 export type CollectionOptions = CollectionOption[] | CollectionOptionsLazy;
 export type CollectionEditorProps = {
     multiple: boolean;
@@ -29,9 +29,9 @@ export type CollectionFilterEditorProps = {
     operator: {
         label: string;
     };
+    scope?: string;
     value: CollectionFilterValue;
 };
 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,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"}
+{"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,MAAM,MAAM,qBAAqB,GAAG,CAClC,CAAC,EAAE,MAAM,GAAG,SAAS,EACrB,KAAK,CAAC,EAAE,MAAM,KACX,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,CAAC,EAAE,MAAM,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 { 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;;;;"}
+{"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\nexport type CollectionOptionsLazy = (\n  q: string | undefined,\n  scope?: string\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  scope?: string\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":";;;AAyCM,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/FilterContext.d.ts

@@ -12,7 +12,6 @@ export declare const FilterContext: React.Context<{
     /** Restores focus after an action (e.g. clearing filters). */
     restoreFilterFocus: () => void;
 }>;
-export declare function findScopedOption(filter: FilterNodeItem, scope: string | undefined): FilterNodeItem | undefined;
 export declare function FiltersProvider({ activeFilters, filters, children, }: {
     activeFilters?: ActiveFilter[];
     children: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContext.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,cAAc,EACd,QAAQ,EACT,MAAM,eAAe,CAAA;AAQtB,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,aAAa,CAAC,EAAE,cAAc,CAAA;CAC/B,CAAA;AACD,eAAO,MAAM,aAAa;wBACJ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;8BAC5B,CACxB,YAAY,EAAE,YAAY,KACvB,2BAA2B,GAAG,SAAS;iBAC/B,cAAc,EAAE;wBACT,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO;IAC7C,8DAA8D;wBAC1C,MAAM,IAAI;EAO9B,CAAA;AAQF,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,EACtB,KAAK,EAAE,MAAM,GAAG,SAAS,8BAI1B;AAUD,wBAAgB,eAAe,CAAC,EAC9B,aAAkB,EAClB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB,qBAUA;AAqDD,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,YAAY,GACzB,2BAA2B,CAQ7B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,qBAAqB,UAtHT,IAAI,CAwH/B;AAED,wBAAgB,4BAA4B,IAAI,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAExE"}
+{"version":3,"file":"FilterContext.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/FilterContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,cAAc,EACd,QAAQ,EACT,MAAM,eAAe,CAAA;AAQtB,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,aAAa,CAAC,EAAE,cAAc,CAAA;CAC/B,CAAA;AACD,eAAO,MAAM,aAAa;wBACJ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;8BAC5B,CACxB,YAAY,EAAE,YAAY,KACvB,2BAA2B,GAAG,SAAS;iBAC/B,cAAc,EAAE;wBACT,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO;IAC7C,8DAA8D;wBAC1C,MAAM,IAAI;EAO9B,CAAA;AAoBF,wBAAgB,eAAe,CAAC,EAC9B,aAAkB,EAClB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,EAAE,UAAU,EAAE,CAAA;CACtB,qBAUA;AAqDD,wBAAgB,wBAAwB,CACtC,YAAY,EAAE,YAAY,GACzB,2BAA2B,CAQ7B;AAED,wBAAgB,qBAAqB,uCAEpC;AAED,wBAAgB,qBAAqB,UAlHT,IAAI,CAoH/B;AAED,wBAAgB,4BAA4B,IAAI,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAExE"}

package/dist/components/DataTable/FilterContext.js

@@ -13,17 +13,17 @@ const FilterContext = createContext({
 function flattenFilters(nodes) {
     return nodes.flatMap((node) => node.children ? flattenFilters(node.children) : node);
 }
-function findScopedOption(filter, scope) {
+function findScopeFilter(filter, scope) {
     if (scope === undefined || !isScopedFilter(filter))
         return undefined;
-    return filter.options.find((option) => option.name === scope);
+    const isLazy = filter.options.length === 0;
+    if (!isLazy && !filter.options.some(({ value }) => value === scope))
+        return undefined;
+    return filter.scopeFilter;
 }
 function findOperator(filter, operatorName) {
     return filter.operators.find((operator) => operator.name === operatorName);
 }
-function defaultOperator(filter) {
-    return filter.operators[0];
-}
 function FiltersProvider({ activeFilters = [], filters, children, }) {
     return (React__default.createElement(PendingFilterProvider, null,
         React__default.createElement(SearchableFiltersProvider, { filters: filters },
@@ -43,10 +43,13 @@ function FilterContextProvider({ activeFilters, filters, children, }) {
             const relatedFilter = findFilter(activeFilter);
             if (!relatedFilter)
                 return { operator: undefined, relatedFilter };
-            const operatorSource = findScopedOption(relatedFilter, activeFilter.scope) ?? relatedFilter;
-            const isScopeUnrecognized = activeFilter.scope !== undefined && operatorSource === relatedFilter;
-            const operator = findOperator(operatorSource, activeFilter.operator) ??
-                (isScopeUnrecognized ? defaultOperator(relatedFilter) : undefined);
+            const scopeFilter = findScopeFilter(relatedFilter, activeFilter.scope);
+            const isScopeUnrecognized = isScopedFilter(relatedFilter) &&
+                activeFilter.scope !== undefined &&
+                !scopeFilter;
+            const operator = isScopeUnrecognized
+                ? undefined
+                : findOperator(scopeFilter ?? relatedFilter, activeFilter.operator);
             return { operator, relatedFilter };
         },
         flatFilters,
@@ -73,5 +76,5 @@ function useHasFilterInstancesChecker() {
     return useContext(FilterContext).hasFilterInstances;
 }
 
-export { FilterContext, FiltersProvider, findScopedOption, useAddFilterButtonRef, useHasFilterInstancesChecker, useRelatedFilterOperator, useRestoreFilterFocus };
+export { FilterContext, FiltersProvider, useAddFilterButtonRef, useHasFilterInstancesChecker, useRelatedFilterOperator, useRestoreFilterFocus };
 //# sourceMappingURL=FilterContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterContext.js","sources":["../../../src/components/DataTable/FilterContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\"\n\nimport type {\n  ActiveFilter,\n  FilterNode,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { isScopedFilter } from \"./FilterTypes\"\nimport {\n  PendingFilterProvider,\n  usePendingFilters,\n} from \"./PendingFilterContext\"\nimport { SearchableFiltersProvider } from \"./SearchableFilters\"\n\nexport type RelatedFilterOperatorResult = {\n  operator?: Operator\n  relatedFilter?: FilterNodeItem\n}\nexport const FilterContext = createContext<{\n  addFilterButtonRef: React.RefObject<HTMLButtonElement>\n  findActiveFilterOperator: (\n    activeFilter: ActiveFilter\n  ) => RelatedFilterOperatorResult | undefined\n  flatFilters: FilterNodeItem[]\n  hasFilterInstances: (name: string) => boolean\n  /** Restores focus after an action (e.g. clearing filters). */\n  restoreFilterFocus: () => void\n}>({\n  addFilterButtonRef: { current: null },\n  findActiveFilterOperator: () => undefined,\n  flatFilters: [],\n  hasFilterInstances: () => false,\n  restoreFilterFocus: () => {},\n})\n\nfunction flattenFilters(nodes: FilterNode[]): FilterNodeItem[] {\n  return nodes.flatMap((node) =>\n    node.children ? flattenFilters(node.children) : node\n  )\n}\n\nexport function findScopedOption(\n  filter: FilterNodeItem,\n  scope: string | undefined\n) {\n  if (scope === undefined || !isScopedFilter(filter)) return undefined\n  return filter.options.find((option) => option.name === scope)\n}\n\nfunction findOperator(filter: FilterNodeItem, operatorName: string) {\n  return filter.operators.find((operator) => operator.name === operatorName)\n}\n\nfunction defaultOperator(filter: FilterNodeItem) {\n  return filter.operators[0]\n}\n\nexport function FiltersProvider({\n  activeFilters = [],\n  filters,\n  children,\n}: {\n  activeFilters?: ActiveFilter[]\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  return (\n    <PendingFilterProvider>\n      <SearchableFiltersProvider filters={filters}>\n        <FilterContextProvider activeFilters={activeFilters} filters={filters}>\n          {children}\n        </FilterContextProvider>\n      </SearchableFiltersProvider>\n    </PendingFilterProvider>\n  )\n}\n\nfunction FilterContextProvider({\n  activeFilters,\n  filters,\n  children,\n}: {\n  activeFilters: ActiveFilter[]\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const { pendingFilters } = usePendingFilters()\n  const flatFilters = useMemo(() => flattenFilters(filters), [filters])\n  const findFilter = useCallback(\n    (activeFilter: ActiveFilter) =>\n      flatFilters.find((f) => f.name === activeFilter.name),\n    [flatFilters]\n  )\n  const addFilterButtonRef = useRef<HTMLButtonElement>(null!)\n  const restoreFilterFocus = useCallback(() => {\n    addFilterButtonRef.current?.focus()\n  }, [])\n  const value = useMemo(\n    () => ({\n      addFilterButtonRef,\n      findActiveFilterOperator: (activeFilter: ActiveFilter) => {\n        const relatedFilter = findFilter(activeFilter)\n        if (!relatedFilter) return { operator: undefined, relatedFilter }\n\n        const operatorSource =\n          findScopedOption(relatedFilter, activeFilter.scope) ?? relatedFilter\n        const isScopeUnrecognized =\n          activeFilter.scope !== undefined && operatorSource === relatedFilter\n\n        const operator =\n          findOperator(operatorSource, activeFilter.operator) ??\n          (isScopeUnrecognized ? defaultOperator(relatedFilter) : undefined)\n\n        return { operator, relatedFilter }\n      },\n      flatFilters,\n      hasFilterInstances: (name: string) =>\n        activeFilters.some((f) => f.name === name) ||\n        pendingFilters.some((f) => f.name === name),\n      restoreFilterFocus,\n    }),\n    [activeFilters, findFilter, flatFilters, pendingFilters, restoreFilterFocus]\n  )\n  return (\n    <FilterContext.Provider value={value}>{children}</FilterContext.Provider>\n  )\n}\n\nexport function useRelatedFilterOperator(\n  activeFilter: ActiveFilter\n): RelatedFilterOperatorResult {\n  const context = React.useContext(FilterContext)\n  return (\n    context.findActiveFilterOperator(activeFilter) || {\n      operator: undefined,\n      relatedFilter: undefined,\n    }\n  )\n}\n\nexport function useAddFilterButtonRef() {\n  return React.useContext(FilterContext).addFilterButtonRef\n}\n\nexport function useRestoreFilterFocus() {\n  return React.useContext(FilterContext).restoreFilterFocus\n}\n\nexport function useHasFilterInstancesChecker(): (name: string) => boolean {\n  return useContext(FilterContext).hasFilterInstances\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"FilterContext.js","sources":["../../../src/components/DataTable/FilterContext.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n} from \"react\"\n\nimport type {\n  ActiveFilter,\n  FilterNode,\n  FilterNodeItem,\n  Operator,\n} from \"./FilterTypes\"\nimport { isScopedFilter } from \"./FilterTypes\"\nimport {\n  PendingFilterProvider,\n  usePendingFilters,\n} from \"./PendingFilterContext\"\nimport { SearchableFiltersProvider } from \"./SearchableFilters\"\n\nexport type RelatedFilterOperatorResult = {\n  operator?: Operator\n  relatedFilter?: FilterNodeItem\n}\nexport const FilterContext = createContext<{\n  addFilterButtonRef: React.RefObject<HTMLButtonElement>\n  findActiveFilterOperator: (\n    activeFilter: ActiveFilter\n  ) => RelatedFilterOperatorResult | undefined\n  flatFilters: FilterNodeItem[]\n  hasFilterInstances: (name: string) => boolean\n  /** Restores focus after an action (e.g. clearing filters). */\n  restoreFilterFocus: () => void\n}>({\n  addFilterButtonRef: { current: null },\n  findActiveFilterOperator: () => undefined,\n  flatFilters: [],\n  hasFilterInstances: () => false,\n  restoreFilterFocus: () => {},\n})\n\nfunction flattenFilters(nodes: FilterNode[]): FilterNodeItem[] {\n  return nodes.flatMap((node) =>\n    node.children ? flattenFilters(node.children) : node\n  )\n}\n\nfunction findScopeFilter(filter: FilterNodeItem, scope: string | undefined) {\n  if (scope === undefined || !isScopedFilter(filter)) return undefined\n  const isLazy = filter.options.length === 0\n  if (!isLazy && !filter.options.some(({ value }) => value === scope))\n    return undefined\n  return filter.scopeFilter\n}\n\nfunction findOperator(filter: FilterNodeItem, operatorName: string) {\n  return filter.operators.find((operator) => operator.name === operatorName)\n}\n\nexport function FiltersProvider({\n  activeFilters = [],\n  filters,\n  children,\n}: {\n  activeFilters?: ActiveFilter[]\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  return (\n    <PendingFilterProvider>\n      <SearchableFiltersProvider filters={filters}>\n        <FilterContextProvider activeFilters={activeFilters} filters={filters}>\n          {children}\n        </FilterContextProvider>\n      </SearchableFiltersProvider>\n    </PendingFilterProvider>\n  )\n}\n\nfunction FilterContextProvider({\n  activeFilters,\n  filters,\n  children,\n}: {\n  activeFilters: ActiveFilter[]\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const { pendingFilters } = usePendingFilters()\n  const flatFilters = useMemo(() => flattenFilters(filters), [filters])\n  const findFilter = useCallback(\n    (activeFilter: ActiveFilter) =>\n      flatFilters.find((f) => f.name === activeFilter.name),\n    [flatFilters]\n  )\n  const addFilterButtonRef = useRef<HTMLButtonElement>(null!)\n  const restoreFilterFocus = useCallback(() => {\n    addFilterButtonRef.current?.focus()\n  }, [])\n  const value = useMemo(\n    () => ({\n      addFilterButtonRef,\n      findActiveFilterOperator: (activeFilter: ActiveFilter) => {\n        const relatedFilter = findFilter(activeFilter)\n        if (!relatedFilter) return { operator: undefined, relatedFilter }\n\n        const scopeFilter = findScopeFilter(relatedFilter, activeFilter.scope)\n        const isScopeUnrecognized =\n          isScopedFilter(relatedFilter) &&\n          activeFilter.scope !== undefined &&\n          !scopeFilter\n\n        const operator = isScopeUnrecognized\n          ? undefined\n          : findOperator(scopeFilter ?? relatedFilter, activeFilter.operator)\n        return { operator, relatedFilter }\n      },\n      flatFilters,\n      hasFilterInstances: (name: string) =>\n        activeFilters.some((f) => f.name === name) ||\n        pendingFilters.some((f) => f.name === name),\n      restoreFilterFocus,\n    }),\n    [activeFilters, findFilter, flatFilters, pendingFilters, restoreFilterFocus]\n  )\n  return (\n    <FilterContext.Provider value={value}>{children}</FilterContext.Provider>\n  )\n}\n\nexport function useRelatedFilterOperator(\n  activeFilter: ActiveFilter\n): RelatedFilterOperatorResult {\n  const context = React.useContext(FilterContext)\n  return (\n    context.findActiveFilterOperator(activeFilter) || {\n      operator: undefined,\n      relatedFilter: undefined,\n    }\n  )\n}\n\nexport function useAddFilterButtonRef() {\n  return React.useContext(FilterContext).addFilterButtonRef\n}\n\nexport function useRestoreFilterFocus() {\n  return React.useContext(FilterContext).restoreFilterFocus\n}\n\nexport function useHasFilterInstancesChecker(): (name: string) => boolean {\n  return useContext(FilterContext).hasFilterInstances\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -29,17 +29,24 @@ export interface FilterNodeItem extends FilterNodeBase {
     name: string;
     operators: Operator[];
 }
+/** One of a scoped filter's scopes. Its `value` is stored as the active filter's `scope`. */
+export type ScopeOption = {
+    keywords?: string[];
+    label: string;
+    value: string;
+};
 /**
- * A filter that delegates to one of several other filters, chosen by an active
- * filter's `scope` (see `scopedFilter`). The scoped filter supplies the
- * `operator` and `value`, while this one still labels the chip.
+ * A filter applied within one of several scopes, chosen by an active filter's
+ * `scope` (see `scopedFilter`). Every scope shares `scopeFilter`, which
+ * supplies the `operator` and `value`, while this one still labels the chip.
  *
  * Distinct from a group's `children`: those render side by side in the menu,
  * while these are alternatives the user picks between one at a time.
  */
 export interface FilterNodeScoped extends FilterNodeItem {
-    /** The filters a `scope` selects from, keyed by their own `name`. */
-    options: FilterNodeItem[];
+    /** The scopes to pick from. Empty when they load lazily in the editor. */
+    options: ScopeOption[];
+    scopeFilter: FilterNodeItem;
 }
 /** Whether a filter delegates to scoped options. */
 export declare function isScopedFilter(filter: FilterNodeItem): filter is FilterNodeScoped;
@@ -84,11 +91,16 @@ export interface ActiveFilter<T = unknown> {
     /** The operator used by the applied filter.  Corresponds to the name of the operator in the filter configuration. */
     operator: string;
     /**
-     * For scoped filters only: which of the parent's options is selected. The
-     * `operator` and `value` then belong to that option's filter rather than to
-     * the parent, so both are resolved against the scoped filter.
+     * For scoped filters only: which of the parent's scopes is selected. The
+     * `operator` and `value` then belong to the parent's `scopeFilter`, so both
+     * are resolved against it.
      */
     scope?: string;
+    /**
+     * For scoped filters with lazy scopes only: the selected scope's label, so
+     * the chip renders without loading the scopes.
+     */
+    scopeLabel?: string;
     /**
      * The value of the applied filter. Can be of any type depending on the filter configuration.
      * TODO: Add more specific typing based on the operator and input type.

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":"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"}
+{"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 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;;;;"}
+{"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/** One of a scoped filter's scopes. Its `value` is stored as the active filter's `scope`. */\nexport type ScopeOption = {\n  keywords?: string[]\n  label: string\n  value: string\n}\n\n/**\n * A filter applied within one of several scopes, chosen by an active filter's\n * `scope` (see `scopedFilter`). Every scope shares `scopeFilter`, which\n * supplies the `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 scopes to pick from. Empty when they load lazily in the editor. */\n  options: ScopeOption[]\n  scopeFilter: 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 scopes is selected. The\n   * `operator` and `value` then belong to the parent's `scopeFilter`, so both\n   * are resolved against it.\n   */\n  scope?: string\n  /**\n   * For scoped filters with lazy scopes only: the selected scope's label, so\n   * the chip renders without loading the scopes.\n   */\n  scopeLabel?: 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":"AA4DA;AACM,SAAU,cAAc,CAC5B,MAAsB,EAAA;IAEtB,OAAO,KAAK,CAAC,OAAO,CAAE,MAA2B,CAAC,OAAO,CAAC;AAC5D;;;;"}

package/dist/components/DataTable/SearchableFilters.js

@@ -30,8 +30,8 @@ function SearchableFiltersProvider({ children, filters, }) {
                         grouping: optionGrouping,
                         label: option.label,
                         name: filter.name,
-                        operator: getDefaultOperatorName(option),
-                        scope: option.name,
+                        operator: getDefaultOperatorName(filter.scopeFilter),
+                        scope: option.value,
                         searchable: optionSearchable,
                     });
                 });

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

@@ -1 +1 @@
-{"version":3,"file":"SearchableFilters.js","sources":["../../../src/components/DataTable/SearchableFilters.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\"\n\nimport { FilterNode, isScopedFilter } from \"./FilterTypes\"\nimport { getDefaultOperatorName } from \"./utils\"\n\nexport function useSearchableFilters(): SearchableSimpleFilterItem[] {\n  return useContext(SearchableFiltersContext)\n}\n\nexport type SearchableSimpleFilterItem = {\n  allowMultiple?: boolean\n  grouping: string[]\n  label: string\n  name: string\n  operator: string\n  /** For a scoped filter's option: the scope to pre-select on the pending filter. */\n  scope?: string\n  searchable: string\n}\n\nconst SearchableFiltersContext = createContext<SearchableSimpleFilterItem[]>([])\n\nexport function SearchableFiltersProvider({\n  children,\n  filters,\n}: {\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const searchableSimpleFilterItems = useMemo(() => {\n    const result: SearchableSimpleFilterItem[] = []\n\n    function addFilterItem(\n      filter: FilterNode,\n      grouping: string[] = [],\n      collectedKeywords: string[] = []\n    ) {\n      const keywords = [...collectedKeywords, ...(filter.keywords || [])]\n      if (filter.children) {\n        return filter.children.forEach((child) =>\n          addFilterItem(child, [...grouping, filter.label], keywords)\n        )\n      }\n\n      if (isScopedFilter(filter)) {\n        return filter.options.forEach((option) => {\n          const optionGrouping = [...grouping, filter.label]\n          const optionKeywords = [...keywords, ...(option.keywords || [])]\n          const optionSearchable = dedup([\n            ...optionGrouping,\n            option.label,\n            ...optionKeywords,\n          ])\n            .join(\" \")\n            .toLowerCase()\n          result.push({\n            allowMultiple: filter.allowMultiple,\n            grouping: optionGrouping,\n            label: option.label,\n            name: filter.name,\n            operator: getDefaultOperatorName(option),\n            scope: option.name,\n            searchable: optionSearchable,\n          })\n        })\n      }\n\n      const searchable = dedup([...grouping, filter.label, ...keywords])\n        .join(\" \")\n        .toLowerCase()\n      result.push({\n        allowMultiple: filter.allowMultiple,\n        grouping,\n        label: filter.label,\n        name: filter.name,\n        operator: getDefaultOperatorName(filter),\n        searchable,\n      })\n    }\n\n    filters.forEach((filter) => addFilterItem(filter))\n    return result\n  }, [filters])\n\n  return (\n    <SearchableFiltersContext.Provider value={searchableSimpleFilterItems}>\n      {children}\n    </SearchableFiltersContext.Provider>\n  )\n}\n\nfunction dedup(items: string[]): string[] {\n  return Array.from(new Set(items))\n}\n"],"names":["React"],"mappings":";;;;SAKgB,oBAAoB,GAAA;AAClC,IAAA,OAAO,UAAU,CAAC,wBAAwB,CAAC;AAC7C;AAaA,MAAM,wBAAwB,GAAG,aAAa,CAA+B,EAAE,CAAC;SAEhE,yBAAyB,CAAC,EACxC,QAAQ,EACR,OAAO,GAIR,EAAA;AACC,IAAA,MAAM,2BAA2B,GAAG,OAAO,CAAC,MAAK;QAC/C,MAAM,MAAM,GAAiC,EAAE;QAE/C,SAAS,aAAa,CACpB,MAAkB,EAClB,WAAqB,EAAE,EACvB,oBAA8B,EAAE,EAAA;AAEhC,YAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;AACnE,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KACnC,aAAa,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAC5D;YACH;AAEA,YAAA,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE;gBAC1B,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;oBACvC,MAAM,cAAc,GAAG,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC;AAClD,oBAAA,MAAM,cAAc,GAAG,CAAC,GAAG,QAAQ,EAAE,IAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;oBAChE,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAC7B,wBAAA,GAAG,cAAc;AACjB,wBAAA,MAAM,CAAC,KAAK;AACZ,wBAAA,GAAG,cAAc;qBAClB;yBACE,IAAI,CAAC,GAAG;AACR,yBAAA,WAAW,EAAE;oBAChB,MAAM,CAAC,IAAI,CAAC;wBACV,aAAa,EAAE,MAAM,CAAC,aAAa;AACnC,wBAAA,QAAQ,EAAE,cAAc;wBACxB,KAAK,EAAE,MAAM,CAAC,KAAK;wBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;AACjB,wBAAA,QAAQ,EAAE,sBAAsB,CAAC,MAAM,CAAC;wBACxC,KAAK,EAAE,MAAM,CAAC,IAAI;AAClB,wBAAA,UAAU,EAAE,gBAAgB;AAC7B,qBAAA,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;AAEA,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC;iBAC9D,IAAI,CAAC,GAAG;AACR,iBAAA,WAAW,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC;gBACV,aAAa,EAAE,MAAM,CAAC,aAAa;gBACnC,QAAQ;gBACR,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;AACjB,gBAAA,QAAQ,EAAE,sBAAsB,CAAC,MAAM,CAAC;gBACxC,UAAU;AACX,aAAA,CAAC;QACJ;AAEA,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,CAAC,CAAC;AAClD,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,2BAA2B,EAAA,EAClE,QAAQ,CACyB;AAExC;AAEA,SAAS,KAAK,CAAC,KAAe,EAAA;IAC5B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACnC;;;;"}
+{"version":3,"file":"SearchableFilters.js","sources":["../../../src/components/DataTable/SearchableFilters.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from \"react\"\n\nimport { FilterNode, isScopedFilter } from \"./FilterTypes\"\nimport { getDefaultOperatorName } from \"./utils\"\n\nexport function useSearchableFilters(): SearchableSimpleFilterItem[] {\n  return useContext(SearchableFiltersContext)\n}\n\nexport type SearchableSimpleFilterItem = {\n  allowMultiple?: boolean\n  grouping: string[]\n  label: string\n  name: string\n  operator: string\n  /** For a scoped filter's option: the scope to pre-select on the pending filter. */\n  scope?: string\n  searchable: string\n}\n\nconst SearchableFiltersContext = createContext<SearchableSimpleFilterItem[]>([])\n\nexport function SearchableFiltersProvider({\n  children,\n  filters,\n}: {\n  children: React.ReactNode\n  filters: FilterNode[]\n}) {\n  const searchableSimpleFilterItems = useMemo(() => {\n    const result: SearchableSimpleFilterItem[] = []\n\n    function addFilterItem(\n      filter: FilterNode,\n      grouping: string[] = [],\n      collectedKeywords: string[] = []\n    ) {\n      const keywords = [...collectedKeywords, ...(filter.keywords || [])]\n      if (filter.children) {\n        return filter.children.forEach((child) =>\n          addFilterItem(child, [...grouping, filter.label], keywords)\n        )\n      }\n\n      if (isScopedFilter(filter)) {\n        return filter.options.forEach((option) => {\n          const optionGrouping = [...grouping, filter.label]\n          const optionKeywords = [...keywords, ...(option.keywords || [])]\n          const optionSearchable = dedup([\n            ...optionGrouping,\n            option.label,\n            ...optionKeywords,\n          ])\n            .join(\" \")\n            .toLowerCase()\n          result.push({\n            allowMultiple: filter.allowMultiple,\n            grouping: optionGrouping,\n            label: option.label,\n            name: filter.name,\n            operator: getDefaultOperatorName(filter.scopeFilter),\n            scope: option.value,\n            searchable: optionSearchable,\n          })\n        })\n      }\n\n      const searchable = dedup([...grouping, filter.label, ...keywords])\n        .join(\" \")\n        .toLowerCase()\n      result.push({\n        allowMultiple: filter.allowMultiple,\n        grouping,\n        label: filter.label,\n        name: filter.name,\n        operator: getDefaultOperatorName(filter),\n        searchable,\n      })\n    }\n\n    filters.forEach((filter) => addFilterItem(filter))\n    return result\n  }, [filters])\n\n  return (\n    <SearchableFiltersContext.Provider value={searchableSimpleFilterItems}>\n      {children}\n    </SearchableFiltersContext.Provider>\n  )\n}\n\nfunction dedup(items: string[]): string[] {\n  return Array.from(new Set(items))\n}\n"],"names":["React"],"mappings":";;;;SAKgB,oBAAoB,GAAA;AAClC,IAAA,OAAO,UAAU,CAAC,wBAAwB,CAAC;AAC7C;AAaA,MAAM,wBAAwB,GAAG,aAAa,CAA+B,EAAE,CAAC;SAEhE,yBAAyB,CAAC,EACxC,QAAQ,EACR,OAAO,GAIR,EAAA;AACC,IAAA,MAAM,2BAA2B,GAAG,OAAO,CAAC,MAAK;QAC/C,MAAM,MAAM,GAAiC,EAAE;QAE/C,SAAS,aAAa,CACpB,MAAkB,EAClB,WAAqB,EAAE,EACvB,oBAA8B,EAAE,EAAA;AAEhC,YAAA,MAAM,QAAQ,GAAG,CAAC,GAAG,iBAAiB,EAAE,IAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;AACnE,YAAA,IAAI,MAAM,CAAC,QAAQ,EAAE;gBACnB,OAAO,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KACnC,aAAa,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAC5D;YACH;AAEA,YAAA,IAAI,cAAc,CAAC,MAAM,CAAC,EAAE;gBAC1B,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;oBACvC,MAAM,cAAc,GAAG,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC;AAClD,oBAAA,MAAM,cAAc,GAAG,CAAC,GAAG,QAAQ,EAAE,IAAI,MAAM,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;oBAChE,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAC7B,wBAAA,GAAG,cAAc;AACjB,wBAAA,MAAM,CAAC,KAAK;AACZ,wBAAA,GAAG,cAAc;qBAClB;yBACE,IAAI,CAAC,GAAG;AACR,yBAAA,WAAW,EAAE;oBAChB,MAAM,CAAC,IAAI,CAAC;wBACV,aAAa,EAAE,MAAM,CAAC,aAAa;AACnC,wBAAA,QAAQ,EAAE,cAAc;wBACxB,KAAK,EAAE,MAAM,CAAC,KAAK;wBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;AACjB,wBAAA,QAAQ,EAAE,sBAAsB,CAAC,MAAM,CAAC,WAAW,CAAC;wBACpD,KAAK,EAAE,MAAM,CAAC,KAAK;AACnB,wBAAA,UAAU,EAAE,gBAAgB;AAC7B,qBAAA,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;AAEA,YAAA,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,QAAQ,CAAC;iBAC9D,IAAI,CAAC,GAAG;AACR,iBAAA,WAAW,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC;gBACV,aAAa,EAAE,MAAM,CAAC,aAAa;gBACnC,QAAQ;gBACR,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,IAAI,EAAE,MAAM,CAAC,IAAI;AACjB,gBAAA,QAAQ,EAAE,sBAAsB,CAAC,MAAM,CAAC;gBACxC,UAAU;AACX,aAAA,CAAC;QACJ;AAEA,QAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,CAAC,CAAC;AAClD,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,wBAAwB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,2BAA2B,EAAA,EAClE,QAAQ,CACyB;AAExC;AAEA,SAAS,KAAK,CAAC,KAAe,EAAA;IAC5B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACnC;;;;"}

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

package/dist/components/DataTable/collectionFilter.js

@@ -18,17 +18,19 @@ 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, activeFilter.label, { display, multiple, options }),
+        createActiveFilterInstance: (activeFilter, operator) => new CollectionActiveFilter(filter, operator, activeFilter.value, activeFilter.label, activeFilter.scope, { display, multiple, options }),
         operators: resolveOperators(COLLECTION_OPERATORS, { excludes, includes }),
     };
     return filter;
 }
 class CollectionActiveFilter extends ActiveFilterInstance {
     label;
+    scope;
     config;
-    constructor(filter, operator, value, label, config) {
+    constructor(filter, operator, value, label, scope, config) {
         super(filter, operator, value);
         this.label = label;
+        this.scope = scope;
         this.config = config;
         this.label = label;
     }
@@ -47,7 +49,7 @@ class CollectionActiveFilter extends ActiveFilterInstance {
         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 }));
+        return (React__default.createElement(Editor, { config: this.config, onChange: onChange, operator: this.operator, value: this.value, label: this.label, filter: this.filter, scope: this.scope }));
     }
 }
 

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 { 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;;;;"}
+{"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        activeFilter.scope,\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 scope: string | undefined,\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        scope={this.scope}\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,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,KAAA;AACA,IAAA,MAAA;IANnB,WAAA,CACE,MAAsB,EACtB,QAA6C,EAC7C,KAA4B,EACX,KAAwB,EACxB,KAAyB,EACzB,MAIhB,EAAA;AAED,QAAA,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC;QARb,IAAA,CAAA,KAAK,GAAL,KAAK;QACL,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;QAEhC,QACEA,6BAAC,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,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,CACjB;IAEN;AACD;;;;"}

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

@@ -1,13 +1,9 @@
-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[];
+import type { FilterItemConfig, FilterNodeItem, FilterNodeScoped, ScopeOption } from "./FilterTypes";
+export type ScopedFilterOptions = ScopeOption[];
+export type ScopedFilterOptionsLoader = () => Promise<ScopedFilterOptions> | ScopedFilterOptions;
 export type ScopedFilterConfig = Omit<FilterItemConfig, "excludes" | "includes"> & {
-    options: ScopedFilterOptions;
+    filter: FilterNodeItem;
+    options: ScopedFilterOptions | ScopedFilterOptionsLoader;
 };
-export declare function scopedFilter({ options, ...config }: ScopedFilterConfig): FilterNodeScoped;
+export declare function scopedFilter({ filter: scopeFilter, options, ...config }: ScopedFilterConfig): FilterNodeScoped;
 //# sourceMappingURL=scopedFilter.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"scopedFilter.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/scopedFilter.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAEhB,WAAW,EACZ,MAAM,eAAe,CAAA;AAWtB,MAAM,MAAM,mBAAmB,GAAG,WAAW,EAAE,CAAA;AAE/C,MAAM,MAAM,yBAAyB,GAAG,MACpC,OAAO,CAAC,mBAAmB,CAAC,GAC5B,mBAAmB,CAAA;AAEvB,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,gBAAgB,EAChB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF,MAAM,EAAE,cAAc,CAAA;IACtB,OAAO,EAAE,mBAAmB,GAAG,yBAAyB,CAAA;CACzD,CAAA;AAED,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EAAE,WAAW,EACnB,OAAO,EACP,GAAG,MAAM,EACV,EAAE,kBAAkB,GAAG,gBAAgB,CAWvC"}