@formicoidea/labre-core 0.61.0 → 1.1.0

package/architecture/domain.c4

@@ -215,114 +215,6 @@ model {
       domain_document '1.00'
     }
   }
-  extend features.blocks.data-view {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.data-view.block-meta {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.data-view.columns {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.data-view.configs {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.data-view.src {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.data-view.views_ {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.adapters {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.components {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.configs {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.context {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.detail-panel {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.properties {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.service {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.src {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.utils {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.views_ {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
-  extend features.blocks.database.widgets {
-    metadata {
-      domain ['base-view']
-      domain_base_view '1.00'
-    }
-  }
   extend features.blocks.divider {
     metadata {
       domain ['document']
@@ -908,73 +800,187 @@ model {
       domain_canvas '1.00'
     }
   }
-  extend features.data-view {
+  extend features.database.block {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.adapters {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.components {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.configs {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.context {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.detail-panel {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.properties {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.service {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.src {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.utils {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.views_ {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.block.widgets {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.editor {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.editor.database-page {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.editor.properties-panel {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.editor.src {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.editor.view-bar {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.editor.view-settings {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.editor.view-transfer {
+    metadata {
+      domain ['base-view']
+      domain_base_view '1.00'
+    }
+  }
+  extend features.database.engine {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.data-view.core {
+  extend features.database.engine.core {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.data-view.property-presets {
+  extend features.database.engine.property-presets {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.data-view.src {
+  extend features.database.engine.src {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.data-view.view-presets {
+  extend features.database.engine.view-presets {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.data-view.widget-presets {
+  extend features.database.engine.widget-presets {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.database-editor {
+  extend features.database.view-block {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.database-editor.database-page {
+  extend features.database.view-block.block-meta {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.database-editor.properties-panel {
+  extend features.database.view-block.columns {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.database-editor.src {
+  extend features.database.view-block.configs {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.database-editor.view-bar {
+  extend features.database.view-block.src {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'
     }
   }
-  extend features.database-editor.view-transfer {
+  extend features.database.view-block.views_ {
     metadata {
       domain ['base-view']
       domain_base_view '1.00'

package/architecture/model.c4

@@ -86,6 +86,13 @@ views {
     autoLayout LeftRight
   }
 
+  view family-database of features.database {
+    title 'affine/database'
+    include features.database.*
+    exclude * -> * where kind is imports
+    autoLayout LeftRight
+  }
+
   view family-fragments of features.fragments {
     title 'affine/fragments'
     include features.fragments.*

package/dist/_pkgs/affine-block-root/configs/toolbar.d.ts

@@ -26,7 +26,7 @@ export declare const builtinToolbarConfig: {
         readonly tooltip: "Create Table";
         readonly tooltipWording: import("../../affine-shared/services/index.js").ChromeWording;
         readonly icon: import("lit-html").TemplateResult<1>;
-        readonly when: ({ chain }: import("../../affine-shared/services/index.js").ToolbarContext) => boolean;
+        readonly when: ({ chain, std }: import("../../affine-shared/services/index.js").ToolbarContext) => boolean;
         readonly run: ({ host }: import("../../affine-shared/services/index.js").ToolbarContext) => void;
     }, {
         readonly id: "f.convert-to-linked-doc";

package/dist/_pkgs/affine-block-root/configs/toolbar.js

@@ -1,4 +1,4 @@
-import { convertToDatabase, DATABASE_CONVERT_WHITE_LIST, } from '../../affine-block-database/index.js';
+import { canConvertToDatabase, convertToDatabase, DATABASE_CONVERT_WHITE_LIST, } from '../../affine-database-block/index.js';
 import { convertSelectedBlocksToLinkedDoc, getTitleFromSelectedModels, notifyDocCreated, promptDocTitle, } from '../../affine-block-embed/index.js';
 import { updateBlockType } from '../../affine-block-note/index.js';
 import { toast } from '../../affine-components/toast/index.js';
@@ -8,7 +8,7 @@ import { EmbedLinkedDocBlockSchema, EmbedSyncedDocBlockSchema, } from '../../aff
 import { textConversionConfigs, TextConversionEntryIdentifier, } from '../../affine-rich-text/index.js';
 import { copySelectedModelsCommand, deleteSelectedModelsCommand, draftSelectedModelsCommand, duplicateSelectedModelsCommand, getBlockSelectionsCommand, getImageSelectionsCommand, getSelectedBlocksCommand, getSelectedModelsCommand, getTextSelectionCommand, } from '../../affine-shared/commands/index.js';
 import { ActionPlacement, blockCommentToolbarButton, TOAST_COPIED_TO_CLIPBOARD, TOOLBAR_COPY, TOOLBAR_DELETE, TOOLBAR_DUPLICATE, translateKey, } from '../../affine-shared/services/index.js';
-import { tableViewMeta } from '../../data-view/view-presets/index.js';
+import { tableViewMeta } from '../../affine-database-engine/view-presets/index.js';
 import { CopyIcon, DatabaseTableViewIcon, DeleteIcon, DuplicateIcon, LinkedPageIcon, } from '@blocksuite/icons/lit';
 import { BlockSelection, BlockViewIdentifier, } from '../../std/index.js';
 import { toDraftModel } from '../../store/index.js';
@@ -129,7 +129,9 @@ const turnIntoDatabase = {
     tooltip: 'Create Table',
     tooltipWording: ROOT_TOOLBAR_CREATE_TABLE,
     icon: DatabaseTableViewIcon(),
-    when({ chain }) {
+    when({ chain, std }) {
+        if (!canConvertToDatabase(std))
+            return false;
         const middleware = (count = 0) => {
             return (ctx, next) => {
                 const { selectedBlocks } = ctx;

package/dist/_pkgs/affine-block-surface/extensions/legend.d.ts

@@ -1,6 +1,6 @@
 import { Bound } from '../../global/gfx/index.js';
 import { type BlockStdScope, type CommandLegendExtra, type CommandLegendRow, type CommandOwner } from '../../std/index.js';
-import { type GfxController, type RoleId } from '../../std/gfx/index.js';
+import { type GfxController, type GfxPrimitiveElementModel, type RoleId } from '../../std/gfx/index.js';
 import { LEGEND_ROLE } from './legend-role.js';
 /**
  * The legend PLATFORM: one engine, one box, for every framework that documents
@@ -78,6 +78,16 @@ export declare function addLegend(surface: Surface, std: BlockStdScope, x: numbe
  * It is also why a legend never lists itself: nothing it draws carries a role.
  */
 export declare function rolesInBound(gfx: GfxController, bound: Bound): Set<RoleId>;
+/**
+ * The tag values each role carries inside a scanned perimeter, as
+ * {@link tagValueKey}s: what lights a row declared with
+ * {@link CommandLegendEntry.tag} (ADR 0046). Role-less elements contribute
+ * nothing, for the reason {@link rolesInBound} gives, which is also what keeps
+ * a legend's own swatches out of the next legend.
+ */
+export type TagValuesByRole = ReadonlyMap<RoleId, ReadonlySet<string>>;
+/** {@link TagValuesByRole} over a perimeter already scanned. */
+export declare function tagValuesOf(elements: readonly GfxPrimitiveElementModel[]): Map<RoleId, Set<string>>;
 /**
  * The legend of a board, derived from the commands of the framework that owns
  * it: every subscribed row whose role is present (directly or through a
@@ -97,7 +107,7 @@ export declare function rolesInBound(gfx: GfxController, bound: Bound): Set<Role
  * draws the box: a legend of a board with nothing on it lists nothing, rather
  * than inventing the full notation the user has not used.
  */
-export declare function legendFromCommands(std: BlockStdScope, owner: CommandOwner, present: ReadonlySet<RoleId>): LegendSection[];
+export declare function legendFromCommands(std: BlockStdScope, owner: CommandOwner, present: ReadonlySet<RoleId>, tagged?: TagValuesByRole): LegendSection[];
 /**
  * Build the legend of what is drawn inside `board` and drop it bottom-left of
  * it, grouped and selected. THE gesture the shared toolbar button runs.

package/dist/_pkgs/affine-block-surface/extensions/legend.js

@@ -3,7 +3,7 @@ import { NOTATION_NEUTRALS } from '../../affine-shared/consts/index.js';
 import { BOARD_LEGEND_TITLE, GROUP_SEED_NAME, translateKey, } from '../../affine-shared/services/index.js';
 import { Bound } from '../../global/gfx/index.js';
 import { CATALOGUE_CATEGORY_KEY_PREFIX, getRegisteredCommands, humanizeCategory, } from '../../std/index.js';
-import { GfxControllerIdentifier, roleIsA, RoleVocabularyIdentifier, } from '../../std/gfx/index.js';
+import { GfxControllerIdentifier, readElementTags, roleIsA, RoleVocabularyIdentifier, } from '../../std/gfx/index.js';
 import { EdgelessCRUDIdentifier } from './crud-extension.js';
 import { LABEL_COLOR, LABEL_FONT, LABEL_FONT_SIZE } from './legend-label.js';
 import { LEGEND_ROLE } from './legend-role.js';
@@ -262,6 +262,24 @@ function rolesOf(elements) {
     }
     return present;
 }
+/** One tag value as a set key. A newline appears in no id. */
+const tagValueKey = (tagId, valueId) => `${tagId}\n${valueId}`;
+/** {@link TagValuesByRole} over a perimeter already scanned. */
+export function tagValuesOf(elements) {
+    const out = new Map();
+    for (const el of elements) {
+        if (el.role === undefined)
+            continue;
+        for (const [tagId, values] of Object.entries(readElementTags(el))) {
+            let keys = out.get(el.role);
+            if (!keys)
+                out.set(el.role, (keys = new Set()));
+            for (const valueId of values)
+                keys.add(tagValueKey(tagId, valueId));
+        }
+    }
+    return out;
+}
 /**
  * The legends ALREADY drawn on this board — what turns the button's second
  * press into "regenerate" rather than a second stacked box (issue #391).
@@ -369,12 +387,14 @@ function resolveSection(std, command, entry) {
  * draws the box: a legend of a board with nothing on it lists nothing, rather
  * than inventing the full notation the user has not used.
  */
-export function legendFromCommands(std, owner, present) {
+export function legendFromCommands(std, owner, present, tagged = new Map()) {
     const roles = vocabularyOf(std);
     const commands = getRegisteredCommands(std)
         .filter(command => command.owner === owner && command.legend)
         .sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
     const drafts = [];
+    // A role row is de-duplicated by role; a tag row by role AND value, so the
+    // nine Wardley methods are nine rows under one role.
     const seen = new Set();
     const presentRoles = [...present];
     for (const command of commands) {
@@ -390,12 +410,14 @@ export function legendFromCommands(std, owner, present) {
             let draft = drafts.find(d => d.key === key);
             if (!draft)
                 drafts.push((draft = { key, title, rows: [] }));
-            const lit = entry.exact
-                ? present.has(entry.role)
-                : presentRoles.some(role => roleIsA(role, entry.role, roles));
-            if (!lit || seen.has(entry.role))
+            const matches = (role) => entry.exact ? role === entry.role : roleIsA(role, entry.role, roles);
+            const value = entry.tag ? tagValueKey(...entry.tag) : undefined;
+            const lit = presentRoles.some(role => matches(role) &&
+                (value === undefined || tagged.get(role)?.has(value) === true));
+            const rowKey = value === undefined ? entry.role : `${entry.role}\n${value}`;
+            if (!lit || seen.has(rowKey))
                 continue;
-            seen.add(entry.role);
+            seen.add(rowKey);
             draft.rows.push({
                 ...entry.row,
                 label: resolveRowLabel(std, roles, command, entry),
@@ -439,8 +461,9 @@ export function createBoardLegend(std, board, owner) {
     // the outgoing wrapper is dropped from the scan so `core:legend` is not among
     // the roles the rows are derived from. Its glyphs carry no role at all.
     const outgoing = new Set(previous);
-    const present = rolesOf(inside.filter(el => !outgoing.has(el)));
-    const sections = legendFromCommands(std, owner, present);
+    const scanned = inside.filter(el => !outgoing.has(el));
+    const present = rolesOf(scanned);
+    const sections = legendFromCommands(std, owner, present, tagValuesOf(scanned));
     const box = boardLegendBox(std, owner);
     const layout = {
         width: box?.width,

package/dist/_pkgs/affine-block-surface/extensions/tags-toolbar.js

@@ -187,33 +187,63 @@ function runTagSet(ctx, target, tag, values) {
         return;
     runCommand(ctx.std, command, { surface: 'palette', source: 'toolbar:general' }, { tag, values, elementIds: [target.element.id] });
 }
+/** One value of a tag, as a toggling row of the dropdown. */
+function renderOption(ctx, target, def, value, selected) {
+    const on = selected.includes(value.id);
+    const valueLabel = translateTagLabel(ctx.std, value) || value.id;
+    // `data-toggle` beside `data-option`: the row draws like a native option,
+    // but clicking the value in FORCE is how it is un-picked (`toggleValue`),
+    // whatever the tag's cardinality. Without it the selected row inherits
+    // `editor-menu-action`'s inert `pointer-events: none` — the tick lands
+    // under the pointer, the click reaches the section instead, and a
+    // qualification can be set but never cleared with a real mouse.
+    return html `<editor-menu-action
+    data-option
+    data-toggle
+    data-testid="element-tag-option"
+    data-tag-id=${def.id}
+    data-value-id=${value.id}
+    data-selected=${on ? 'true' : nothing}
+    aria-label=${valueLabel}
+    aria-pressed=${on}
+    @click=${() => toggleValue(ctx, target, def, value.id)}
+  >
+    <span class="label">${valueLabel}</span>
+    ${on ? CheckIcon : nothing}
+  </editor-menu-action>`;
+}
+/**
+ * The sub-title a value's `group` opens (ADR 0046): smaller and bolder than
+ * the tag's own title above it, so "Method" reads as the question and "Buying
+ * policy" as one family of answers.
+ */
+function renderGroupTitle(def, title) {
+    return html `<div
+    data-testid="element-tag-group"
+    data-tag-id=${def.id}
+    style="padding: 6px 8px 2px; font-size: 11px; font-weight: 600; color: var(--affine-text-secondary-color);"
+  >
+    ${title}
+  </div>`;
+}
 /** One titled block of the dropdown — one tag. */
 function renderSection(ctx, target, def) {
     const selected = elementTagValues(target.element, def.id);
     const label = translateTagLabel(ctx.std, def) || def.id;
-    const options = offeredValues(def, selected).map(value => {
-        const on = selected.includes(value.id);
-        const valueLabel = translateTagLabel(ctx.std, value) || value.id;
-        // `data-toggle` beside `data-option`: the row draws like a native option,
-        // but clicking the value in FORCE is how it is un-picked (`toggleValue`),
-        // whatever the tag's cardinality. Without it the selected row inherits
-        // `editor-menu-action`'s inert `pointer-events: none` — the tick lands
-        // under the pointer, the click reaches the section instead, and a
-        // qualification can be set but never cleared with a real mouse.
-        return html `<editor-menu-action
-      data-option
-      data-toggle
-      data-testid="element-tag-option"
-      data-tag-id=${def.id}
-      data-value-id=${value.id}
-      data-selected=${on ? 'true' : nothing}
-      aria-label=${valueLabel}
-      aria-pressed=${on}
-      @click=${() => toggleValue(ctx, target, def, value.id)}
-    >
-      <span class="label">${valueLabel}</span>
-      ${on ? CheckIcon : nothing}
-    </editor-menu-action>`;
+    // A value's `group` opens a sub-title each time it changes, so a tag whose
+    // values fall into families reads family by family. A value with no group
+    // (an unknown id kept on the element, a host pack's) closes the run.
+    let open;
+    const options = offeredValues(def, selected).flatMap(value => {
+        const title = value.group
+            ? translateTagLabel(ctx.std, value.group) || value.group.label
+            : undefined;
+        const row = renderOption(ctx, target, def, value, selected);
+        const previous = open;
+        open = title;
+        return title !== undefined && title !== previous
+            ? [renderGroupTitle(def, title), row]
+            : [row];
     });
     return html `<div
     role="group"

package/dist/_pkgs/affine-components/color-picker/framework-palette.d.ts

@@ -98,7 +98,7 @@ export declare function frameworkOfSelection(gfx: GfxController, models: readonl
  * The palettes the frameworks whose tooling is on registered with this
  * editor, in {@link FRAMEWORK_IDS} order so the pages read the same way in
  * every picker: the canvas carousel below and the database colour grid
- * (`@labre/data-view`, ADR 0036 amendment of 2026-10-14) both page through
+ * (`@labre/affine-database-engine`, ADR 0036 amendment of 2026-10-14) both page through
  * this list.
  */
 export declare function contributedFrameworkPalettes(std: BlockStdScope): FrameworkPalette[];

package/dist/_pkgs/affine-components/color-picker/framework-palette.js

@@ -148,7 +148,7 @@ export function frameworkOfSelection(gfx, models) {
  * The palettes the frameworks whose tooling is on registered with this
  * editor, in {@link FRAMEWORK_IDS} order so the pages read the same way in
  * every picker: the canvas carousel below and the database colour grid
- * (`@labre/data-view`, ADR 0036 amendment of 2026-10-14) both page through
+ * (`@labre/affine-database-engine`, ADR 0036 amendment of 2026-10-14) both page through
  * this list.
  */
 export function contributedFrameworkPalettes(std) {

package/dist/_pkgs/affine-components/context-menu/menu-all.d.ts

@@ -23,6 +23,7 @@ export declare const menu: {
         postfix?: import("lit-html").TemplateResult;
         prefix?: import("lit-html").TemplateResult;
         class?: string;
+        testId?: string;
         options: import("./menu.js").MenuOptions;
         disableArrow?: boolean;
         hide?: () => boolean;

package/dist/_pkgs/affine-components/context-menu/menu-renderer.js

@@ -486,14 +486,42 @@ export const popupTargetFromElement = (element) => {
         },
     };
 };
+/**
+ * The open popups, oldest first. Escape closes the newest, wherever the focus
+ * is: a menu's own Escape lives on its search input (`MenuComponent`), so a
+ * menu that keeps itself open on a click (a colour swatch, "Add a condition",
+ * the filter editor's own popups) lost it with the focus, and nothing closed
+ * it any more (product owner, 2026-10-28). Listened to in the bubbling phase,
+ * so an input that handles Escape itself and stops it keeps its own close.
+ */
+const openPopups = [];
+const onDocumentKeydown = (event) => {
+    if (event.key !== 'Escape' || event.defaultPrevented)
+        return;
+    const close = openPopups.at(-1);
+    if (!close)
+        return;
+    event.preventDefault();
+    close();
+};
 export const createPopup = (target, content, options) => {
     const close = () => {
+        const index = openPopups.indexOf(close);
+        if (index >= 0)
+            openPopups.splice(index, 1);
+        if (!openPopups.length) {
+            document.removeEventListener('keydown', onDocumentKeydown);
+        }
         // Removing the modal does not stop the positioning loop: without this the
         // `autoUpdate` listeners outlive the popup and leak.
         cleanup();
         modal.remove();
         options?.onClose?.();
     };
+    if (!openPopups.length) {
+        document.addEventListener('keydown', onDocumentKeydown);
+    }
+    openPopups.push(close);
     const modal = createModal(target.root);
     const cleanup = autoUpdate(target.targetRect, content, () => {
         computePosition(target.targetRect, content, {

package/dist/_pkgs/affine-components/context-menu/sub-menu.d.ts

@@ -6,6 +6,8 @@ export type MenuSubMenuData = {
     options: MenuOptions;
     select?: () => void;
     class?: string;
+    /** Names the entry itself; `options.testId` names the menu it opens. */
+    testId?: string;
 };
 export declare const subMenuOffset: {
     name: string;
@@ -49,6 +51,7 @@ export declare const subMenuItems: {
         postfix?: TemplateResult;
         prefix?: TemplateResult;
         class?: string;
+        testId?: string;
         options: MenuOptions;
         disableArrow?: boolean;
         hide?: () => boolean;