@formicoidea/labre-core 1.1.0 → 2.1.0

package/dist/_pkgs/affine-database-engine/core/group-by/group-title.js

@@ -92,9 +92,14 @@ const GroupTitleMobile = (groupData, ops) => {
     ${ops.readonly
         ? nothing
         : html ` <div class="group-header-ops">
-          <div @click="${ops.clickAdd}" class="group-header-op add-card">
-            ${PlusIcon()}
-          </div>
+          ${groupData.property.view.rowsLocked$.value
+            ? nothing
+            : html `<div
+                @click="${ops.clickAdd}"
+                class="group-header-op add-card"
+              >
+                ${PlusIcon()}
+              </div>`}
           <div @click="${ops.clickOps}" class="group-header-op">
             ${MoreHorizontalIcon()}
           </div>
@@ -199,9 +204,14 @@ export const GroupTitle = (groupData, ops) => {
     ${ops.readonly
         ? nothing
         : html ` <div class="group-header-ops">
-          <div @click="${ops.clickAdd}" class="group-header-op add-card">
-            ${PlusIcon()}
-          </div>
+          ${groupData.property.view.rowsLocked$.value
+            ? nothing
+            : html `<div
+                @click="${ops.clickAdd}"
+                class="group-header-op add-card"
+              >
+                ${PlusIcon()}
+              </div>`}
           <div @click="${ops.clickOps}" class="group-header-op">
             ${MoreHorizontalIcon()}
           </div>

package/dist/_pkgs/affine-database-engine/core/group-by/locate-row.d.ts

@@ -0,0 +1,16 @@
+import type { Row } from '../view-manager/row.js';
+import type { GroupTrait } from './trait.js';
+/** Where a view draws a row: its group (`undefined` ungrouped), its index. */
+export type RowLocation = {
+    groupKey: string | undefined;
+    rowIndex: number;
+    rowId: string;
+};
+/**
+ * Where `rowId` is drawn, in the coordinates a table or a kanban selection
+ * names: the visible group holding it and its index there. `undefined` when
+ * no unfolded group draws it (filtered out, or in a hidden or folded group).
+ */
+export declare function locateRow(groupTrait: GroupTrait, rows: readonly Row[], rowId: string): RowLocation | undefined;
+/** The first row a view draws, top of its first unfolded group. */
+export declare function firstDrawnRow(groupTrait: GroupTrait, rows: readonly Row[]): RowLocation | undefined;

package/dist/_pkgs/affine-database-engine/core/group-by/locate-row.js

@@ -0,0 +1,32 @@
+/**
+ * The visible, unfolded groups of a view in drawing order, or the view's own
+ * rows as one keyless group when it is not grouped.
+ */
+function drawnGroups(groupTrait, rows) {
+    const groups = groupTrait.visibleGroups$.peek();
+    if (!groups)
+        return [{ key: undefined, rows }];
+    return groups.filter(group => !groupTrait.collapsed$(group.key).peek());
+}
+/**
+ * Where `rowId` is drawn, in the coordinates a table or a kanban selection
+ * names: the visible group holding it and its index there. `undefined` when
+ * no unfolded group draws it (filtered out, or in a hidden or folded group).
+ */
+export function locateRow(groupTrait, rows, rowId) {
+    for (const group of drawnGroups(groupTrait, rows)) {
+        const rowIndex = group.rows.findIndex(row => row.rowId === rowId);
+        if (rowIndex >= 0)
+            return { groupKey: group.key, rowIndex, rowId };
+    }
+    return undefined;
+}
+/** The first row a view draws, top of its first unfolded group. */
+export function firstDrawnRow(groupTrait, rows) {
+    for (const group of drawnGroups(groupTrait, rows)) {
+        const first = group.rows[0];
+        if (first)
+            return { groupKey: group.key, rowIndex: 0, rowId: first.rowId };
+    }
+    return undefined;
+}

package/dist/_pkgs/affine-database-engine/core/group-by/renderer/date-group.js

@@ -36,6 +36,8 @@ import { SignalWatcher, WithDisposable } from '../../../../global/lit/index.js';
 import { ShadowlessElement } from '../../../../std/index.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
+import { DATA_VIEW_GROUP_NO_VALUE, DATA_VIEW_UNGROUPED, } from '../../../translations.js';
+import { wordingFrom } from '../../utils/wording.js';
 let DateGroupView = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _group_decorators;
@@ -78,12 +80,17 @@ let DateGroupView = (() => {
         get group() { return this.#group_accessor_storage; }
         set group(value) { this.#group_accessor_storage = value; }
         render() {
-            const name = this.group.name$.value;
+            const wording = wordingFrom(this);
+            // Read for its signal: a date group renames itself when the day turns.
+            this.group.name$.value;
+            const name = this.group.nameIn(wording);
             // Use contextual name based on the property when value is null
             const displayName = name ||
                 (this.group.value === null
-                    ? `No ${this.group.property.name$.value}`
-                    : 'Ungroups');
+                    ? wording(DATA_VIEW_GROUP_NO_VALUE, {
+                        name: this.group.property.name$.value,
+                    })
+                    : wording(DATA_VIEW_UNGROUPED));
             return html `<div class="dv-date-group">
       <span>${displayName}</span>
     </div>`;

package/dist/_pkgs/affine-database-engine/core/group-by/setting.d.ts

@@ -23,6 +23,8 @@ export declare const selectGroupByProperty: (group: GroupTrait, ops?: {
     onSelect?: (id?: string) => void;
     onClose?: () => void;
     onBack?: () => void;
+    /** The opener's words; English without it. */
+    wording?: Wording;
 }) => MenuOptions;
 export declare const popSelectGroupByProperty: (target: PopupTarget, group: GroupTrait, ops?: {
     onSelect?: () => void;

package/dist/_pkgs/affine-database-engine/core/group-by/setting.js

@@ -40,16 +40,17 @@ import { computed } from '@preact/signals-core';
 import { css, html, nothing, unsafeCSS } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
-import { DATA_VIEW_GROUP_HIDE, DATA_VIEW_GROUP_SHOW, } from '../../translations.js';
+import { DATA_VIEW_GROUP_HIDE, DATA_VIEW_GROUP_SHOW, DATA_VIEW_GROUP, DATA_VIEW_GROUP_BY, DATA_VIEW_GROUP_REMOVE, DATA_VIEW_GROUP_DATES_BY, DATA_VIEW_GROUP_ORDER, DATA_VIEW_GROUP_OLDEST_FIRST, DATA_VIEW_GROUP_NEWEST_FIRST, DATA_VIEW_GROUP_DATE_RELATIVE, DATA_VIEW_GROUP_DATE_DAY, DATA_VIEW_GROUP_DATE_WEEK_MON, DATA_VIEW_GROUP_DATE_WEEK_SUN, DATA_VIEW_GROUP_DATE_MONTH, DATA_VIEW_GROUP_DATE_YEAR, DATA_VIEW_GROUPS, } from '../../translations.js';
 import { KanbanSingleView } from '../../view-presets/kanban/kanban-view-manager.js';
 import { dataViewCssVariable } from '../common/css-variable.js';
 import { renderUniLit } from '../utils/uni-component/uni-component.js';
-import { englishWording } from '../utils/wording.js';
+import { englishWording, wordingFrom } from '../utils/wording.js';
 import { dragHandler } from '../utils/wc-dnd/dnd-context.js';
 import { defaultActivators } from '../utils/wc-dnd/sensors/index.js';
 import { createSortContext, sortable, } from '../utils/wc-dnd/sort/sort-context.js';
 import { verticalListSortingStrategy } from '../utils/wc-dnd/sort/strategies/index.js';
 import { getGroupByService } from './matcher.js';
+import {} from '../../../affine-shared/services/index.js';
 let GroupSetting = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _groupTrait_decorators;
@@ -185,7 +186,7 @@ let GroupSetting = (() => {
         <div
           style="padding: 0 4px; font-size: 12px;color: var(--affine-text-secondary-color);line-height: 20px;"
         >
-          Groups
+          ${this.wording(DATA_VIEW_GROUPS)}
         </div>
         <div></div>
       </div>
@@ -276,28 +277,31 @@ export { GroupSetting };
  * them. Keys match the group-by config names registered in `define.ts`.
  */
 const dateGroupModes = [
-    { name: 'date-relative', label: 'Relative' },
-    { name: 'date-day', label: 'Day' },
-    { name: 'date-week-mon', label: 'Week (starts Monday)' },
-    { name: 'date-week-sun', label: 'Week (starts Sunday)' },
-    { name: 'date-month', label: 'Month' },
-    { name: 'date-year', label: 'Year' },
+    { name: 'date-relative', label: DATA_VIEW_GROUP_DATE_RELATIVE },
+    { name: 'date-day', label: DATA_VIEW_GROUP_DATE_DAY },
+    { name: 'date-week-mon', label: DATA_VIEW_GROUP_DATE_WEEK_MON },
+    { name: 'date-week-sun', label: DATA_VIEW_GROUP_DATE_WEEK_SUN },
+    { name: 'date-month', label: DATA_VIEW_GROUP_DATE_MONTH },
+    { name: 'date-year', label: DATA_VIEW_GROUP_DATE_YEAR },
 ];
-const dateGroupModeLabel = (name) => dateGroupModes.find(mode => mode.name === name)?.label ?? '';
-const dateGroupSettingItems = (group, reopen) => [
+const dateGroupModeLabel = (wording, name) => {
+    const mode = dateGroupModes.find(mode => mode.name === name);
+    return mode ? wording(mode.label) : '';
+};
+const dateGroupSettingItems = (group, reopen, wording) => [
     menu.subMenu({
-        name: 'Group dates by',
+        name: wording(DATA_VIEW_GROUP_DATES_BY),
         postfix: html `
       <div
         style="font-size: 12px;line-height: 20px;color: var(--affine-text-secondary-color);margin-right: 4px;margin-left: 8px;"
       >
-        ${dateGroupModeLabel(group.groupInfo$.value?.config.name)}
+        ${dateGroupModeLabel(wording, group.groupInfo$.value?.config.name)}
       </div>
     `,
         options: {
-            title: { text: 'Group dates by' },
+            title: { text: wording(DATA_VIEW_GROUP_DATES_BY) },
             items: dateGroupModes.map(mode => menu.action({
-                name: mode.label,
+                name: wording(mode.label),
                 isSelected: group.groupInfo$.value?.config.name === mode.name,
                 select: () => {
                     group.changeGroupMode(mode.name);
@@ -307,19 +311,21 @@ const dateGroupSettingItems = (group, reopen) => [
         },
     }),
     menu.subMenu({
-        name: 'Order',
+        name: wording(DATA_VIEW_GROUP_ORDER),
         postfix: html `
       <div
         style="font-size: 12px;line-height: 20px;color: var(--affine-text-secondary-color);margin-right: 4px;margin-left: 8px;"
       >
-        ${group.sortAsc$.value ? 'Oldest first' : 'Newest first'}
+        ${wording(group.sortAsc$.value
+            ? DATA_VIEW_GROUP_OLDEST_FIRST
+            : DATA_VIEW_GROUP_NEWEST_FIRST)}
       </div>
     `,
         options: {
-            title: { text: 'Order' },
+            title: { text: wording(DATA_VIEW_GROUP_ORDER) },
             items: [
                 menu.action({
-                    name: 'Oldest first',
+                    name: wording(DATA_VIEW_GROUP_OLDEST_FIRST),
                     isSelected: group.sortAsc$.value,
                     select: () => {
                         group.setDateSortOrder(true);
@@ -327,7 +333,7 @@ const dateGroupSettingItems = (group, reopen) => [
                     },
                 }),
                 menu.action({
-                    name: 'Newest first',
+                    name: wording(DATA_VIEW_GROUP_NEWEST_FIRST),
                     isSelected: !group.sortAsc$.value,
                     select: () => {
                         group.setDateSortOrder(false);
@@ -340,10 +346,11 @@ const dateGroupSettingItems = (group, reopen) => [
 ];
 export const selectGroupByProperty = (group, ops) => {
     const view = group.view;
+    const wording = ops?.wording ?? englishWording;
     return {
         onClose: ops?.onClose,
         title: {
-            text: 'Group by',
+            text: wording(DATA_VIEW_GROUP_BY),
             onBack: ops?.onBack,
         },
         items: [
@@ -378,7 +385,7 @@ export const selectGroupByProperty = (group, ops) => {
                         prefix: DeleteIcon(),
                         hide: () => view instanceof KanbanSingleView || group.property$.value == null,
                         class: { 'delete-item': true },
-                        name: 'Remove Grouping',
+                        name: wording(DATA_VIEW_GROUP_REMOVE),
                         select: () => {
                             group.changeGroup(undefined);
                             ops?.onSelect?.();
@@ -391,7 +398,10 @@ export const selectGroupByProperty = (group, ops) => {
 };
 export const popSelectGroupByProperty = (target, group, ops) => {
     popMenu(target, {
-        options: selectGroupByProperty(group, ops),
+        options: selectGroupByProperty(group, {
+            ...ops,
+            wording: wordingFrom(target.element),
+        }),
     });
 };
 export const popGroupSetting = (target, group, onBack, wording) => {
@@ -405,17 +415,18 @@ export const popGroupSetting = (target, group, onBack, wording) => {
         return;
     }
     const icon = groupProperty.icon;
+    const say = wording ?? englishWording;
     const menuHandler = popMenu(target, {
         options: {
             title: {
-                text: 'Group',
+                text: say(DATA_VIEW_GROUP),
                 onBack: onBack,
             },
             items: [
                 menu.group({
                     items: [
                         menu.subMenu({
-                            name: 'Group By',
+                            name: say(DATA_VIEW_GROUP_BY),
                             postfix: html `
                 <div
                   style="display:flex;align-items:center;gap: 4px;font-size: 12px;line-height: 20px;color: var(--affine-text-secondary-color);margin-right: 4px;margin-left: 8px;"
@@ -426,10 +437,11 @@ export const popGroupSetting = (target, group, onBack, wording) => {
               `,
                             label: () => html `
                 <div style="color: var(--affine-text-secondary-color);">
-                  Group By
+                  ${say(DATA_VIEW_GROUP_BY)}
                 </div>
               `,
                             options: selectGroupByProperty(group, {
+                                wording: say,
                                 onSelect: () => {
                                     menuHandler.close();
                                     popGroupSetting(target, group, onBack, wording);
@@ -443,7 +455,7 @@ export const popGroupSetting = (target, group, onBack, wording) => {
                         ? dateGroupSettingItems(group, () => {
                             menuHandler.close();
                             popGroupSetting(target, group, onBack, wording);
-                        })
+                        }, say)
                         : [],
                 }),
                 menu.group({
@@ -463,7 +475,7 @@ export const popGroupSetting = (target, group, onBack, wording) => {
                 menu.group({
                     items: [
                         menu.action({
-                            name: 'Remove grouping',
+                            name: say(DATA_VIEW_GROUP_REMOVE),
                             prefix: DeleteIcon(),
                             class: { 'delete-item': true },
                             // Every layout but the kanban, which is a grouping (B8).

package/dist/_pkgs/affine-database-engine/core/group-by/trait.d.ts

@@ -6,6 +6,7 @@ import type { Property } from '../view-manager/property.js';
 import type { Row } from '../view-manager/row.js';
 import type { SingleView } from '../view-manager/single-view.js';
 import type { GroupByConfig } from './types.js';
+import { type Wording } from '../utils/wording.js';
 export type GroupInfo<RawValue = unknown, JsonValue = unknown, Data extends Record<string, unknown> = Record<string, unknown>> = {
     config: GroupByConfig;
     property: Property<RawValue, JsonValue, Data>;
@@ -20,6 +21,8 @@ export declare class Group<RawValue = unknown, JsonValue = unknown, Data extends
     constructor(key: string, value: JsonValue, groupInfo: GroupInfo<RawValue, JsonValue, Data>, manager: GroupTrait);
     get property(): Property<RawValue, JsonValue, Data>;
     name$: ReadonlySignal<string>;
+    /** {@link name$} in the words `wording` resolves (a date group's "Today"). */
+    nameIn(wording: Wording): string;
     private get config();
     get tType(): TypeInstance;
     get view(): import("../../../affine-shared/types/uni-component.js").UniComponent<import("./types.js").GroupRenderProps<unknown, {}>>;

package/dist/_pkgs/affine-database-engine/core/group-by/trait.js

@@ -7,6 +7,7 @@ import { groupCollapsed$, groupCollapsedSet } from './collapsed-state.js';
 import { compareDateKeys } from './compare-date-keys.js';
 import { defaultGroupBy } from './default.js';
 import { findGroupByConfigByName, getGroupByService } from './matcher.js';
+import {} from '../utils/wording.js';
 export class Group {
     constructor(key, value, groupInfo, manager) {
         this.key = key;
@@ -25,6 +26,13 @@ export class Group {
     get property() {
         return this.groupInfo.property;
     }
+    /** {@link name$} in the words `wording` resolves (a date group's "Today"). */
+    nameIn(wording) {
+        const type = this.property.dataType$.value;
+        if (!type)
+            return '';
+        return this.groupInfo.config.groupName(type, this.value, wording);
+    }
     get config() {
         return this.groupInfo.config;
     }

package/dist/_pkgs/affine-database-engine/core/group-by/types.d.ts

@@ -1,6 +1,7 @@
 import type { UniComponent } from '../../../affine-shared/types/index.js';
 import type { TypeInstance, ValueTypeOf } from '../logical/type.js';
 import type { Group } from './trait.js';
+import { type Wording } from '../utils/wording.js';
 export interface GroupRenderProps<JsonValue = unknown, Data extends Record<string, unknown> = Record<string, unknown>> {
     group: Group<unknown, JsonValue, Data>;
     readonly: boolean;
@@ -9,7 +10,8 @@ type AddToGroup<GroupValue, MatchType> = (value: GroupValue | null, oldValue: Va
 export type GroupByConfig<Data extends NonNullable<unknown> = NonNullable<unknown>, MatchType extends TypeInstance = TypeInstance, GroupValue = unknown> = {
     name: string;
     matchType: MatchType;
-    groupName: (type: MatchType, value: GroupValue | null) => string;
+    /** `wording` names a group in the host's words; English when absent. */
+    groupName: (type: MatchType, value: GroupValue | null, wording?: Wording) => string;
     defaultKeys: (type: MatchType) => {
         key: string;
         value: GroupValue | null;

package/dist/_pkgs/affine-database-engine/core/group-by/types.js

@@ -1 +1 @@
-export {};
+import {} from '../utils/wording.js';

package/dist/_pkgs/affine-database-engine/core/property/types.d.ts

@@ -2,6 +2,7 @@ import type { Disposable } from '../../../global/disposable/index.js';
 import type { ZodType } from 'zod';
 import type { DataSource } from '../data-source/base.js';
 import type { TypeInstance } from '../logical/type.js';
+import { type ChromeWording } from '../../../affine-shared/services/index.js';
 export type WithCommonPropertyConfig<T = {}> = T & {
     dataSource: DataSource;
 };
@@ -10,6 +11,12 @@ export type GetRawValueFromConfig<T> = T extends PropertyConfig<any, infer R, an
 export type GetJsonValueFromConfig<T> = T extends PropertyConfig<any, any, infer R> ? R : never;
 export type PropertyConfig<Data, RawValue = unknown, JsonValue = unknown> = {
     name: string;
+    /**
+     * {@link name} as a key with its English fallback (#572): the type's name
+     * in the host's language, in every type menu and as the name a new
+     * property is given (written resolved, at the gesture).
+     */
+    nameWording?: ChromeWording;
     hide?: boolean;
     propertyData: {
         schema: ZodType<Data>;

package/dist/_pkgs/affine-database-engine/core/property/types.js

@@ -1 +1 @@
-export {};
+import {} from '../../../affine-shared/services/index.js';

package/dist/_pkgs/affine-database-engine/core/sort/add-sort.js

@@ -1,11 +1,13 @@
 import { menu, popMenu, } from '../../../affine-components/context-menu/index.js';
 import { renderUniLit } from '../utils/index.js';
+import { DATA_VIEW_SORT_NEW } from '../../translations.js';
+import { wordingFrom } from '../utils/wording.js';
 export const popCreateSort = (target, props) => {
     popMenu(target, {
         options: {
             onClose: props.onClose,
             title: {
-                text: 'New sort',
+                text: wordingFrom(target.element)(DATA_VIEW_SORT_NEW),
                 onBack: props.onBack,
             },
             items: [

package/dist/_pkgs/affine-database-engine/core/statistics/any.js

@@ -1,10 +1,14 @@
 import { t } from '../logical/index.js';
 import { createStatisticConfig } from './create.js';
+import { DATA_VIEW_STATS_GROUP_COUNT, DATA_VIEW_STATS_COUNT_ALL, DATA_VIEW_STATS_COUNT_VALUES, DATA_VIEW_STATS_COUNT_UNIQUE, DATA_VIEW_STATS_COUNT_EMPTY, DATA_VIEW_STATS_COUNT_NOT_EMPTY, DATA_VIEW_STATS_PERCENT_EMPTY, DATA_VIEW_STATS_PERCENT_NOT_EMPTY, DATA_VIEW_STATS_ALL, DATA_VIEW_STATS_VALUES, DATA_VIEW_STATS_UNIQUE, DATA_VIEW_STATS_NOT_EMPTY, DATA_VIEW_NUMBER_FORMAT_PERCENT, DATA_VIEW_EMPTY_VALUE, } from '../../translations.js';
 export const anyTypeStatsFunctions = [
     createStatisticConfig({
-        group: 'Count',
-        menuName: 'Count All',
-        displayName: 'All',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
+        menuName: DATA_VIEW_STATS_COUNT_ALL[1],
+        menuWording: DATA_VIEW_STATS_COUNT_ALL,
+        displayName: DATA_VIEW_STATS_ALL[1],
+        displayWording: DATA_VIEW_STATS_ALL,
         type: 'count-all',
         dataType: t.unknown.instance(),
         impl: data => {
@@ -12,9 +16,12 @@ export const anyTypeStatsFunctions = [
         },
     }),
     createStatisticConfig({
-        group: 'Count',
-        menuName: 'Count Values',
-        displayName: 'Values',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
+        menuName: DATA_VIEW_STATS_COUNT_VALUES[1],
+        menuWording: DATA_VIEW_STATS_COUNT_VALUES,
+        displayName: DATA_VIEW_STATS_VALUES[1],
+        displayWording: DATA_VIEW_STATS_VALUES,
         type: 'count-values',
         dataType: t.unknown.instance(),
         impl: data => {
@@ -28,9 +35,12 @@ export const anyTypeStatsFunctions = [
         },
     }),
     createStatisticConfig({
-        group: 'Count',
-        menuName: 'Count Unique Values',
-        displayName: 'Unique Values',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
+        menuName: DATA_VIEW_STATS_COUNT_UNIQUE[1],
+        menuWording: DATA_VIEW_STATS_COUNT_UNIQUE,
+        displayName: DATA_VIEW_STATS_UNIQUE[1],
+        displayWording: DATA_VIEW_STATS_UNIQUE,
         type: 'count-unique-values',
         dataType: t.unknown.instance(),
         impl: data => {
@@ -46,9 +56,12 @@ export const anyTypeStatsFunctions = [
         },
     }),
     createStatisticConfig({
-        group: 'Count',
-        menuName: 'Count Empty',
-        displayName: 'Empty',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
+        menuName: DATA_VIEW_STATS_COUNT_EMPTY[1],
+        menuWording: DATA_VIEW_STATS_COUNT_EMPTY,
+        displayName: DATA_VIEW_EMPTY_VALUE[1],
+        displayWording: DATA_VIEW_EMPTY_VALUE,
         type: 'count-empty',
         dataType: t.unknown.instance(),
         impl: (data, { meta, dataSource }) => {
@@ -57,9 +70,12 @@ export const anyTypeStatsFunctions = [
         },
     }),
     createStatisticConfig({
-        group: 'Count',
-        menuName: 'Count Not Empty',
-        displayName: 'Not Empty',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
+        menuName: DATA_VIEW_STATS_COUNT_NOT_EMPTY[1],
+        menuWording: DATA_VIEW_STATS_COUNT_NOT_EMPTY,
+        displayName: DATA_VIEW_STATS_NOT_EMPTY[1],
+        displayWording: DATA_VIEW_STATS_NOT_EMPTY,
         type: 'count-not-empty',
         dataType: t.unknown.instance(),
         impl: (data, { meta, dataSource }) => {
@@ -68,9 +84,12 @@ export const anyTypeStatsFunctions = [
         },
     }),
     createStatisticConfig({
-        group: 'Percent',
-        menuName: 'Percent Empty',
-        displayName: 'Empty',
+        group: DATA_VIEW_NUMBER_FORMAT_PERCENT[1],
+        groupWording: DATA_VIEW_NUMBER_FORMAT_PERCENT,
+        menuName: DATA_VIEW_STATS_PERCENT_EMPTY[1],
+        menuWording: DATA_VIEW_STATS_PERCENT_EMPTY,
+        displayName: DATA_VIEW_EMPTY_VALUE[1],
+        displayWording: DATA_VIEW_EMPTY_VALUE,
         type: 'percent-empty',
         dataType: t.unknown.instance(),
         impl: (data, { meta, dataSource }) => {
@@ -81,9 +100,12 @@ export const anyTypeStatsFunctions = [
         },
     }),
     createStatisticConfig({
-        group: 'Percent',
-        menuName: 'Percent Not Empty',
-        displayName: 'Not Empty',
+        group: DATA_VIEW_NUMBER_FORMAT_PERCENT[1],
+        groupWording: DATA_VIEW_NUMBER_FORMAT_PERCENT,
+        menuName: DATA_VIEW_STATS_PERCENT_NOT_EMPTY[1],
+        menuWording: DATA_VIEW_STATS_PERCENT_NOT_EMPTY,
+        displayName: DATA_VIEW_STATS_NOT_EMPTY[1],
+        displayWording: DATA_VIEW_STATS_NOT_EMPTY,
         type: 'percent-not-empty',
         dataType: t.unknown.instance(),
         impl: (data, { meta, dataSource }) => {

package/dist/_pkgs/affine-database-engine/core/statistics/checkbox.js

@@ -1,44 +1,56 @@
 import { t } from '../logical/index.js';
 import { createStatisticConfig } from './create.js';
+import { DATA_VIEW_STATS_GROUP_COUNT, DATA_VIEW_STATS_COUNT_UNCHECKED, DATA_VIEW_STATS_COUNT_CHECKED, DATA_VIEW_STATS_PERCENT_UNCHECKED, DATA_VIEW_STATS_PERCENT_CHECKED, DATA_VIEW_STATS_UNCHECKED, DATA_VIEW_STATS_CHECKED, DATA_VIEW_NUMBER_FORMAT_PERCENT, } from '../../translations.js';
 export const checkboxTypeStatsFunctions = [
     createStatisticConfig({
-        group: 'Count',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
         type: 'count-values',
         dataType: t.boolean.instance(),
     }),
     createStatisticConfig({
-        group: 'Count',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
         type: 'count-unique-values',
         dataType: t.boolean.instance(),
     }),
     createStatisticConfig({
-        group: 'Count',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
         type: 'count-empty',
         dataType: t.boolean.instance(),
-        menuName: 'Count Unchecked',
-        displayName: 'Unchecked',
+        menuName: DATA_VIEW_STATS_COUNT_UNCHECKED[1],
+        menuWording: DATA_VIEW_STATS_COUNT_UNCHECKED,
+        displayName: DATA_VIEW_STATS_UNCHECKED[1],
+        displayWording: DATA_VIEW_STATS_UNCHECKED,
         impl: data => {
             const emptyList = data.filter(value => !value);
             return emptyList.length.toString();
         },
     }),
     createStatisticConfig({
-        group: 'Count',
+        group: DATA_VIEW_STATS_GROUP_COUNT[1],
+        groupWording: DATA_VIEW_STATS_GROUP_COUNT,
         type: 'count-not-empty',
         dataType: t.boolean.instance(),
-        menuName: 'Count Checked',
-        displayName: 'Checked',
+        menuName: DATA_VIEW_STATS_COUNT_CHECKED[1],
+        menuWording: DATA_VIEW_STATS_COUNT_CHECKED,
+        displayName: DATA_VIEW_STATS_CHECKED[1],
+        displayWording: DATA_VIEW_STATS_CHECKED,
         impl: data => {
             const notEmptyList = data.filter(value => !!value);
             return notEmptyList.length.toString();
         },
     }),
     createStatisticConfig({
-        group: 'Percent',
+        group: DATA_VIEW_NUMBER_FORMAT_PERCENT[1],
+        groupWording: DATA_VIEW_NUMBER_FORMAT_PERCENT,
         type: 'percent-empty',
         dataType: t.boolean.instance(),
-        menuName: 'Percent Unchecked',
-        displayName: 'Unchecked',
+        menuName: DATA_VIEW_STATS_PERCENT_UNCHECKED[1],
+        menuWording: DATA_VIEW_STATS_PERCENT_UNCHECKED,
+        displayName: DATA_VIEW_STATS_UNCHECKED[1],
+        displayWording: DATA_VIEW_STATS_UNCHECKED,
         impl: data => {
             if (data.length === 0)
                 return '';
@@ -47,11 +59,14 @@ export const checkboxTypeStatsFunctions = [
         },
     }),
     createStatisticConfig({
-        group: 'Percent',
+        group: DATA_VIEW_NUMBER_FORMAT_PERCENT[1],
+        groupWording: DATA_VIEW_NUMBER_FORMAT_PERCENT,
         type: 'percent-not-empty',
         dataType: t.boolean.instance(),
-        menuName: 'Percent Checked',
-        displayName: 'Checked',
+        menuName: DATA_VIEW_STATS_PERCENT_CHECKED[1],
+        menuWording: DATA_VIEW_STATS_PERCENT_CHECKED,
+        displayName: DATA_VIEW_STATS_CHECKED[1],
+        displayWording: DATA_VIEW_STATS_CHECKED,
         impl: data => {
             if (data.length === 0)
                 return '';