@panneau/lists 4.1.1 → 5.0.0-alpha.1

package/dist/filters/Filters.d.ts

@@ -0,0 +1,38 @@
+import type { Field, Filter, FilterValue } from '@panneau/protocol';
+import type { FilterEntry, ListColumn } from '../types';
+/** Labels of filter values (relation ids), by filter id, for the chips. */
+export type FilterLabels = Readonly<Record<string, Readonly<Record<string, string>>>>;
+/** Remembers the labels of filter values, for the chips of active filters. */
+export declare function useFilterLabels(): {
+    labels: FilterLabels;
+    remember: (filter: string, value: string, label: string) => void;
+};
+interface FilterContext {
+    columns: readonly ListColumn[];
+    fields: readonly Field[];
+    labels: FilterLabels;
+}
+export interface FilterControlsProps extends FilterContext {
+    filters: readonly Filter[];
+    /** The current filter values, by filter id. */
+    values: Readonly<Record<string, FilterValue>>;
+    onChange: (id: string, value: FilterValue | undefined) => void;
+    onLabel: (filter: string, value: string, label: string) => void;
+    /** Controls by filter type, over the built-in ones. */
+    controls?: Readonly<Record<string, FilterEntry>> | undefined;
+}
+/** A control for each filter of the list. */
+export declare function FilterControls({ filters, values, onChange, onLabel, controls, columns, fields, labels, }: FilterControlsProps): import("react").JSX.Element;
+export interface FilterChipsProps extends FilterContext {
+    filters: readonly Filter[];
+    values: Readonly<Record<string, FilterValue>>;
+    /** The search, shown as a chip too. */
+    q?: string | undefined;
+    onRemove: (id: string) => void;
+    onClearSearch: () => void;
+    onClear: () => void;
+}
+/** The active filters and the search, as chips that remove them, and a button to clear them all. */
+export declare function FilterChips({ filters, values, q, onRemove, onClearSearch, onClear, columns, fields, labels, }: FilterChipsProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=Filters.d.ts.map

package/dist/filters/Filters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.d.ts","sourceRoot":"","sources":["../../src/filters/Filters.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIpE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKxD,2EAA2E;AAC3E,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtF,8EAA8E;AAC9E,wBAAgB,eAAe,IAAI;IAC/B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpE,CAWA;AAED,UAAU,aAAa;IACnB,OAAO,EAAE,SAAS,UAAU,EAAE,CAAC;IAC/B,MAAM,EAAE,SAAS,KAAK,EAAE,CAAC;IACzB,MAAM,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACtD,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC9C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/D,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,uDAAuD;IACvD,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,GAAG,SAAS,CAAC;CAChE;AAED,6CAA6C;AAC7C,wBAAgB,cAAc,CAAC,EAC3B,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,GACT,EAAE,mBAAmB,+BA6BrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACnD,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAC9C,uCAAuC;IACvC,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,oGAAoG;AACpG,wBAAgB,WAAW,CAAC,EACxB,OAAO,EACP,MAAM,EACN,CAAC,EACD,QAAQ,EACR,aAAa,EACb,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,GACT,EAAE,gBAAgB,sCAmElB"}

package/dist/filters/Filters.js

@@ -0,0 +1,240 @@
+import { messages } from "../messages.js";
+import Filters_module_default from "./Filters.module.js";
+import { builtInFilters } from "./controls.js";
+import { formatFilterValue, getFilterLabel, getFilterOptions } from "./format.js";
+import { c } from "react/compiler-runtime";
+import { Button, IconButton, usePanneauIntl } from "@panneau/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+import { useState } from "react";
+//#region src/filters/Filters.tsx
+/** Remembers the labels of filter values, for the chips of active filters. */
+function useFilterLabels() {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {};
+		$[0] = t0;
+	} else t0 = $[0];
+	const [labels, setLabels] = useState(t0);
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = (filter, value, label) => setLabels((current) => current[filter]?.[value] === label ? current : {
+			...current,
+			[filter]: {
+				...current[filter],
+				[value]: label
+			}
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== labels) {
+		t2 = {
+			labels,
+			remember: t1
+		};
+		$[2] = labels;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+/** A control for each filter of the list. */
+function FilterControls(t0) {
+	const $ = c(22);
+	const { filters, values, onChange, onLabel, controls, columns, fields, labels } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== intl) {
+		t1 = intl.formatMessage(messages.filters);
+		$[0] = intl;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== columns || $[3] !== controls || $[4] !== fields || $[5] !== filters || $[6] !== labels || $[7] !== onChange || $[8] !== onLabel || $[9] !== values) {
+		let t3;
+		if ($[11] !== columns || $[12] !== controls || $[13] !== fields || $[14] !== labels || $[15] !== onChange || $[16] !== onLabel || $[17] !== values) {
+			t3 = (filter) => {
+				const Control = controls?.[filter.type] ?? builtInFilters[filter.type] ?? builtInFilters.text;
+				if (Control === void 0) return null;
+				return /* @__PURE__ */ jsx(Control, {
+					filter,
+					label: getFilterLabel(filter, columns, fields),
+					options: getFilterOptions(filter, columns, fields),
+					value: values[filter.id],
+					onChange: (value) => onChange(filter.id, value),
+					onLabel: (value_0, label) => onLabel(filter.id, value_0, label),
+					getValueLabel: (value_1) => labels[filter.id]?.[value_1] ?? null
+				}, filter.id);
+			};
+			$[11] = columns;
+			$[12] = controls;
+			$[13] = fields;
+			$[14] = labels;
+			$[15] = onChange;
+			$[16] = onLabel;
+			$[17] = values;
+			$[18] = t3;
+		} else t3 = $[18];
+		t2 = filters.map(t3);
+		$[2] = columns;
+		$[3] = controls;
+		$[4] = fields;
+		$[5] = filters;
+		$[6] = labels;
+		$[7] = onChange;
+		$[8] = onLabel;
+		$[9] = values;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[19] !== t1 || $[20] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			role: "group",
+			"aria-label": t1,
+			className: Filters_module_default.filters,
+			children: t2
+		});
+		$[19] = t1;
+		$[20] = t2;
+		$[21] = t3;
+	} else t3 = $[21];
+	return t3;
+}
+/** The active filters and the search, as chips that remove them, and a button to clear them all. */
+function FilterChips(t0) {
+	const $ = c(29);
+	const { filters, values, q, onRemove, onClearSearch, onClear, columns, fields, labels } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== columns || $[1] !== fields || $[2] !== filters || $[3] !== intl || $[4] !== labels || $[5] !== values) {
+		t1 = Object.entries(values).map((t2) => {
+			const [id, value] = t2;
+			const filter = filters.find((candidate) => candidate.id === id) ?? {
+				id,
+				type: "text"
+			};
+			return {
+				id,
+				label: getFilterLabel(filter, columns, fields),
+				text: filter.type === "toggle" ? null : formatFilterValue(filter, value, {
+					intl,
+					options: getFilterOptions(filter, columns, fields),
+					getValueLabel: (entry) => labels[id]?.[entry] ?? null
+				})
+			};
+		});
+		$[0] = columns;
+		$[1] = fields;
+		$[2] = filters;
+		$[3] = intl;
+		$[4] = labels;
+		$[5] = values;
+		$[6] = t1;
+	} else t1 = $[6];
+	const chips = t1;
+	const search = q !== void 0 && q !== "" ? q : null;
+	if (chips.length === 0 && search === null) return null;
+	let t2;
+	if ($[7] !== intl) {
+		t2 = intl.formatMessage(messages.activeFilters);
+		$[7] = intl;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== intl || $[10] !== onClearSearch || $[11] !== search) {
+		t3 = search !== null ? /* @__PURE__ */ jsxs("li", {
+			className: Filters_module_default.chip,
+			children: [/* @__PURE__ */ jsx("span", {
+				className: Filters_module_default.chipText,
+				children: intl.formatMessage(messages.searchChip, { q: search })
+			}), /* @__PURE__ */ jsx(IconButton, {
+				icon: X,
+				size: "sm",
+				showTooltip: false,
+				label: intl.formatMessage(messages.removeFilter, { filter: intl.formatMessage(messages.searchChip, { q: search }) }),
+				onPress: onClearSearch
+			})]
+		}) : null;
+		$[9] = intl;
+		$[10] = onClearSearch;
+		$[11] = search;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== chips || $[14] !== intl || $[15] !== onRemove) {
+		t4 = chips.map((t5) => {
+			const { id: id_0, label: label_0, text: text_0 } = t5;
+			const name = text_0 !== null ? `${label_0}: ${text_0}` : label_0;
+			return /* @__PURE__ */ jsxs("li", {
+				className: Filters_module_default.chip,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: Filters_module_default.chipText,
+					children: text_0 !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsxs("span", {
+							className: Filters_module_default.chipLabel,
+							children: [label_0, ":"]
+						}),
+						" ",
+						text_0
+					] }) : label_0
+				}), /* @__PURE__ */ jsx(IconButton, {
+					icon: X,
+					size: "sm",
+					showTooltip: false,
+					label: intl.formatMessage(messages.removeFilter, { filter: name }),
+					onPress: () => onRemove(id_0)
+				})]
+			}, id_0);
+		});
+		$[13] = chips;
+		$[14] = intl;
+		$[15] = onRemove;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== t2 || $[18] !== t3 || $[19] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("ul", {
+			"aria-label": t2,
+			className: Filters_module_default.chips,
+			children: [t3, t4]
+		});
+		$[17] = t2;
+		$[18] = t3;
+		$[19] = t4;
+		$[20] = t5;
+	} else t5 = $[20];
+	let t6;
+	if ($[21] !== intl) {
+		t6 = intl.formatMessage(messages.clearFilters);
+		$[21] = intl;
+		$[22] = t6;
+	} else t6 = $[22];
+	let t7;
+	if ($[23] !== onClear || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			onPress: onClear,
+			children: t6
+		});
+		$[23] = onClear;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	let t8;
+	if ($[26] !== t5 || $[27] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: Filters_module_default.chips,
+			children: [t5, t7]
+		});
+		$[26] = t5;
+		$[27] = t7;
+		$[28] = t8;
+	} else t8 = $[28];
+	return t8;
+}
+//#endregion
+export { FilterChips, FilterControls, useFilterLabels };
+
+//# sourceMappingURL=Filters.js.map

package/dist/filters/Filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","names":["filter","value","X","onClearSearch","text","label","id","onClear","_c","styles","_Fragment"],"sources":["../../src/filters/Filters.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { useState } from 'react';\n\nimport type { Field, Filter, FilterValue } from '@panneau/protocol';\nimport { Button, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { FilterEntry, ListColumn } from '../types';\nimport styles from './Filters.module.css';\nimport { builtInFilters } from './controls';\nimport { formatFilterValue, getFilterLabel, getFilterOptions } from './format';\n\n/** Labels of filter values (relation ids), by filter id, for the chips. */\nexport type FilterLabels = Readonly<Record<string, Readonly<Record<string, string>>>>;\n\n/** Remembers the labels of filter values, for the chips of active filters. */\nexport function useFilterLabels(): {\n    labels: FilterLabels;\n    remember: (filter: string, value: string, label: string) => void;\n} {\n    const [labels, setLabels] = useState<FilterLabels>({});\n    return {\n        labels,\n        remember: (filter, value, label) =>\n            setLabels((current) =>\n                current[filter]?.[value] === label\n                    ? current\n                    : { ...current, [filter]: { ...current[filter], [value]: label } },\n            ),\n    };\n}\n\ninterface FilterContext {\n    columns: readonly ListColumn[];\n    fields: readonly Field[];\n    labels: FilterLabels;\n}\n\nexport interface FilterControlsProps extends FilterContext {\n    filters: readonly Filter[];\n    /** The current filter values, by filter id. */\n    values: Readonly<Record<string, FilterValue>>;\n    onChange: (id: string, value: FilterValue | undefined) => void;\n    onLabel: (filter: string, value: string, label: string) => void;\n    /** Controls by filter type, over the built-in ones. */\n    controls?: Readonly<Record<string, FilterEntry>> | undefined;\n}\n\n/** A control for each filter of the list. */\nexport function FilterControls({\n    filters,\n    values,\n    onChange,\n    onLabel,\n    controls,\n    columns,\n    fields,\n    labels,\n}: FilterControlsProps) {\n    const intl = usePanneauIntl();\n    return (\n        <div\n            role=\"group\"\n            aria-label={intl.formatMessage(messages.filters)}\n            className={styles.filters}\n        >\n            {filters.map((filter) => {\n                const Control =\n                    controls?.[filter.type] ?? builtInFilters[filter.type] ?? builtInFilters.text;\n                if (Control === undefined) {\n                    return null;\n                }\n                return (\n                    <Control\n                        key={filter.id}\n                        filter={filter}\n                        label={getFilterLabel(filter, columns, fields)}\n                        options={getFilterOptions(filter, columns, fields)}\n                        value={values[filter.id]}\n                        onChange={(value) => onChange(filter.id, value)}\n                        onLabel={(value, label) => onLabel(filter.id, value, label)}\n                        getValueLabel={(value) => labels[filter.id]?.[value] ?? null}\n                    />\n                );\n            })}\n        </div>\n    );\n}\n\nexport interface FilterChipsProps extends FilterContext {\n    filters: readonly Filter[];\n    values: Readonly<Record<string, FilterValue>>;\n    /** The search, shown as a chip too. */\n    q?: string | undefined;\n    onRemove: (id: string) => void;\n    onClearSearch: () => void;\n    onClear: () => void;\n}\n\n/** The active filters and the search, as chips that remove them, and a button to clear them all. */\nexport function FilterChips({\n    filters,\n    values,\n    q,\n    onRemove,\n    onClearSearch,\n    onClear,\n    columns,\n    fields,\n    labels,\n}: FilterChipsProps) {\n    const intl = usePanneauIntl();\n    const chips = Object.entries(values).map(([id, value]) => {\n        const filter = filters.find((candidate) => candidate.id === id) ?? { id, type: 'text' };\n        const label = getFilterLabel(filter, columns, fields);\n        const text =\n            filter.type === 'toggle'\n                ? null\n                : formatFilterValue(filter, value, {\n                      intl,\n                      options: getFilterOptions(filter, columns, fields),\n                      getValueLabel: (entry) => labels[id]?.[entry] ?? null,\n                  });\n        return { id, label, text };\n    });\n    const search = q !== undefined && q !== '' ? q : null;\n    if (chips.length === 0 && search === null) {\n        return null;\n    }\n    return (\n        <div className={styles.chips}>\n            <ul aria-label={intl.formatMessage(messages.activeFilters)} className={styles.chips}>\n                {search !== null ? (\n                    <li className={styles.chip}>\n                        <span className={styles.chipText}>\n                            {intl.formatMessage(messages.searchChip, { q: search })}\n                        </span>\n                        <IconButton\n                            icon={X}\n                            size=\"sm\"\n                            showTooltip={false}\n                            label={intl.formatMessage(messages.removeFilter, {\n                                filter: intl.formatMessage(messages.searchChip, { q: search }),\n                            })}\n                            onPress={onClearSearch}\n                        />\n                    </li>\n                ) : null}\n                {chips.map(({ id, label, text }) => {\n                    const name = text !== null ? `${label}: ${text}` : label;\n                    return (\n                        <li key={id} className={styles.chip}>\n                            <span className={styles.chipText}>\n                                {text !== null ? (\n                                    <>\n                                        <span className={styles.chipLabel}>{label}:</span> {text}\n                                    </>\n                                ) : (\n                                    label\n                                )}\n                            </span>\n                            <IconButton\n                                icon={X}\n                                size=\"sm\"\n                                showTooltip={false}\n                                label={intl.formatMessage(messages.removeFilter, { filter: name })}\n                                onPress={() => onRemove(id)}\n                            />\n                        </li>\n                    );\n                })}\n            </ul>\n            <Button variant=\"ghost\" size=\"sm\" onPress={onClear}>\n                {intl.formatMessage(messages.clearFilters)}\n            </Button>\n        </div>\n    );\n}\n"],"mappings":"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"}

package/dist/filters/Filters.module.js

@@ -0,0 +1,24 @@
+import "./Filters.css";
+//#region src/filters/Filters.module.css
+var filters = "panneau-filters-9H41r8";
+var control = "panneau-control-vD-jl2";
+var toggle = "panneau-toggle-aBWzSX";
+var range = "panneau-range-lY9OdJ";
+var chips = "panneau-chips-zPj5hD";
+var chip = "panneau-chip-RQRPo6";
+var chipText = "panneau-chipText-Uofas9";
+var chipLabel = "panneau-chipLabel-QsALcI";
+var Filters_module_default = {
+	filters,
+	control,
+	toggle,
+	range,
+	chips,
+	chip,
+	chipText,
+	chipLabel
+};
+//#endregion
+export { chip, chipLabel, chipText, chips, control, Filters_module_default as default, filters, range, toggle };
+
+//# sourceMappingURL=Filters.module.js.map

package/dist/filters/Filters.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.module.js","names":[],"sources":["../../src/filters/Filters.module.css"],"sourcesContent":[".filters {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-end;\n    gap: var(--panneau-space-3);\n}\n\n.control {\n    width: 12rem;\n    max-width: 100%;\n}\n\n.toggle {\n    align-self: center;\n    min-height: var(--panneau-control-height);\n    display: flex;\n    align-items: center;\n}\n\n.range {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--panneau-space-2);\n    max-width: 100%;\n}\n\n.range > :not(legend) {\n    width: 11rem;\n    max-width: 100%;\n}\n\n.chips {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--panneau-space-2);\n    margin: 0;\n    padding: 0;\n    list-style: none;\n}\n\n.chip {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--panneau-space-1);\n    max-width: 100%;\n    padding-inline-start: var(--panneau-space-3);\n    font-size: var(--panneau-font-size-sm);\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) solid var(--panneau-color-border);\n    border-radius: var(--panneau-radius-full);\n}\n\n.chipText {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.chipLabel {\n    color: var(--panneau-color-text-muted);\n}\n\n@container panneau-list (max-width: 40rem) {\n    .filters,\n    .control,\n    .range,\n    .range > :not(legend) {\n        width: 100%;\n    }\n}\n"],"mappings":""}

package/dist/filters/controls.d.ts

@@ -0,0 +1,23 @@
+import type { FilterControlProps, FilterEntry } from '../types';
+/** A text filter: the list changes once the user stops typing. */
+export declare function TextFilter({ label, value, onChange }: FilterControlProps): import("react").JSX.Element;
+/** A choice among the options, or several with `multiple`. */
+export declare function SelectFilter({ filter, label, options, value, onChange }: FilterControlProps): import("react").JSX.Element;
+/** On or off: on filters with `true`, off removes the filter. */
+export declare function ToggleFilter({ label, value, onChange }: FilterControlProps): import("react").JSX.Element;
+/** A day (`2026-10-15`). */
+export declare function DateFilter({ label, value, onChange }: FilterControlProps): import("react").JSX.Element;
+/**
+ * A range of days, sent as its bounds (`filter[published_at][from]=2026-01-01&…[to]=…`). Either end
+ * can be open: it is left out.
+ */
+export declare function DateRangeFilter({ label, value, onChange }: FilterControlProps): import("react").JSX.Element;
+/**
+ * An item of another resource (`resource`), or several with `multiple`, picked with the relation
+ * source of the fields context. The filter keeps their ids; their labels are remembered for the
+ * chips.
+ */
+export declare function RelationFilter({ filter, label, value, onChange, onLabel, getValueLabel, }: FilterControlProps): import("react").JSX.Element;
+/** The built-in filter controls, by filter type. Unknown types are text filters. */
+export declare const builtInFilters: Readonly<Record<string, FilterEntry>>;
+//# sourceMappingURL=controls.d.ts.map

package/dist/filters/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/filters/controls.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAchE,kEAAkE;AAClE,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAmBxE;AAED,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAgC3F;AAED,iEAAiE;AACjE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BAU1E;AAED,4BAA4B;AAC5B,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BASxE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,+BA4B7E;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,aAAa,GAChB,EAAE,kBAAkB,+BA8CpB;AAED,oFAAoF;AACpF,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAOhE,CAAC"}