@fieldia/viewer 0.8.0 → 0.9.0

package/src/lib/list.js

@@ -0,0 +1,282 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.listView = listView;
+const core_1 = require("@fieldia/core");
+const widgets_1 = require("@fieldia/widgets");
+const favourites_1 = require("./favourites");
+const list_groups_1 = require("./list-groups");
+const list_styles_1 = require("./list-styles");
+const search_bar_1 = require("./search-bar");
+/** Numbers line up on the end of their column. */
+const NUMBERS = new Set(['integer', 'float', 'monetary']);
+/** Fields no list can put in order. */
+const UNSORTABLE = new Set(['one2many', 'many2many', 'binary', 'image', 'html', 'json', 'properties']);
+/**
+ * Records as a table: one page at a time, in the order a header asks for, each
+ * row opening its record. Chosen rows get the list's buttons, which hand the
+ * app their ids. A plain table, so it reads the same in every binding.
+ */
+function listView(context) {
+    const { page, node, form, el, labels, fill, locale, doc } = context;
+    (0, list_styles_1.installListStyles)(doc);
+    const pageSize = node.pageSize ?? 40;
+    const defaultSort = node.sort ?? [];
+    let sort = defaultSort;
+    let offset = 0;
+    let total = 0;
+    /** The page of records, when the list is not grouped. */
+    let rows = [];
+    /** Each record's row, for the records on show however they are grouped. */
+    const recordOf = new WeakMap();
+    const visible = () => [...body.querySelectorAll('.fd-list-row')].map((tr) => recordOf.get(tr));
+    // Only a page of records gets this far: the page check refuses a list of anything else.
+    const model = page.data.kind === 'record' ? page.data.model : '';
+    let facets = (0, favourites_1.startingFacets)(node, context.preferences, page);
+    /** In the order they were chosen, which is the order the app gets them. */
+    const chosen = new Set();
+    let asking = 0;
+    let destroyed = false;
+    // The columns, and what an amount needs to be read: its currency, from the record.
+    const fields = [...new Set(node.columns.flatMap((name) => {
+            const def = page.fields[name];
+            return def.type === 'monetary' && def.currencyField ? [name, def.currencyField] : [name];
+        }))];
+    const show = (name, values) => (0, widgets_1.displayValue)(page.fields[name], values[name], values, locale);
+    // ---- the table ---------------------------------------------------------------
+    const chooseAll = el('input', { type: 'checkbox', class: 'fd-list-checkbox', 'aria-label': labels.selectAll });
+    const headers = node.columns.map((name) => {
+        const def = page.fields[name];
+        const th = el('th', { scope: 'col', 'data-field': name, class: NUMBERS.has(def.type) ? 'fd-num' : undefined });
+        if (UNSORTABLE.has(def.type))
+            th.append(def.label);
+        else {
+            const button = el('button', { type: 'button', class: 'fd-list-sort' }, def.label);
+            button.addEventListener('click', () => {
+                // The header's field leads; the list's own order breaks the ties.
+                const desc = sort[0]?.field === name ? !sort[0].desc : false;
+                sort = [{ field: name, ...(desc ? { desc } : {}) }, ...defaultSort.filter((order) => order.field !== name)];
+                offset = 0;
+                void load();
+            });
+            th.append(button);
+        }
+        return th;
+    });
+    const body = el('tbody');
+    const table = el('table', { class: 'fd-list-table', 'aria-label': page.title }, el('thead', {}, el('tr', {}, el('th', { class: 'fd-list-check', scope: 'col' }, chooseAll), ...headers)), body);
+    const empty = el('p', { class: 'fd-list-empty', hidden: '' }, labels.noRecords);
+    const retry = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.retry);
+    const failed = el('p', { class: 'fd-list-failed', role: 'alert', hidden: '' }, labels.loadFailed, ' ', retry);
+    retry.addEventListener('click', () => void load());
+    function row(record, level = 0) {
+        const name = show(node.columns[0], record.values) || String(record.id);
+        const box = el('input', { type: 'checkbox', class: 'fd-list-checkbox', 'aria-label': fill(labels.selectRecord, { name }) });
+        box.checked = chosen.has(record.id);
+        box.addEventListener('change', () => {
+            if (box.checked)
+                chosen.add(record.id);
+            else
+                chosen.delete(record.id);
+            drawChoice();
+        });
+        const tr = el('tr', { class: context.onOpenRecord ? 'fd-list-row fd-list-openable' : 'fd-list-row', tabindex: '0', 'data-id': String(record.id), 'data-level': level ? String(level) : undefined }, el('td', { class: 'fd-list-check' }, box), 
+        // Each value in its own direction: a phone number or an amount reads left to right on a right-to-left page.
+        ...node.columns.map((name) => el('td', { class: NUMBERS.has(page.fields[name].type) ? 'fd-num' : undefined }, el('bdi', {}, show(name, record.values)))));
+        tr.addEventListener('click', (event) => {
+            const cell = event.target.closest('td');
+            // The box's own cell is a bigger target for the box.
+            if (cell?.classList.contains('fd-list-check')) {
+                if (event.target === cell)
+                    box.click();
+                return;
+            }
+            context.onOpenRecord?.(record.id);
+        });
+        tr.addEventListener('keydown', (event) => {
+            if (event.target !== tr)
+                return;
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                context.onOpenRecord?.(record.id);
+            }
+            else if (event.key === ' ') {
+                event.preventDefault();
+                box.click();
+            }
+            else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                const next = event.key === 'ArrowDown' ? tr.nextElementSibling : tr.previousElementSibling;
+                next?.focus();
+            }
+        });
+        recordOf.set(tr, record);
+        return tr;
+    }
+    // ---- what is chosen, and the buttons for it --------------------------------------
+    const count = el('span', { class: 'fd-list-count', role: 'status' });
+    const clear = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.clearSelection);
+    const buttons = (node.actions ?? []).map((action) => {
+        const button = el('button', { type: 'button', class: `fd-button fd-button-${action.style ?? 'secondary'}`, 'data-node': action.id }, ...context.withIcon(action.icon, action.label));
+        button.addEventListener('click', async () => {
+            if (action.confirm && !(await context.confirm(action.confirm)))
+                return;
+            await form.runAction(action.id, { recordIds: [...chosen] });
+            await load();
+        });
+        return button;
+    });
+    const selection = el('div', { class: 'fd-list-selection', hidden: '' }, count, ...buttons, clear);
+    clear.addEventListener('click', () => {
+        chosen.clear();
+        for (const box of body.querySelectorAll('.fd-list-checkbox'))
+            box.checked = false;
+        drawChoice();
+    });
+    chooseAll.addEventListener('change', () => {
+        for (const record of visible()) {
+            if (chooseAll.checked)
+                chosen.add(record.id);
+            else
+                chosen.delete(record.id);
+        }
+        for (const box of body.querySelectorAll('.fd-list-checkbox'))
+            box.checked = chooseAll.checked;
+        drawChoice();
+    });
+    function drawChoice() {
+        const shown = visible();
+        const onPage = shown.filter((record) => chosen.has(record.id)).length;
+        chooseAll.checked = shown.length > 0 && onPage === shown.length;
+        chooseAll.indeterminate = onPage > 0 && onPage < shown.length;
+        selection.hidden = chosen.size === 0;
+        count.textContent = fill(labels.selected, { n: chosen.size });
+        for (const tr of body.querySelectorAll('.fd-list-row')) {
+            tr.setAttribute('aria-selected', String([...chosen].some((id) => String(id) === tr.dataset['id'])));
+        }
+    }
+    // ---- pages -------------------------------------------------------------------
+    const range = el('span', { class: 'fd-pager-text' });
+    const previous = el('button', { type: 'button', class: 'fd-button fd-pager-button', 'aria-label': labels.previousPage }, '‹');
+    const next = el('button', { type: 'button', class: 'fd-button fd-pager-button', 'aria-label': labels.nextPage }, '›');
+    const pager = el('div', { class: 'fd-pager', role: 'group' }, range, previous, next);
+    previous.addEventListener('click', () => {
+        offset = Math.max(0, offset - pageSize);
+        void load();
+    });
+    next.addEventListener('click', () => {
+        offset += pageSize;
+        void load();
+    });
+    function drawPager() {
+        pager.hidden = total === 0;
+        range.textContent = fill(labels.range, { from: offset + 1, to: Math.min(offset + rows.length, total), total });
+        previous.disabled = offset === 0;
+        next.disabled = offset + pageSize >= total;
+    }
+    function drawSort() {
+        for (const th of headers) {
+            const order = sort[0]?.field === th.dataset['field'] ? sort[0] : null;
+            if (order)
+                th.setAttribute('aria-sort', order.desc ? 'descending' : 'ascending');
+            else
+                th.removeAttribute('aria-sort');
+        }
+    }
+    // ---- asking for the records ------------------------------------------------------
+    /** Rows came or went: what is chosen keeps to the records on show. */
+    function changed() {
+        const shown = new Set(visible().map((record) => record.id));
+        for (const id of [...chosen])
+            if (!shown.has(id))
+                chosen.delete(id);
+        drawChoice();
+    }
+    const grouped = (source) => ({
+        page,
+        el,
+        labels,
+        fill,
+        dataSource: source,
+        model,
+        fields,
+        columns: node.columns.length + 1,
+        pageSize,
+        sort: () => sort,
+        recordRow: row,
+        changed,
+    });
+    async function load() {
+        const mine = ++asking;
+        drawSort();
+        table.setAttribute('aria-busy', 'true');
+        let drawn = [];
+        try {
+            const filter = (0, core_1.facetsToFilter)(facets, node);
+            const grouping = (0, core_1.groupByFields)(facets);
+            const source = context.dataSource;
+            if (grouping.length && source?.groups && source.list) {
+                // Grouped: a row for each value of the first field, each opening into the rest.
+                const groups = await source.groups({ model, field: grouping[0], filter });
+                if (mine !== asking || destroyed)
+                    return;
+                rows = [];
+                total = 0;
+                drawn = groups.map((group) => (0, list_groups_1.groupRow)(grouped(source), group, 0, filter, grouping));
+            }
+            else {
+                const answer = source?.list ? await source.list({ model, fields, filter, sort, offset, limit: pageSize }) : { records: [], total: 0 };
+                if (mine !== asking || destroyed)
+                    return;
+                // Past the end, as when the last record of the last page went: back to the page that is left.
+                if (!answer.records.length && answer.total > 0 && offset > 0) {
+                    offset = Math.floor((answer.total - 1) / pageSize) * pageSize;
+                    return load();
+                }
+                rows = answer.records;
+                total = answer.total;
+                drawn = rows.map((record) => row(record));
+            }
+            failed.hidden = true;
+        }
+        catch {
+            if (mine !== asking || destroyed)
+                return;
+            rows = [];
+            total = 0;
+            failed.hidden = false;
+        }
+        body.replaceChildren(...drawn);
+        empty.hidden = drawn.length > 0 || !failed.hidden;
+        table.removeAttribute('aria-busy');
+        drawPager();
+        changed();
+    }
+    const search = (0, search_bar_1.searchBar)({
+        page,
+        node,
+        doc,
+        el,
+        labels,
+        fill,
+        uid: context.uid,
+        icons: context.icons,
+        preferences: context.preferences,
+        facets,
+        onChange(next) {
+            facets = next;
+            offset = 0;
+            void load();
+        },
+    });
+    const element = el('div', { class: 'fd-list', 'data-node': node.id }, el('div', { class: 'fd-list-bar' }, search.element, pager), selection, el('div', { class: 'fd-list-scroll' }, table), empty, failed);
+    void load();
+    return {
+        element,
+        reload: load,
+        destroy() {
+            destroyed = true;
+            search.destroy();
+        },
+    };
+}
+//# sourceMappingURL=list.js.map

package/src/lib/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../libs/viewer/src/lib/list.ts"],"names":[],"mappings":"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"}

package/src/lib/list.mjs

@@ -0,0 +1,279 @@
+import { facetsToFilter, groupByFields, } from '@fieldia/core';
+import { displayValue } from '@fieldia/widgets';
+import { startingFacets } from './favourites.mjs';
+import { groupRow } from './list-groups.mjs';
+import { installListStyles } from './list-styles.mjs';
+import { searchBar } from './search-bar.mjs';
+/** Numbers line up on the end of their column. */
+const NUMBERS = new Set(['integer', 'float', 'monetary']);
+/** Fields no list can put in order. */
+const UNSORTABLE = new Set(['one2many', 'many2many', 'binary', 'image', 'html', 'json', 'properties']);
+/**
+ * Records as a table: one page at a time, in the order a header asks for, each
+ * row opening its record. Chosen rows get the list's buttons, which hand the
+ * app their ids. A plain table, so it reads the same in every binding.
+ */
+export function listView(context) {
+    const { page, node, form, el, labels, fill, locale, doc } = context;
+    installListStyles(doc);
+    const pageSize = node.pageSize ?? 40;
+    const defaultSort = node.sort ?? [];
+    let sort = defaultSort;
+    let offset = 0;
+    let total = 0;
+    /** The page of records, when the list is not grouped. */
+    let rows = [];
+    /** Each record's row, for the records on show however they are grouped. */
+    const recordOf = new WeakMap();
+    const visible = () => [...body.querySelectorAll('.fd-list-row')].map((tr) => recordOf.get(tr));
+    // Only a page of records gets this far: the page check refuses a list of anything else.
+    const model = page.data.kind === 'record' ? page.data.model : '';
+    let facets = startingFacets(node, context.preferences, page);
+    /** In the order they were chosen, which is the order the app gets them. */
+    const chosen = new Set();
+    let asking = 0;
+    let destroyed = false;
+    // The columns, and what an amount needs to be read: its currency, from the record.
+    const fields = [...new Set(node.columns.flatMap((name) => {
+            const def = page.fields[name];
+            return def.type === 'monetary' && def.currencyField ? [name, def.currencyField] : [name];
+        }))];
+    const show = (name, values) => displayValue(page.fields[name], values[name], values, locale);
+    // ---- the table ---------------------------------------------------------------
+    const chooseAll = el('input', { type: 'checkbox', class: 'fd-list-checkbox', 'aria-label': labels.selectAll });
+    const headers = node.columns.map((name) => {
+        const def = page.fields[name];
+        const th = el('th', { scope: 'col', 'data-field': name, class: NUMBERS.has(def.type) ? 'fd-num' : undefined });
+        if (UNSORTABLE.has(def.type))
+            th.append(def.label);
+        else {
+            const button = el('button', { type: 'button', class: 'fd-list-sort' }, def.label);
+            button.addEventListener('click', () => {
+                // The header's field leads; the list's own order breaks the ties.
+                const desc = sort[0]?.field === name ? !sort[0].desc : false;
+                sort = [{ field: name, ...(desc ? { desc } : {}) }, ...defaultSort.filter((order) => order.field !== name)];
+                offset = 0;
+                void load();
+            });
+            th.append(button);
+        }
+        return th;
+    });
+    const body = el('tbody');
+    const table = el('table', { class: 'fd-list-table', 'aria-label': page.title }, el('thead', {}, el('tr', {}, el('th', { class: 'fd-list-check', scope: 'col' }, chooseAll), ...headers)), body);
+    const empty = el('p', { class: 'fd-list-empty', hidden: '' }, labels.noRecords);
+    const retry = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.retry);
+    const failed = el('p', { class: 'fd-list-failed', role: 'alert', hidden: '' }, labels.loadFailed, ' ', retry);
+    retry.addEventListener('click', () => void load());
+    function row(record, level = 0) {
+        const name = show(node.columns[0], record.values) || String(record.id);
+        const box = el('input', { type: 'checkbox', class: 'fd-list-checkbox', 'aria-label': fill(labels.selectRecord, { name }) });
+        box.checked = chosen.has(record.id);
+        box.addEventListener('change', () => {
+            if (box.checked)
+                chosen.add(record.id);
+            else
+                chosen.delete(record.id);
+            drawChoice();
+        });
+        const tr = el('tr', { class: context.onOpenRecord ? 'fd-list-row fd-list-openable' : 'fd-list-row', tabindex: '0', 'data-id': String(record.id), 'data-level': level ? String(level) : undefined }, el('td', { class: 'fd-list-check' }, box), 
+        // Each value in its own direction: a phone number or an amount reads left to right on a right-to-left page.
+        ...node.columns.map((name) => el('td', { class: NUMBERS.has(page.fields[name].type) ? 'fd-num' : undefined }, el('bdi', {}, show(name, record.values)))));
+        tr.addEventListener('click', (event) => {
+            const cell = event.target.closest('td');
+            // The box's own cell is a bigger target for the box.
+            if (cell?.classList.contains('fd-list-check')) {
+                if (event.target === cell)
+                    box.click();
+                return;
+            }
+            context.onOpenRecord?.(record.id);
+        });
+        tr.addEventListener('keydown', (event) => {
+            if (event.target !== tr)
+                return;
+            if (event.key === 'Enter') {
+                event.preventDefault();
+                context.onOpenRecord?.(record.id);
+            }
+            else if (event.key === ' ') {
+                event.preventDefault();
+                box.click();
+            }
+            else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+                event.preventDefault();
+                const next = event.key === 'ArrowDown' ? tr.nextElementSibling : tr.previousElementSibling;
+                next?.focus();
+            }
+        });
+        recordOf.set(tr, record);
+        return tr;
+    }
+    // ---- what is chosen, and the buttons for it --------------------------------------
+    const count = el('span', { class: 'fd-list-count', role: 'status' });
+    const clear = el('button', { type: 'button', class: 'fd-button fd-button-link' }, labels.clearSelection);
+    const buttons = (node.actions ?? []).map((action) => {
+        const button = el('button', { type: 'button', class: `fd-button fd-button-${action.style ?? 'secondary'}`, 'data-node': action.id }, ...context.withIcon(action.icon, action.label));
+        button.addEventListener('click', async () => {
+            if (action.confirm && !(await context.confirm(action.confirm)))
+                return;
+            await form.runAction(action.id, { recordIds: [...chosen] });
+            await load();
+        });
+        return button;
+    });
+    const selection = el('div', { class: 'fd-list-selection', hidden: '' }, count, ...buttons, clear);
+    clear.addEventListener('click', () => {
+        chosen.clear();
+        for (const box of body.querySelectorAll('.fd-list-checkbox'))
+            box.checked = false;
+        drawChoice();
+    });
+    chooseAll.addEventListener('change', () => {
+        for (const record of visible()) {
+            if (chooseAll.checked)
+                chosen.add(record.id);
+            else
+                chosen.delete(record.id);
+        }
+        for (const box of body.querySelectorAll('.fd-list-checkbox'))
+            box.checked = chooseAll.checked;
+        drawChoice();
+    });
+    function drawChoice() {
+        const shown = visible();
+        const onPage = shown.filter((record) => chosen.has(record.id)).length;
+        chooseAll.checked = shown.length > 0 && onPage === shown.length;
+        chooseAll.indeterminate = onPage > 0 && onPage < shown.length;
+        selection.hidden = chosen.size === 0;
+        count.textContent = fill(labels.selected, { n: chosen.size });
+        for (const tr of body.querySelectorAll('.fd-list-row')) {
+            tr.setAttribute('aria-selected', String([...chosen].some((id) => String(id) === tr.dataset['id'])));
+        }
+    }
+    // ---- pages -------------------------------------------------------------------
+    const range = el('span', { class: 'fd-pager-text' });
+    const previous = el('button', { type: 'button', class: 'fd-button fd-pager-button', 'aria-label': labels.previousPage }, '‹');
+    const next = el('button', { type: 'button', class: 'fd-button fd-pager-button', 'aria-label': labels.nextPage }, '›');
+    const pager = el('div', { class: 'fd-pager', role: 'group' }, range, previous, next);
+    previous.addEventListener('click', () => {
+        offset = Math.max(0, offset - pageSize);
+        void load();
+    });
+    next.addEventListener('click', () => {
+        offset += pageSize;
+        void load();
+    });
+    function drawPager() {
+        pager.hidden = total === 0;
+        range.textContent = fill(labels.range, { from: offset + 1, to: Math.min(offset + rows.length, total), total });
+        previous.disabled = offset === 0;
+        next.disabled = offset + pageSize >= total;
+    }
+    function drawSort() {
+        for (const th of headers) {
+            const order = sort[0]?.field === th.dataset['field'] ? sort[0] : null;
+            if (order)
+                th.setAttribute('aria-sort', order.desc ? 'descending' : 'ascending');
+            else
+                th.removeAttribute('aria-sort');
+        }
+    }
+    // ---- asking for the records ------------------------------------------------------
+    /** Rows came or went: what is chosen keeps to the records on show. */
+    function changed() {
+        const shown = new Set(visible().map((record) => record.id));
+        for (const id of [...chosen])
+            if (!shown.has(id))
+                chosen.delete(id);
+        drawChoice();
+    }
+    const grouped = (source) => ({
+        page,
+        el,
+        labels,
+        fill,
+        dataSource: source,
+        model,
+        fields,
+        columns: node.columns.length + 1,
+        pageSize,
+        sort: () => sort,
+        recordRow: row,
+        changed,
+    });
+    async function load() {
+        const mine = ++asking;
+        drawSort();
+        table.setAttribute('aria-busy', 'true');
+        let drawn = [];
+        try {
+            const filter = facetsToFilter(facets, node);
+            const grouping = groupByFields(facets);
+            const source = context.dataSource;
+            if (grouping.length && source?.groups && source.list) {
+                // Grouped: a row for each value of the first field, each opening into the rest.
+                const groups = await source.groups({ model, field: grouping[0], filter });
+                if (mine !== asking || destroyed)
+                    return;
+                rows = [];
+                total = 0;
+                drawn = groups.map((group) => groupRow(grouped(source), group, 0, filter, grouping));
+            }
+            else {
+                const answer = source?.list ? await source.list({ model, fields, filter, sort, offset, limit: pageSize }) : { records: [], total: 0 };
+                if (mine !== asking || destroyed)
+                    return;
+                // Past the end, as when the last record of the last page went: back to the page that is left.
+                if (!answer.records.length && answer.total > 0 && offset > 0) {
+                    offset = Math.floor((answer.total - 1) / pageSize) * pageSize;
+                    return load();
+                }
+                rows = answer.records;
+                total = answer.total;
+                drawn = rows.map((record) => row(record));
+            }
+            failed.hidden = true;
+        }
+        catch {
+            if (mine !== asking || destroyed)
+                return;
+            rows = [];
+            total = 0;
+            failed.hidden = false;
+        }
+        body.replaceChildren(...drawn);
+        empty.hidden = drawn.length > 0 || !failed.hidden;
+        table.removeAttribute('aria-busy');
+        drawPager();
+        changed();
+    }
+    const search = searchBar({
+        page,
+        node,
+        doc,
+        el,
+        labels,
+        fill,
+        uid: context.uid,
+        icons: context.icons,
+        preferences: context.preferences,
+        facets,
+        onChange(next) {
+            facets = next;
+            offset = 0;
+            void load();
+        },
+    });
+    const element = el('div', { class: 'fd-list', 'data-node': node.id }, el('div', { class: 'fd-list-bar' }, search.element, pager), selection, el('div', { class: 'fd-list-scroll' }, table), empty, failed);
+    void load();
+    return {
+        element,
+        reload: load,
+        destroy() {
+            destroyed = true;
+            search.destroy();
+        },
+    };
+}
+//# sourceMappingURL=list.mjs.map

package/src/lib/list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.mjs","sourceRoot":"","sources":["../../../../../libs/viewer/src/lib/list.ts"],"names":[],"mappings":"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"}

package/src/lib/search-bar.d.mts

@@ -0,0 +1,30 @@
+import { type Facet, type ListNode, type Page } from '@fieldia/core';
+import { type IconSet, type PreferenceStore } from '@fieldia/widgets';
+import type { El } from './dom.mjs';
+import type { ViewerLabels } from './labels.mjs';
+export interface SearchContext {
+    page: Page;
+    node: ListNode;
+    doc: Document;
+    el: El;
+    labels: ViewerLabels;
+    fill: (template: string, values: Record<string, string | number>) => string;
+    uid: (id: string) => string;
+    icons?: IconSet;
+    preferences: PreferenceStore;
+    /** What the list starts with. */
+    facets: Facet[];
+    onChange: (facets: Facet[]) => void;
+}
+/** A chip's words: a field and the values looked for in it, filters any of which apply, or the fields grouped by. */
+export declare function facetText(facet: Facet, labels: Pick<ViewerLabels, 'or'>): string;
+/**
+ * A list's search bar: what is typed becomes a search in one of the list's
+ * fields, chosen from suggestions; the menu turns the list's filters on and
+ * off, groups by its fields, builds a filter, and keeps searches as
+ * favourites. Everything chosen shows as a chip, and all of it applies.
+ */
+export declare function searchBar(context: SearchContext): {
+    element: HTMLDivElement;
+    destroy: () => void;
+};