@formicoidea/labre-core 0.53.0 → 0.55.0

package/dist/_pkgs/data-view/core/common/property-menu.d.ts

@@ -2,7 +2,7 @@ import { type MenuConfig, type PopupTarget } from '../../../affine-components/co
 import { type Wording } from '../utils/wording.js';
 import type { Property } from '../view-manager/property.js';
 import type { SingleView } from '../view-manager/single-view.js';
-export declare const inputConfig: (property: Property) => (menu: import("../../../affine-components/context-menu/menu.js").Menu) => import("lit-html").TemplateResult<1> | undefined;
+export declare const inputConfig: (property: Property, wording?: Wording) => (menu: import("../../../affine-components/context-menu/menu.js").Menu) => import("lit-html").TemplateResult<1> | undefined;
 export declare const typeConfig: (property: Property, wording?: Wording) => (menu: import("../../../affine-components/context-menu/menu.js").Menu, index: number) => import("lit-html").TemplateResult | undefined;
 /** What a property menu's opener adds around the shared entries. */
 export type PropertyMenuSlots = {
@@ -28,8 +28,8 @@ export type PropertyMenuSlots = {
  * ponytail: "Number Format" stays a table slot (its bar is a table/pc
  * element, behind `enable_number_formatting`, off in Labre), so the
  * properties list does not offer it. Move the bar to core and the entry into
- * this list when the flag ships. The virtual and mobile table headers still
- * spell their own copy of these entries; point them here in a dedicated pass.
+ * this list when the flag ships. The virtual table header still spells its
+ * own copy of these entries; point it here in a dedicated pass.
  */
 export declare const propertyMenuItems: (property: Property, slots?: PropertyMenuSlots) => MenuConfig[];
 export declare const popPropertyMenu: (target: PopupTarget, property: Property, slots?: PropertyMenuSlots) => import("../../../affine-components/context-menu/menu-renderer.js").MenuHandler;

package/dist/_pkgs/data-view/core/common/property-menu.js

@@ -2,10 +2,10 @@ import { menu, popMenu, } from '../../../affine-components/context-menu/index.js
 import { TOOLBAR_DELETE, TOOLBAR_DUPLICATE, } from '../../../affine-shared/services/index.js';
 import { DeleteIcon, DuplicateIcon, ViewIcon } from '@blocksuite/icons/lit';
 import { html } from 'lit/static-html.js';
-import { DATA_VIEW_PROPERTY_HIDE_IN_VIEW, DATA_VIEW_PROPERTY_TYPE, } from '../../translations.js';
+import { DATA_VIEW_PROPERTY_HIDE_IN_VIEW, DATA_VIEW_PROPERTY_NAME, DATA_VIEW_PROPERTY_TYPE, DATA_VIEW_PROPERTY_TYPE_ENTRY, } from '../../translations.js';
 import { renderUniLit } from '../utils/uni-component/index.js';
 import { englishWording } from '../utils/wording.js';
-export const inputConfig = (property) => {
+export const inputConfig = (property, wording = englishWording) => {
     return menu.input({
         prefix: html `
       <div class="affine-database-column-type-menu-icon">
@@ -13,7 +13,7 @@ export const inputConfig = (property) => {
       </div>
     `,
         initialValue: property.name$.value,
-        placeholder: 'Property name',
+        placeholder: wording(DATA_VIEW_PROPERTY_NAME),
         // Persist on blur so the typed name survives the menu being dismissed by
         // a click outside, which never fires the completion path.
         onBlur: text => {
@@ -25,7 +25,7 @@ export const typeConfig = (property, wording = englishWording) => {
     return menu.group({
         items: [
             menu.subMenu({
-                name: 'Type',
+                name: wording(DATA_VIEW_PROPERTY_TYPE_ENTRY),
                 hide: () => !property.typeCanSet,
                 postfix: html ` <div
           class="affine-database-column-type-icon"
@@ -75,13 +75,13 @@ export const typeConfig = (property, wording = englishWording) => {
  * ponytail: "Number Format" stays a table slot (its bar is a table/pc
  * element, behind `enable_number_formatting`, off in Labre), so the
  * properties list does not offer it. Move the bar to core and the entry into
- * this list when the flag ships. The virtual and mobile table headers still
- * spell their own copy of these entries; point them here in a dedicated pass.
+ * this list when the flag ships. The virtual table header still spells its
+ * own copy of these entries; point it here in a dedicated pass.
  */
 export const propertyMenuItems = (property, slots = {}) => {
     const wording = slots.wording ?? englishWording;
     return [
-        inputConfig(property),
+        inputConfig(property, wording),
         typeConfig(property, wording),
         ...(slots.afterType ?? []),
         menu.group({

package/dist/_pkgs/data-view/core/component/overflow/overflow.js

@@ -136,7 +136,10 @@ let Overflow = (() => {
             const moreWidth = moreButton?.getBoundingClientRect().width;
             if (moreWidth !== undefined)
                 this.moreExtraWidth = moreWidth;
-            const widths = Array.from(this.items, item => item.getBoundingClientRect().width);
+            // The natural width: a host may let a drawn item give way (the views
+            // bar clips its pinned tab), and a shrunk width fed back here would make
+            // room that is not there, then take it back, pass after pass.
+            const widths = Array.from(this.items, item => item.scrollWidth);
             const drawn = fitOverflow({
                 widths,
                 container: this.getBoundingClientRect().width,

package/dist/_pkgs/data-view/core/group-by/renderer/base.d.ts

@@ -1,10 +1,13 @@
-import { ShadowlessElement } from '../../../../std/index.js';
+import { type BlockStdScope, ShadowlessElement } from '../../../../std/index.js';
 import type { Group } from '../trait.js';
 import type { GroupRenderProps } from '../types.js';
 declare const BaseGroup_base: typeof ShadowlessElement & import("../../../../global/utils/types.js").Constructor<import("../../../../global/lit/with-disposable.js").DisposableClass>;
 export declare class BaseGroup<JsonValue, Data extends Record<string, unknown>> extends BaseGroup_base implements GroupRenderProps<JsonValue, Data> {
     accessor group: Group<unknown, JsonValue, Data>;
     accessor readonly: boolean;
+    /** Absent outside an editor host: the wordings read English. */
+    accessor std: BlockStdScope;
+    get ungrouped(): string;
     updateData(data: Data): void;
     updateValue(value: JsonValue): void;
     get value(): JsonValue;

package/dist/_pkgs/data-view/core/group-by/renderer/base.js

@@ -33,8 +33,11 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
     return useValue ? value : void 0;
 };
 import { SignalWatcher, WithDisposable } from '../../../../global/lit/index.js';
-import { ShadowlessElement } from '../../../../std/index.js';
+import { ShadowlessElement, stdContext } from '../../../../std/index.js';
+import { consume } from '@lit/context';
 import { property } from 'lit/decorators.js';
+import { DATA_VIEW_UNGROUPED } from '../../../translations.js';
+import { wordingOf } from '../../utils/wording.js';
 let BaseGroup = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _group_decorators;
@@ -43,13 +46,18 @@ let BaseGroup = (() => {
     let _readonly_decorators;
     let _readonly_initializers = [];
     let _readonly_extraInitializers = [];
+    let _std_decorators;
+    let _std_initializers = [];
+    let _std_extraInitializers = [];
     return class BaseGroup extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _group_decorators = [property({ attribute: false })];
             _readonly_decorators = [property({ attribute: false })];
+            _std_decorators = [consume({ context: stdContext })];
             __esDecorate(this, null, _group_decorators, { kind: "accessor", name: "group", static: false, private: false, access: { has: obj => "group" in obj, get: obj => obj.group, set: (obj, value) => { obj.group = value; } }, metadata: _metadata }, _group_initializers, _group_extraInitializers);
             __esDecorate(this, null, _readonly_decorators, { kind: "accessor", name: "readonly", static: false, private: false, access: { has: obj => "readonly" in obj, get: obj => obj.readonly, set: (obj, value) => { obj.readonly = value; } }, metadata: _metadata }, _readonly_initializers, _readonly_extraInitializers);
+            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         #group_accessor_storage = __runInitializers(this, _group_initializers, void 0);
@@ -58,6 +66,13 @@ let BaseGroup = (() => {
         #readonly_accessor_storage = (__runInitializers(this, _group_extraInitializers), __runInitializers(this, _readonly_initializers, void 0));
         get readonly() { return this.#readonly_accessor_storage; }
         set readonly(value) { this.#readonly_accessor_storage = value; }
+        #std_accessor_storage = (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _std_initializers, void 0));
+        /** Absent outside an editor host: the wordings read English. */
+        get std() { return this.#std_accessor_storage; }
+        set std(value) { this.#std_accessor_storage = value; }
+        get ungrouped() {
+            return wordingOf(this.std)(DATA_VIEW_UNGROUPED);
+        }
         updateData(data) {
             this.group.manager.updateData(data);
         }
@@ -75,7 +90,7 @@ let BaseGroup = (() => {
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _readonly_extraInitializers);
+            __runInitializers(this, _std_extraInitializers);
         }
     };
 })();

package/dist/_pkgs/data-view/core/group-by/renderer/number-group.js

@@ -40,7 +40,7 @@ export class NumberGroupView extends BaseGroup {
   `; }
     render() {
         if (this.value == null) {
-            return html ` <div>Ungroups</div>`;
+            return html ` <div>${this.ungrouped}</div>`;
         }
         if (this.value >= 10) {
             return html ` <div

package/dist/_pkgs/data-view/core/group-by/renderer/select-group.d.ts

@@ -1,4 +1,3 @@
-import { type BlockStdScope } from '../../../../std/index.js';
 import type { SelectTag } from '../../logical/index.js';
 import { BaseGroup } from './base.js';
 export declare class SelectGroupView extends BaseGroup<string, {
@@ -6,8 +5,6 @@ export declare class SelectGroupView extends BaseGroup<string, {
 }> {
     static styles: import("lit").CSSResult;
     private readonly _click;
-    /** Absent outside an editor host: the colour names read English. */
-    accessor std: BlockStdScope;
     get tag(): {
         id: string;
         value: string;

package/dist/_pkgs/data-view/core/group-by/renderer/select-group.js

@@ -1,59 +1,41 @@
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
 import { menu, popMenu, popupTargetFromElement, } from '../../../../affine-components/context-menu/index.js';
-import { stdContext } from '../../../../std/index.js';
-import { consume } from '@lit/context';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { selectOptionColorGrid } from '../../component/tags/color-menu.js';
 import { wordingOf } from '../../utils/wording.js';
 import { BaseGroup } from './base.js';
-let SelectGroupView = (() => {
-    let _classSuper = BaseGroup;
-    let _std_decorators;
-    let _std_initializers = [];
-    let _std_extraInitializers = [];
-    return class SelectGroupView extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _std_decorators = [consume({ context: stdContext })];
-            __esDecorate(this, null, _std_decorators, { kind: "accessor", name: "std", static: false, private: false, access: { has: obj => "std" in obj, get: obj => obj.std, set: (obj, value) => { obj.std = value; } }, metadata: _metadata }, _std_initializers, _std_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static { this.styles = css `
+export class SelectGroupView extends BaseGroup {
+    constructor() {
+        super(...arguments);
+        this._click = (e) => {
+            if (this.readonly) {
+                return;
+            }
+            e.stopPropagation();
+            popMenu(popupTargetFromElement(this), {
+                options: {
+                    items: [
+                        menu.input({
+                            initialValue: this.tag?.value ?? '',
+                            onChange: text => {
+                                this.updateTag({ value: text });
+                            },
+                        }),
+                        ...selectOptionColorGrid({
+                            current: this.tag?.color,
+                            say: wordingOf(this.std),
+                            std: this.std,
+                            select: color => {
+                                this.updateTag({ color });
+                            },
+                        }),
+                    ],
+                },
+            });
+        };
+    }
+    static { this.styles = css `
     data-view-group-title-select-view {
       overflow: hidden;
     }
@@ -77,78 +59,41 @@ let SelectGroupView = (() => {
       white-space: nowrap;
     }
   `; }
-        #std_accessor_storage;
-        /** Absent outside an editor host: the colour names read English. */
-        get std() { return this.#std_accessor_storage; }
-        set std(value) { this.#std_accessor_storage = value; }
-        get tag() {
-            return this.data.options?.find(v => v.id === this.value);
-        }
-        render() {
-            const tag = this.tag;
-            if (!tag) {
-                return html ` <div
+    get tag() {
+        return this.data.options?.find(v => v.id === this.value);
+    }
+    render() {
+        const tag = this.tag;
+        if (!tag) {
+            return html ` <div
         style="font-size: 14px;color: var(--affine-text-primary-color);line-height: 22px;"
       >
-        Ungroups
+        ${this.ungrouped}
       </div>`;
-            }
-            const style = styleMap({
-                backgroundColor: tag.color,
-            });
-            const classList = classMap({
-                'data-view-group-title-select-view': true,
-                readonly: this.readonly,
-            });
-            return html ` <div @click="${this._click}" class="${classList}">
+        }
+        const style = styleMap({
+            backgroundColor: tag.color,
+        });
+        const classList = classMap({
+            'data-view-group-title-select-view': true,
+            readonly: this.readonly,
+        });
+        return html ` <div @click="${this._click}" class="${classList}">
       <div class="tag" style="${style}">${tag.value}</div>
     </div>`;
-        }
-        updateTag(tag) {
-            this.updateData?.({
-                ...this.data,
-                options: this.data.options.map(v => {
-                    if (v.id === this.value) {
-                        return {
-                            ...v,
-                            ...tag,
-                        };
-                    }
-                    return v;
-                }),
-            });
-        }
-        constructor() {
-            super(...arguments);
-            this._click = (e) => {
-                if (this.readonly) {
-                    return;
+    }
+    updateTag(tag) {
+        this.updateData?.({
+            ...this.data,
+            options: this.data.options.map(v => {
+                if (v.id === this.value) {
+                    return {
+                        ...v,
+                        ...tag,
+                    };
                 }
-                e.stopPropagation();
-                popMenu(popupTargetFromElement(this), {
-                    options: {
-                        items: [
-                            menu.input({
-                                initialValue: this.tag?.value ?? '',
-                                onChange: text => {
-                                    this.updateTag({ value: text });
-                                },
-                            }),
-                            ...selectOptionColorGrid({
-                                current: this.tag?.color,
-                                say: wordingOf(this.std),
-                                std: this.std,
-                                select: color => {
-                                    this.updateTag({ color });
-                                },
-                            }),
-                        ],
-                    },
-                });
-            };
-            this.#std_accessor_storage = __runInitializers(this, _std_initializers, void 0);
-            __runInitializers(this, _std_extraInitializers);
-        }
-    };
-})();
-export { SelectGroupView };
+                return v;
+            }),
+        });
+    }
+}

package/dist/_pkgs/data-view/core/group-by/renderer/string-group.js

@@ -36,7 +36,7 @@ export class StringGroupView extends BaseGroup {
   `; }
     render() {
         if (!this.value) {
-            return html ` <div>Ungroups</div>`;
+            return html ` <div>${this.ungrouped}</div>`;
         }
         return html ` <div
       @click="${this._click}"

package/dist/_pkgs/data-view/core/group-by/setting.js

@@ -91,7 +91,7 @@ let GroupSetting = (() => {
       width: 4px;
       height: 12px;
       border-radius: 1px;
-      background-color: #efeff0;
+      background-color: var(--affine-border-color);
       position: absolute;
       left: 4px;
       top: 0;
@@ -100,7 +100,7 @@ let GroupSetting = (() => {
     }
 
     .group-item:hover .group-item-drag-bar {
-      background-color: #c0bfc1;
+      background-color: var(--affine-placeholder-color);
     }
 
     .group-item-visibility {

package/dist/_pkgs/data-view/core/utils/wording.d.ts

@@ -1,6 +1,10 @@
-import { type ChromeWording } from '../../../affine-shared/services/index.js';
+import { type ChromeWording, type TranslationParams } from '../../../affine-shared/services/index.js';
 import type { BlockStdScope } from '../../../std/index.js';
-export type Wording = (wording: ChromeWording) => string;
+/**
+ * `params` fills `{{name}}` placeholders; the host pluralises on `count`, the
+ * English fallback stays neutral.
+ */
+export type Wording = (wording: ChromeWording, params?: TranslationParams) => string;
 /**
  * Resolve the data-view's wordings through the translation seam when an
  * editor is there (`stdContext`), in English otherwise (a unit test, a

package/dist/_pkgs/data-view/core/utils/wording.js

@@ -1,9 +1,11 @@
-import { translateKey, } from '../../../affine-shared/services/index.js';
+import { fillPlaceholders, translateKey, } from '../../../affine-shared/services/index.js';
 /**
  * Resolve the data-view's wordings through the translation seam when an
  * editor is there (`stdContext`), in English otherwise (a unit test, a
  * standalone mount). A popup renders outside the host, so its opener
  * resolves the words and hands this function down.
  */
-export const wordingOf = (std) => ([key, fallback]) => std ? translateKey(std, key, fallback) : fallback;
-export const englishWording = ([, fallback]) => fallback;
+export const wordingOf = (std) => ([key, fallback], params) => std
+    ? translateKey(std, key, fallback, params)
+    : fillPlaceholders(fallback, params);
+export const englishWording = ([, fallback], params) => fillPlaceholders(fallback, params);

package/dist/_pkgs/data-view/core/view/default-name.d.ts

@@ -1,4 +1,5 @@
 import type { BlockStdScope } from '../../../std/index.js';
+import type { Wording } from '../utils/wording.js';
 import type { DataViewModel } from './data-view.js';
 /**
  * The name a view created now is given: the preset's `defaultNameKey`
@@ -8,3 +9,8 @@ import type { DataViewModel } from './data-view.js';
  * and the preset's seed never changes (ADR 0023). Never call it on load.
  */
 export declare function viewDefaultName(meta: Pick<DataViewModel, 'model'>, std: BlockStdScope | undefined): string;
+/**
+ * A preset's name as a menu shows it (the view settings' "Layout"), through
+ * the opener's words; the English `defaultName` without a key.
+ */
+export declare function viewPresetName(meta: Pick<DataViewModel, 'model'>, wording: Wording): string;

package/dist/_pkgs/data-view/core/view/default-name.js

@@ -12,3 +12,11 @@ export function viewDefaultName(meta, std) {
         return defaultName;
     return translateKey(std, defaultNameKey, defaultName);
 }
+/**
+ * A preset's name as a menu shows it (the view settings' "Layout"), through
+ * the opener's words; the English `defaultName` without a key.
+ */
+export function viewPresetName(meta, wording) {
+    const { defaultName, defaultNameKey } = meta.model;
+    return defaultNameKey ? wording([defaultNameKey, defaultName]) : defaultName;
+}

package/dist/_pkgs/data-view/translations.d.ts

@@ -85,5 +85,50 @@ export declare const DATA_VIEW_PROPERTY_HIDE_IN_VIEW: ChromeWording;
  * property's menu.
  */
 export declare const DATA_VIEW_PROPERTY_TYPE: ChromeWording;
+/** The toolbar button and a group's footer row that add a row. */
+export declare const DATA_VIEW_NEW_RECORD: ChromeWording;
+/**
+ * The title of the group holding the rows with no value. Display only: the
+ * stored group key stays `'Ungroups'` (`core/group-by/define.ts`).
+ */
+export declare const DATA_VIEW_UNGROUPED: ChromeWording;
+/** The filter bar's button, and the filter group panel's. */
+export declare const DATA_VIEW_ADD_FILTER: ChromeWording;
+export declare const DATA_VIEW_SEARCH_PLACEHOLDER: ChromeWording;
+/** Read after an "Esc" key cap in the search box's clear tooltip. */
+export declare const DATA_VIEW_SEARCH_CLEAR_HINT: ChromeWording;
+/** The title of the view's settings (its "..." button). */
+export declare const DATA_VIEW_VIEW_SETTINGS: ChromeWording;
+/**
+ * The view settings' entries. "Layout" and "Group" are the full page's
+ * "This view" entries for the same settings (`VIEW_MENU_LAYOUT`,
+ * `VIEW_MENU_GROUP` in `@labre/core-database`): one chrome word, one key,
+ * declared here because core draws them too.
+ */
+export declare const DATA_VIEW_LAYOUT: ChromeWording;
+export declare const DATA_VIEW_GROUP: ChromeWording;
+/**
+ * The selection pane's "Filter" (`@labre/affine-widget-edgeless-toolbar`):
+ * one chrome word, one key, declared there, so not listed below.
+ */
+export declare const DATA_VIEW_FILTER: ChromeWording;
+export declare const DATA_VIEW_SORT: ChromeWording;
+/** Beside "Properties": how many the view shows (`count`). */
+export declare const DATA_VIEW_PROPERTIES_SHOWN: ChromeWording;
+/** Beside "Filter" and "Sort": how many the view has (`count`, 1 or more). */
+export declare const DATA_VIEW_FILTER_COUNT: ChromeWording;
+export declare const DATA_VIEW_SORT_COUNT: ChromeWording;
+/** The title of a property's menu on a phone (its column header). */
+export declare const DATA_VIEW_PROPERTY_SETTINGS: ChromeWording;
+/** A property's menu: the name field's placeholder. */
+export declare const DATA_VIEW_PROPERTY_NAME: ChromeWording;
+/** A property's menu: the entry opening the type picker. */
+export declare const DATA_VIEW_PROPERTY_TYPE_ENTRY: ChromeWording;
+/**
+ * The table header's menu: a new property beside this one. Its "Move left"
+ * and "Move right" are the views bar's (`VIEWS_BAR_MOVE_LEFT`, `…_RIGHT`).
+ */
+export declare const DATA_VIEW_INSERT_LEFT: ChromeWording;
+export declare const DATA_VIEW_INSERT_RIGHT: ChromeWording;
 /** Walked by `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`. */
 export declare const DATA_VIEW_WORDINGS: readonly ChromeWording[];

package/dist/_pkgs/data-view/translations.js

@@ -218,11 +218,117 @@ export const DATA_VIEW_PROPERTY_TYPE = [
     'com.labre.data-view.property.type',
     'Property type',
 ];
+/* ── The table's chrome on every device (P7, mobile base views) ──────── */
+/** The toolbar button and a group's footer row that add a row. */
+export const DATA_VIEW_NEW_RECORD = [
+    'com.labre.data-view.new-record',
+    'New Record',
+];
+/**
+ * The title of the group holding the rows with no value. Display only: the
+ * stored group key stays `'Ungroups'` (`core/group-by/define.ts`).
+ */
+export const DATA_VIEW_UNGROUPED = [
+    'com.labre.data-view.group.ungrouped',
+    'Ungroups',
+];
+/** The filter bar's button, and the filter group panel's. */
+export const DATA_VIEW_ADD_FILTER = [
+    'com.labre.data-view.filter.add',
+    'Add filter',
+];
+export const DATA_VIEW_SEARCH_PLACEHOLDER = [
+    'com.labre.data-view.search.placeholder',
+    'Search...',
+];
+/** Read after an "Esc" key cap in the search box's clear tooltip. */
+export const DATA_VIEW_SEARCH_CLEAR_HINT = [
+    'com.labre.data-view.search.clear-hint',
+    'to clear all',
+];
+/* ── The view settings and a property's settings (P7, phone sheets) ──── */
+/** The title of the view's settings (its "..." button). */
+export const DATA_VIEW_VIEW_SETTINGS = [
+    'com.labre.data-view.view-settings',
+    'View settings',
+];
+/**
+ * The view settings' entries. "Layout" and "Group" are the full page's
+ * "This view" entries for the same settings (`VIEW_MENU_LAYOUT`,
+ * `VIEW_MENU_GROUP` in `@labre/core-database`): one chrome word, one key,
+ * declared here because core draws them too.
+ */
+export const DATA_VIEW_LAYOUT = [
+    'com.labre.database.view-menu.layout',
+    'Layout',
+];
+export const DATA_VIEW_GROUP = [
+    'com.labre.database.view-menu.group',
+    'Group',
+];
+/**
+ * The selection pane's "Filter" (`@labre/affine-widget-edgeless-toolbar`):
+ * one chrome word, one key, declared there, so not listed below.
+ */
+export const DATA_VIEW_FILTER = [
+    'com.labre.selection-pane.filter',
+    'Filter',
+];
+export const DATA_VIEW_SORT = [
+    'com.labre.data-view.sort',
+    'Sort',
+];
+/** Beside "Properties": how many the view shows (`count`). */
+export const DATA_VIEW_PROPERTIES_SHOWN = [
+    'com.labre.data-view.properties.shown',
+    '{{count}} shown',
+];
+/** Beside "Filter" and "Sort": how many the view has (`count`, 1 or more). */
+export const DATA_VIEW_FILTER_COUNT = [
+    'com.labre.data-view.filter.count',
+    '{{count}} filter(s)',
+];
+export const DATA_VIEW_SORT_COUNT = [
+    'com.labre.data-view.sort.count',
+    '{{count}} sort(s)',
+];
+/** The title of a property's menu on a phone (its column header). */
+export const DATA_VIEW_PROPERTY_SETTINGS = [
+    'com.labre.data-view.property.settings',
+    'Property settings',
+];
+/** A property's menu: the name field's placeholder. */
+export const DATA_VIEW_PROPERTY_NAME = [
+    'com.labre.data-view.property.name',
+    'Property name',
+];
+/** A property's menu: the entry opening the type picker. */
+export const DATA_VIEW_PROPERTY_TYPE_ENTRY = [
+    'com.labre.data-view.property.type-entry',
+    'Type',
+];
+/**
+ * The table header's menu: a new property beside this one. Its "Move left"
+ * and "Move right" are the views bar's (`VIEWS_BAR_MOVE_LEFT`, `…_RIGHT`).
+ */
+export const DATA_VIEW_INSERT_LEFT = [
+    'com.labre.data-view.property.insert-left',
+    'Insert left column',
+];
+export const DATA_VIEW_INSERT_RIGHT = [
+    'com.labre.data-view.property.insert-right',
+    'Insert right column',
+];
 /** Walked by `PACKAGE_WORDINGS` in `packages/affine/all/src/translations.ts`. */
 export const DATA_VIEW_WORDINGS = [
     VIEW_SHOWN_AS_TABLE,
     VIEW_DUPLICATE_AS_TABLE,
     DATA_VIEW_NEW_PAGE,
+    DATA_VIEW_NEW_RECORD,
+    DATA_VIEW_UNGROUPED,
+    DATA_VIEW_ADD_FILTER,
+    DATA_VIEW_SEARCH_PLACEHOLDER,
+    DATA_VIEW_SEARCH_CLEAR_HINT,
     VIEW_NAME_TABLE,
     VIEW_NAME_KANBAN,
     VIEW_NAME_CALENDAR,
@@ -258,4 +364,16 @@ export const DATA_VIEW_WORDINGS = [
     DATA_VIEW_NEW_PROPERTY,
     DATA_VIEW_PROPERTY_TYPE,
     DATA_VIEW_PROPERTY_HIDE_IN_VIEW,
+    DATA_VIEW_VIEW_SETTINGS,
+    DATA_VIEW_LAYOUT,
+    DATA_VIEW_GROUP,
+    DATA_VIEW_SORT,
+    DATA_VIEW_PROPERTIES_SHOWN,
+    DATA_VIEW_FILTER_COUNT,
+    DATA_VIEW_SORT_COUNT,
+    DATA_VIEW_PROPERTY_SETTINGS,
+    DATA_VIEW_PROPERTY_NAME,
+    DATA_VIEW_PROPERTY_TYPE_ENTRY,
+    DATA_VIEW_INSERT_LEFT,
+    DATA_VIEW_INSERT_RIGHT,
 ];