@fieldia/viewer 0.8.0 → 0.9.0

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

@@ -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';
+import type { ViewerLabels } from './labels';
+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;
+};

package/src/lib/search-bar.js

@@ -0,0 +1,205 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetText = facetText;
+exports.searchBar = searchBar;
+const core_1 = require("@fieldia/core");
+const widgets_1 = require("@fieldia/widgets");
+const custom_filter_1 = require("./custom-filter");
+const favourites_1 = require("./favourites");
+/** A chip's words: a field and the values looked for in it, filters any of which apply, or the fields grouped by. */
+function facetText(facet, labels) {
+    const or = ` ${labels.or} `;
+    switch (facet.kind) {
+        case 'field':
+            return `${facet.label}: ${facet.values.map((v) => v.label).join(or)}`;
+        case 'filters':
+            return facet.labels.join(or);
+        case 'groupBy':
+            return facet.labels.join(' > ');
+        case 'custom':
+            return facet.label;
+    }
+}
+/**
+ * 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.
+ */
+function searchBar(context) {
+    const { page, node, doc, el, labels, fill, uid } = context;
+    let facets = context.facets;
+    const icon = (name) => {
+        const drawn = (0, widgets_1.drawIcon)(doc, name, context.icons);
+        drawn?.setAttribute('aria-hidden', 'true');
+        return drawn ? [drawn] : [];
+    };
+    function change(next) {
+        facets = next;
+        drawChips();
+        drawPanel();
+        context.onChange(facets);
+    }
+    // ---- the box, its chips and its suggestions -----------------------------------------
+    const listId = uid(`${node.id}-suggestions`);
+    const panelId = uid(`${node.id}-search-panel`);
+    const input = el('input', {
+        class: 'fd-search-input',
+        role: 'combobox',
+        autocomplete: 'off',
+        placeholder: labels.search,
+        'aria-label': labels.searchLabel,
+        'aria-autocomplete': 'list',
+        'aria-expanded': 'false',
+        'aria-controls': listId,
+    });
+    const chips = el('div', { class: 'fd-facets' });
+    const offeredList = el('ul', { class: 'fd-search-suggestions', role: 'listbox', id: listId, 'aria-label': labels.searchLabel, hidden: '' });
+    const toggle = el('button', { type: 'button', class: 'fd-search-toggle', 'aria-label': labels.searchOptions, 'aria-expanded': 'false', 'aria-controls': panelId });
+    let offered = [];
+    let active = 0;
+    function drawChips() {
+        chips.replaceChildren(...facets.map((facet, index) => {
+            const text = facetText(facet, labels);
+            const remove = el('button', { type: 'button', class: 'fd-facet-remove', 'aria-label': fill(labels.removeFacet, { label: text }) }, '×');
+            remove.addEventListener('click', () => {
+                change(facets.filter((_, i) => i !== index));
+                input.focus();
+            });
+            const kind = facet.kind === 'groupBy' ? 'layers' : facet.kind === 'field' ? '' : 'filter';
+            return el('span', { class: 'fd-facet', 'data-kind': facet.kind }, ...(kind ? icon(kind) : []), el('span', { class: 'fd-facet-text' }, text), remove);
+        }));
+    }
+    function drawOffered() {
+        offeredList.replaceChildren(...offered.map((suggestion, index) => {
+            const option = el('li', { role: 'option', id: `${listId}-${index}`, 'aria-selected': String(index === active) }, suggestion.label);
+            // The box keeps the focus while a suggestion is clicked.
+            option.addEventListener('mousedown', (event) => event.preventDefault());
+            option.addEventListener('click', () => pick(suggestion));
+            return option;
+        }));
+        offeredList.hidden = offered.length === 0;
+        input.setAttribute('aria-expanded', String(!offeredList.hidden));
+        if (offeredList.hidden)
+            input.removeAttribute('aria-activedescendant');
+        else
+            input.setAttribute('aria-activedescendant', `${listId}-${active}`);
+    }
+    function closeOffered() {
+        offered = [];
+        drawOffered();
+    }
+    /** A search in a field joins the field's chip, any of its values; the same value twice is once. */
+    function pick(suggestion) {
+        const value = { op: suggestion.op, value: suggestion.value, label: suggestion.valueLabel };
+        const at = facets.findIndex((f) => f.kind === 'field' && f.field === suggestion.field);
+        const next = [...facets];
+        if (at < 0)
+            next.push({ kind: 'field', field: suggestion.field, label: suggestion.fieldLabel, values: [value] });
+        else {
+            const facet = next[at];
+            const known = facet.values.some((v) => v.op === value.op && JSON.stringify(v.value) === JSON.stringify(value.value));
+            if (!known)
+                next[at] = { ...facet, values: [...facet.values, value] };
+        }
+        input.value = '';
+        closeOffered();
+        change(next);
+    }
+    input.addEventListener('input', () => {
+        offered = (0, core_1.suggestions)(input.value, page, node, { searchFor: labels.searchFor });
+        active = 0;
+        drawOffered();
+    });
+    input.addEventListener('blur', closeOffered);
+    input.addEventListener('keydown', (event) => {
+        if (event.isComposing)
+            return;
+        if ((event.key === 'ArrowDown' || event.key === 'ArrowUp') && offered.length) {
+            event.preventDefault();
+            active = (active + (event.key === 'ArrowDown' ? 1 : offered.length - 1)) % offered.length;
+            drawOffered();
+        }
+        else if (event.key === 'Enter') {
+            // Never the form's Enter: a list has nothing to send.
+            event.preventDefault();
+            if (offered.length)
+                pick(offered[active]);
+        }
+        else if (event.key === 'Backspace' && !input.value && facets.length) {
+            change(facets.slice(0, -1));
+        }
+        else if (event.key === 'Escape' && !offeredList.hidden) {
+            event.preventDefault();
+            closeOffered();
+        }
+    });
+    // ---- the menu: filters, group by, favourites ---------------------------------------
+    const heading = (iconName, text, id) => el('div', { class: 'fd-search-heading', id }, ...icon(iconName), text);
+    const toggleIn = (kind, key) => {
+        const at = facets.findIndex((f) => f.kind === kind);
+        const now = at < 0 ? [] : kind === 'filters' ? facets[at].ids : facets[at].fields;
+        const keys = now.includes(key) ? now.filter((k) => k !== key) : [...now, key];
+        const facet = kind === 'filters'
+            ? { kind, ids: keys, labels: keys.map((id) => node.filters?.find((f) => f.id === id)?.label ?? id) }
+            : { kind, fields: keys, labels: keys.map((field) => page.fields[field]?.label ?? field) };
+        const next = [...facets];
+        if (at < 0)
+            next.push(facet);
+        else if (keys.length)
+            next[at] = facet;
+        else
+            next.splice(at, 1);
+        change(next);
+    };
+    const filterButtons = (node.filters ?? []).map((filter) => {
+        const button = el('button', { type: 'button', class: 'fd-search-option', 'aria-pressed': 'false', 'data-filter': filter.id }, filter.label);
+        button.addEventListener('click', () => toggleIn('filters', filter.id));
+        return button;
+    });
+    const groupButtons = (node.groupBy ?? []).map((field) => {
+        const button = el('button', { type: 'button', class: 'fd-search-option', 'aria-pressed': 'false', 'data-group': field }, page.fields[field].label);
+        button.addEventListener('click', () => toggleIn('groupBy', field));
+        return button;
+    });
+    const custom = (0, custom_filter_1.customFilterPart)({ page, el, labels, add: (facet) => change([...facets, facet]) });
+    const favourites = (0, favourites_1.favouritesPart)({ page, el, labels, fill, preferences: context.preferences, current: () => facets, apply: change });
+    const group = (kind, iconName, title, ...parts) => el('div', { class: 'fd-search-group', 'data-group-kind': kind, role: 'group', 'aria-labelledby': `${panelId}-${kind}` }, heading(iconName, title, `${panelId}-${kind}`), ...parts);
+    const panel = el('div', { class: 'fd-search-panel', id: panelId, hidden: '' }, group('filters', 'filter', labels.filters, ...filterButtons, custom.button, custom.form), ...(groupButtons.length ? [group('groupBy', 'layers', labels.groupBy, ...groupButtons)] : []), group('favourites', 'star', labels.favourites, favourites.list, favourites.none, favourites.open, favourites.form));
+    function drawPanel() {
+        const ids = facets.find((f) => f.kind === 'filters')?.ids ?? [];
+        const fields = facets.find((f) => f.kind === 'groupBy')?.fields ?? [];
+        for (const button of filterButtons)
+            button.setAttribute('aria-pressed', String(ids.includes(button.dataset['filter'] ?? '')));
+        for (const button of groupButtons)
+            button.setAttribute('aria-pressed', String(fields.includes(button.dataset['group'] ?? '')));
+    }
+    function showPanel(open) {
+        panel.hidden = !open;
+        toggle.setAttribute('aria-expanded', String(open));
+        if (open)
+            closeOffered();
+    }
+    toggle.addEventListener('click', () => showPanel(panel.hidden));
+    panel.addEventListener('keydown', (event) => {
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        showPanel(false);
+        toggle.focus();
+    });
+    const element = el('div', { class: 'fd-search' }, el('div', { class: 'fd-search-field' }, ...icon('search'), chips, input, toggle), offeredList, panel);
+    // A press anywhere else closes the menu.
+    const outside = (event) => {
+        if (!panel.hidden && !element.contains(event.target))
+            showPanel(false);
+    };
+    doc.addEventListener('pointerdown', outside);
+    drawChips();
+    drawPanel();
+    return {
+        element,
+        destroy: () => doc.removeEventListener('pointerdown', outside),
+    };
+}
+//# sourceMappingURL=search-bar.js.map

package/src/lib/search-bar.js.map

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

package/src/lib/search-bar.mjs

@@ -0,0 +1,201 @@
+import { suggestions } from '@fieldia/core';
+import { drawIcon } from '@fieldia/widgets';
+import { customFilterPart } from './custom-filter.mjs';
+import { favouritesPart } from './favourites.mjs';
+/** A chip's words: a field and the values looked for in it, filters any of which apply, or the fields grouped by. */
+export function facetText(facet, labels) {
+    const or = ` ${labels.or} `;
+    switch (facet.kind) {
+        case 'field':
+            return `${facet.label}: ${facet.values.map((v) => v.label).join(or)}`;
+        case 'filters':
+            return facet.labels.join(or);
+        case 'groupBy':
+            return facet.labels.join(' > ');
+        case 'custom':
+            return facet.label;
+    }
+}
+/**
+ * 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 function searchBar(context) {
+    const { page, node, doc, el, labels, fill, uid } = context;
+    let facets = context.facets;
+    const icon = (name) => {
+        const drawn = drawIcon(doc, name, context.icons);
+        drawn?.setAttribute('aria-hidden', 'true');
+        return drawn ? [drawn] : [];
+    };
+    function change(next) {
+        facets = next;
+        drawChips();
+        drawPanel();
+        context.onChange(facets);
+    }
+    // ---- the box, its chips and its suggestions -----------------------------------------
+    const listId = uid(`${node.id}-suggestions`);
+    const panelId = uid(`${node.id}-search-panel`);
+    const input = el('input', {
+        class: 'fd-search-input',
+        role: 'combobox',
+        autocomplete: 'off',
+        placeholder: labels.search,
+        'aria-label': labels.searchLabel,
+        'aria-autocomplete': 'list',
+        'aria-expanded': 'false',
+        'aria-controls': listId,
+    });
+    const chips = el('div', { class: 'fd-facets' });
+    const offeredList = el('ul', { class: 'fd-search-suggestions', role: 'listbox', id: listId, 'aria-label': labels.searchLabel, hidden: '' });
+    const toggle = el('button', { type: 'button', class: 'fd-search-toggle', 'aria-label': labels.searchOptions, 'aria-expanded': 'false', 'aria-controls': panelId });
+    let offered = [];
+    let active = 0;
+    function drawChips() {
+        chips.replaceChildren(...facets.map((facet, index) => {
+            const text = facetText(facet, labels);
+            const remove = el('button', { type: 'button', class: 'fd-facet-remove', 'aria-label': fill(labels.removeFacet, { label: text }) }, '×');
+            remove.addEventListener('click', () => {
+                change(facets.filter((_, i) => i !== index));
+                input.focus();
+            });
+            const kind = facet.kind === 'groupBy' ? 'layers' : facet.kind === 'field' ? '' : 'filter';
+            return el('span', { class: 'fd-facet', 'data-kind': facet.kind }, ...(kind ? icon(kind) : []), el('span', { class: 'fd-facet-text' }, text), remove);
+        }));
+    }
+    function drawOffered() {
+        offeredList.replaceChildren(...offered.map((suggestion, index) => {
+            const option = el('li', { role: 'option', id: `${listId}-${index}`, 'aria-selected': String(index === active) }, suggestion.label);
+            // The box keeps the focus while a suggestion is clicked.
+            option.addEventListener('mousedown', (event) => event.preventDefault());
+            option.addEventListener('click', () => pick(suggestion));
+            return option;
+        }));
+        offeredList.hidden = offered.length === 0;
+        input.setAttribute('aria-expanded', String(!offeredList.hidden));
+        if (offeredList.hidden)
+            input.removeAttribute('aria-activedescendant');
+        else
+            input.setAttribute('aria-activedescendant', `${listId}-${active}`);
+    }
+    function closeOffered() {
+        offered = [];
+        drawOffered();
+    }
+    /** A search in a field joins the field's chip, any of its values; the same value twice is once. */
+    function pick(suggestion) {
+        const value = { op: suggestion.op, value: suggestion.value, label: suggestion.valueLabel };
+        const at = facets.findIndex((f) => f.kind === 'field' && f.field === suggestion.field);
+        const next = [...facets];
+        if (at < 0)
+            next.push({ kind: 'field', field: suggestion.field, label: suggestion.fieldLabel, values: [value] });
+        else {
+            const facet = next[at];
+            const known = facet.values.some((v) => v.op === value.op && JSON.stringify(v.value) === JSON.stringify(value.value));
+            if (!known)
+                next[at] = { ...facet, values: [...facet.values, value] };
+        }
+        input.value = '';
+        closeOffered();
+        change(next);
+    }
+    input.addEventListener('input', () => {
+        offered = suggestions(input.value, page, node, { searchFor: labels.searchFor });
+        active = 0;
+        drawOffered();
+    });
+    input.addEventListener('blur', closeOffered);
+    input.addEventListener('keydown', (event) => {
+        if (event.isComposing)
+            return;
+        if ((event.key === 'ArrowDown' || event.key === 'ArrowUp') && offered.length) {
+            event.preventDefault();
+            active = (active + (event.key === 'ArrowDown' ? 1 : offered.length - 1)) % offered.length;
+            drawOffered();
+        }
+        else if (event.key === 'Enter') {
+            // Never the form's Enter: a list has nothing to send.
+            event.preventDefault();
+            if (offered.length)
+                pick(offered[active]);
+        }
+        else if (event.key === 'Backspace' && !input.value && facets.length) {
+            change(facets.slice(0, -1));
+        }
+        else if (event.key === 'Escape' && !offeredList.hidden) {
+            event.preventDefault();
+            closeOffered();
+        }
+    });
+    // ---- the menu: filters, group by, favourites ---------------------------------------
+    const heading = (iconName, text, id) => el('div', { class: 'fd-search-heading', id }, ...icon(iconName), text);
+    const toggleIn = (kind, key) => {
+        const at = facets.findIndex((f) => f.kind === kind);
+        const now = at < 0 ? [] : kind === 'filters' ? facets[at].ids : facets[at].fields;
+        const keys = now.includes(key) ? now.filter((k) => k !== key) : [...now, key];
+        const facet = kind === 'filters'
+            ? { kind, ids: keys, labels: keys.map((id) => node.filters?.find((f) => f.id === id)?.label ?? id) }
+            : { kind, fields: keys, labels: keys.map((field) => page.fields[field]?.label ?? field) };
+        const next = [...facets];
+        if (at < 0)
+            next.push(facet);
+        else if (keys.length)
+            next[at] = facet;
+        else
+            next.splice(at, 1);
+        change(next);
+    };
+    const filterButtons = (node.filters ?? []).map((filter) => {
+        const button = el('button', { type: 'button', class: 'fd-search-option', 'aria-pressed': 'false', 'data-filter': filter.id }, filter.label);
+        button.addEventListener('click', () => toggleIn('filters', filter.id));
+        return button;
+    });
+    const groupButtons = (node.groupBy ?? []).map((field) => {
+        const button = el('button', { type: 'button', class: 'fd-search-option', 'aria-pressed': 'false', 'data-group': field }, page.fields[field].label);
+        button.addEventListener('click', () => toggleIn('groupBy', field));
+        return button;
+    });
+    const custom = customFilterPart({ page, el, labels, add: (facet) => change([...facets, facet]) });
+    const favourites = favouritesPart({ page, el, labels, fill, preferences: context.preferences, current: () => facets, apply: change });
+    const group = (kind, iconName, title, ...parts) => el('div', { class: 'fd-search-group', 'data-group-kind': kind, role: 'group', 'aria-labelledby': `${panelId}-${kind}` }, heading(iconName, title, `${panelId}-${kind}`), ...parts);
+    const panel = el('div', { class: 'fd-search-panel', id: panelId, hidden: '' }, group('filters', 'filter', labels.filters, ...filterButtons, custom.button, custom.form), ...(groupButtons.length ? [group('groupBy', 'layers', labels.groupBy, ...groupButtons)] : []), group('favourites', 'star', labels.favourites, favourites.list, favourites.none, favourites.open, favourites.form));
+    function drawPanel() {
+        const ids = facets.find((f) => f.kind === 'filters')?.ids ?? [];
+        const fields = facets.find((f) => f.kind === 'groupBy')?.fields ?? [];
+        for (const button of filterButtons)
+            button.setAttribute('aria-pressed', String(ids.includes(button.dataset['filter'] ?? '')));
+        for (const button of groupButtons)
+            button.setAttribute('aria-pressed', String(fields.includes(button.dataset['group'] ?? '')));
+    }
+    function showPanel(open) {
+        panel.hidden = !open;
+        toggle.setAttribute('aria-expanded', String(open));
+        if (open)
+            closeOffered();
+    }
+    toggle.addEventListener('click', () => showPanel(panel.hidden));
+    panel.addEventListener('keydown', (event) => {
+        if (event.key !== 'Escape')
+            return;
+        event.preventDefault();
+        showPanel(false);
+        toggle.focus();
+    });
+    const element = el('div', { class: 'fd-search' }, el('div', { class: 'fd-search-field' }, ...icon('search'), chips, input, toggle), offeredList, panel);
+    // A press anywhere else closes the menu.
+    const outside = (event) => {
+        if (!panel.hidden && !element.contains(event.target))
+            showPanel(false);
+    };
+    doc.addEventListener('pointerdown', outside);
+    drawChips();
+    drawPanel();
+    return {
+        element,
+        destroy: () => doc.removeEventListener('pointerdown', outside),
+    };
+}
+//# sourceMappingURL=search-bar.mjs.map

package/src/lib/search-bar.mjs.map

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

package/src/lib/viewer.d.mts

@@ -1,4 +1,4 @@
-import { type Form, type FormOptions, type Page, type Locale } from '@fieldia/core';
+import { type Form, type FormOptions, type Page, type RecordId, type Locale } from '@fieldia/core';
 import { type IconSet, type PreferenceStore, type WidgetFactory } from '@fieldia/widgets';
 export type Skin = 'underline' | 'outlined';
 import { type ViewerLabels } from './labels.mjs';
@@ -59,6 +59,8 @@ export interface ViewerOptions extends Omit<FormOptions, 'page'> {
      * key: every word of the page goes through it. Record data never does.
      */
     translate?: (text: string) => string;
+    /** A list page: a row was opened, by a click or by Enter. The app shows the record. */
+    onOpenRecord?: (id: RecordId) => void;
 }
 export interface ViewerHandle {
     readonly form: Form;

package/src/lib/viewer.d.ts

@@ -1,4 +1,4 @@
-import { type Form, type FormOptions, type Page, type Locale } from '@fieldia/core';
+import { type Form, type FormOptions, type Page, type RecordId, type Locale } from '@fieldia/core';
 import { type IconSet, type PreferenceStore, type WidgetFactory } from '@fieldia/widgets';
 export type Skin = 'underline' | 'outlined';
 import { type ViewerLabels } from './labels';
@@ -59,6 +59,8 @@ export interface ViewerOptions extends Omit<FormOptions, 'page'> {
      * key: every word of the page goes through it. Record data never does.
      */
     translate?: (text: string) => string;
+    /** A list page: a row was opened, by a click or by Enter. The app shows the record. */
+    onOpenRecord?: (id: RecordId) => void;
 }
 export interface ViewerHandle {
     readonly form: Form;

package/src/lib/viewer.js

@@ -5,6 +5,7 @@ exports.mountViewer = mountViewer;
 const core_1 = require("@fieldia/core");
 const widgets_1 = require("@fieldia/widgets");
 const related_1 = require("./related");
+const list_1 = require("./list");
 const labels_1 = require("./labels");
 var labels_2 = require("./labels");
 Object.defineProperty(exports, "VIEWER_LABELS", { enumerable: true, get: function () { return labels_2.VIEWER_LABELS; } });
@@ -660,6 +661,27 @@ function mountViewer(host, options) {
         body = wizardLayout(layout);
     else if (layout.type === 'tabs')
         body = sectionsLayout({ id: `${layout.id}-page`, children: [layout] });
+    else if (layout.type === 'list') {
+        const list = (0, list_1.listView)({
+            page,
+            node: layout,
+            form,
+            dataSource: options.dataSource,
+            doc,
+            el,
+            labels,
+            locale,
+            fill,
+            confirm,
+            withIcon,
+            uid,
+            icons: options.icons,
+            preferences,
+            onOpenRecord: options.onOpenRecord,
+        });
+        cleanups.push(list.destroy);
+        body = list.element;
+    }
     else
         body = sectionsLayout(layout);
     const head = layout.type === 'sheet' ? null : pageHead();
@@ -676,6 +698,8 @@ function mountViewer(host, options) {
     }
     root.addEventListener('submit', (event) => {
         event.preventDefault();
+        if (layout.type === 'list')
+            return;
         if (wizardForward)
             void wizardForward();
         else
@@ -702,7 +726,8 @@ function mountViewer(host, options) {
         return null;
     }
     root.addEventListener('keydown', (event) => {
-        if (event.isComposing || event.key !== 'Enter')
+        // A list has nothing to save, and its rows keep their own keys.
+        if (event.isComposing || event.key !== 'Enter' || layout.type === 'list')
             return;
         // An app's own content in a slot, such as a chatter's composer, keeps its keys.
         if (event.target.closest('.fd-slot'))