@onekeyfe/react-native-native-list 3.0.157-alpha.249 → 3.0.157-alpha.251

package/lib/typescript/src/models.d.ts

@@ -29,43 +29,157 @@ export type BadgeModel = Readonly<{
     text: string;
     tone?: 'neutral' | 'info' | 'success' | 'warning' | 'danger';
 }>;
-export type MarketTextStyle = Readonly<{
+/**
+ * Named typography steps, shared with the application's design scale. Resolved
+ * to fontSize/lineHeight/fontWeight in JavaScript before the snapshot is
+ * serialized, so no native renderer needs to know the vocabulary.
+ * See docs/STYLE_SPEC.md §3.2.
+ */
+export type NativeListTypographyToken = '$headingXl' | '$headingLg' | '$headingMd' | '$headingSm' | '$headingXs' | '$bodyLg' | '$bodyMd' | '$bodySm' | '$bodyXs';
+export type NativeListTextStyle = Readonly<{
+    token?: NativeListTypographyToken;
     fontSize?: number;
     fontWeight?: 'regular' | 'medium' | 'semibold' | 'bold';
     color?: string;
     lineHeight?: number;
-    lines?: 1 | 2;
+    /** Maximum visible lines; does not reserve empty lines or enlarge the row. */
+    lines?: 1 | 2 | 3;
+    truncate?: 'tail' | 'clip';
     alignment?: 'start' | 'center' | 'end';
+    verticalAlignment?: 'top' | 'center' | 'bottom';
+    /** Optical translation in logical units; does not affect layout. */
+    offsetY?: number;
 }>;
-export type MarketImageStyle = Readonly<{
+/** Retained alias: Market shipped this name before the style surface was shared. */
+export type MarketTextStyle = NativeListTextStyle;
+export type NativeListImageStyle = Readonly<{
     width?: number;
     height?: number;
     shape?: 'circle' | 'rounded' | 'square';
     cornerRadius?: number;
     contentFit?: ImageContentFit;
 }>;
-export type MarketRowStyle = Readonly<{
+export type MarketImageStyle = NativeListImageStyle;
+export type NativeListRowContainerStyle = Readonly<{
+    /** Explicit row height in logical units; overrides RowBase.height. */
+    height?: number;
+    backgroundColor?: string;
+    opacity?: number;
+    cornerRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    contentVerticalAlignment?: 'top' | 'center' | 'bottom';
+}>;
+/** Local box vocabulary. Each template exposes only parameters for its own slots. */
+export type RowBoxStyle = Readonly<{
+    container?: NativeListRowContainerStyle;
     horizontalPadding?: number;
     verticalPadding?: number;
     leadingGap?: number;
-    /** Space between title and subtitle; 0 by default, bounded to 0..16. */
+    /** Gap between the template's text rows. Omission preserves its default. */
     lineGap?: number;
     titleBadgeGap?: number;
+    trailingGap?: number;
+    image?: NativeListImageStyle;
+}>;
+/** Template-owned slots determine which local box parameters exist, on every platform. */
+export declare const ROW_BOX_STYLE_KEYS_BY_TYPE: {
+    readonly identity: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "lineGap", "titleBadgeGap", "trailingGap", "image"];
+    readonly walletGroup: readonly ["horizontalPadding", "verticalPadding"];
+    readonly rail: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "titleBadgeGap", "trailingGap", "image"];
+    readonly activity: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "lineGap", "trailingGap", "image"];
+    readonly message: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "lineGap", "image"];
+    readonly dataRow: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "lineGap", "titleBadgeGap", "image"];
+    readonly market: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "lineGap", "titleBadgeGap", "trailingGap", "image"];
+    readonly mediaTile: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "lineGap", "image"];
+    readonly metricCard: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "lineGap", "image"];
+    readonly sectionHeader: readonly ["horizontalPadding", "verticalPadding", "lineGap", "trailingGap"];
+    readonly action: readonly ["horizontalPadding", "verticalPadding", "leadingGap", "trailingGap", "image"];
+    readonly system: readonly ["horizontalPadding", "verticalPadding", "lineGap"];
+};
+type TemplateBoxStyle<T extends keyof typeof ROW_BOX_STYLE_KEYS_BY_TYPE> = Pick<RowBoxStyle, (typeof ROW_BOX_STYLE_KEYS_BY_TYPE)[T][number] | 'container'>;
+/**
+ * A style key names the model field it modifies, never the view that carries
+ * it. Each template renderer owns its views and maps the key to whichever view
+ * renders that field (for example metricCard `value` is its large number), so
+ * the same key name keeps one meaning across platforms. See docs/STYLE_SPEC.md §4.
+ */
+export type IdentityRowStyle = TemplateBoxStyle<'identity'> & Readonly<{
+    title?: NativeListTextStyle;
+    subtitle?: NativeListTextStyle;
+    tertiary?: NativeListTextStyle;
+    badge?: NativeListTextStyle;
+    value?: NativeListTextStyle;
+    valueSecondary?: NativeListTextStyle;
+}>;
+export type WalletGroupRowStyle = TemplateBoxStyle<'walletGroup'>;
+export type RailRowStyle = TemplateBoxStyle<'rail'> & Readonly<{
+    title?: NativeListTextStyle;
+    badge?: NativeListTextStyle;
+    status?: NativeListTextStyle;
+}>;
+export type ActivityRowStyle = TemplateBoxStyle<'activity'> & Readonly<{
+    title?: NativeListTextStyle;
+    description?: NativeListTextStyle;
+    status?: NativeListTextStyle;
+    primaryAmount?: NativeListTextStyle;
+    secondaryAmount?: NativeListTextStyle;
+}>;
+export type MessageRowStyle = TemplateBoxStyle<'message'> & Readonly<{
+    title?: NativeListTextStyle;
+    body?: NativeListTextStyle;
+    time?: NativeListTextStyle;
+}>;
+export type DataRowStyle = TemplateBoxStyle<'dataRow'> & Readonly<{
+    columns?: NativeListTextStyle;
+    columnSecondary?: NativeListTextStyle;
+    index?: NativeListTextStyle;
+}>;
+export type MarketRowStyle = TemplateBoxStyle<'market'> & Readonly<{
     /** OneKey patch: keep badges next to the intrinsic title width. */
     titleBadgeLayout?: 'inline';
-    trailingGap?: number;
     /** OneKey patch: preserve separate Market content and subtitle insets. */
     contentTrailingGap?: number;
     subtitleTrailingPadding?: number;
-    image?: MarketImageStyle;
-    title?: MarketTextStyle;
-    subtitle?: MarketTextStyle;
-    price?: MarketTextStyle;
-    change?: MarketTextStyle;
+    title?: NativeListTextStyle;
+    subtitle?: NativeListTextStyle;
+    price?: NativeListTextStyle;
+    change?: NativeListTextStyle;
     changeWidth?: number;
     changeHeight?: number;
     changeCornerRadius?: number;
 }>;
+export type MediaTileRowStyle = TemplateBoxStyle<'mediaTile'> & Readonly<{
+    title?: NativeListTextStyle;
+    subtitle?: NativeListTextStyle;
+    badge?: NativeListTextStyle;
+}>;
+export type MetricCardRowStyle = TemplateBoxStyle<'metricCard'> & Readonly<{
+    /** Standard-card label or composite-card heading. */
+    title?: NativeListTextStyle;
+    /** Large number in the standard template; absent in composite variants. */
+    value?: NativeListTextStyle;
+    subtitle?: NativeListTextStyle;
+    trend?: NativeListTextStyle;
+}>;
+export type SectionHeaderRowStyle = TemplateBoxStyle<'sectionHeader'> & Readonly<{
+    title?: NativeListTextStyle;
+    subtitle?: NativeListTextStyle;
+    value?: NativeListTextStyle;
+}>;
+export type ActionRowStyle = TemplateBoxStyle<'action'> & Readonly<{
+    title?: NativeListTextStyle;
+    value?: NativeListTextStyle;
+}>;
+export type SystemRowStyle = TemplateBoxStyle<'system'> & Readonly<{
+    title?: NativeListTextStyle;
+    message?: NativeListTextStyle;
+    /**
+     * Retry button text. Web draws a retry button only for the Market retry;
+     * a non-Market Web retry is message-only, so this has no target there.
+     */
+    actionText?: NativeListTextStyle;
+}>;
 export type MarketBadgeModel = Readonly<{
     key: string;
     text?: string;
@@ -267,12 +381,14 @@ export type IdentityRow = RowBase & Readonly<{
     badges?: readonly BadgeModel[];
     trailing?: readonly TrailingAccessory[];
     draggable?: boolean;
+    style?: IdentityRowStyle;
 }>;
 export type WalletGroupRow = RowBase & Readonly<{
     type: 'walletGroup';
     parent: IdentityRow;
     children: readonly IdentityRow[];
     draggable?: boolean;
+    style?: WalletGroupRowStyle;
 }>;
 export type RailRow = RowBase & Readonly<{
     type: 'rail';
@@ -281,6 +397,7 @@ export type RailRow = RowBase & Readonly<{
     status?: 'none' | 'online' | 'warning' | 'error';
     badge?: BadgeModel;
     draggable?: boolean;
+    style?: RailRowStyle;
 }>;
 export type ActivityRow = RowBase & Readonly<{
     type: 'activity';
@@ -292,6 +409,7 @@ export type ActivityRow = RowBase & Readonly<{
     primaryAmount?: string;
     secondaryAmount?: string;
     footerActions?: readonly FooterAction[];
+    style?: ActivityRowStyle;
 }>;
 export type MessageRow = RowBase & Readonly<{
     type: 'message';
@@ -302,6 +420,7 @@ export type MessageRow = RowBase & Readonly<{
     bodyLines?: 1 | 2 | 3;
     time: string;
     thumbnail?: ImageSource;
+    style?: MessageRowStyle;
 }>;
 export type DataColumn = Readonly<{
     key: string;
@@ -325,6 +444,7 @@ export type DataRow = RowBase & Readonly<{
     badges?: readonly BadgeModel[];
     favorite?: boolean;
     favoriteActive?: boolean;
+    style?: DataRowStyle;
 }>;
 /** Native Market quote row. All values are already localized/formatted strings. */
 export type MarketRow = RowBase & Readonly<{
@@ -366,6 +486,7 @@ export type MediaTileRow = RowBase & Readonly<{
     subtitle?: string;
     badge?: BadgeModel;
     closeActionKey?: string;
+    style?: MediaTileRowStyle;
 }>;
 /** Compact KPI card for dashboards and grids. */
 export type MetricValue = Readonly<{
@@ -387,6 +508,7 @@ export type MetricCardRow = RowBase & Readonly<{
     badge?: BadgeModel;
     metrics?: readonly MetricValue[];
     progress?: number;
+    style?: MetricCardRowStyle;
 }>;
 export type SectionHeaderRow = RowBase & Readonly<{
     type: 'sectionHeader';
@@ -412,6 +534,7 @@ export type SectionHeaderRow = RowBase & Readonly<{
     checkbox?: Extract<TrailingAccessory, {
         kind: 'checkbox';
     }>;
+    style?: SectionHeaderRowStyle;
 }>;
 export type ActionRow = RowBase & Readonly<{
     type: 'action';
@@ -426,8 +549,11 @@ export type ActionRow = RowBase & Readonly<{
         kind: 'checkbox';
     }>;
     trailing?: readonly TrailingAccessory[];
+    style?: ActionRowStyle;
 }>;
-export type SystemRow = RowBase & (Readonly<{
+export type SystemRow = RowBase & Readonly<{
+    style?: SystemRowStyle;
+}> & (Readonly<{
     type: 'system';
     variant: 'loading';
     presentation?: 'market';
@@ -493,6 +619,32 @@ export type SectionIndexConfig = Readonly<{
     hapticsEnabled?: boolean;
     centeredInWindow?: boolean;
 }>;
+export type NativeListSeparatorStyle = Readonly<{
+    /**
+     * Leading inset in logical pixels. Omitted keeps each platform's own default,
+     * which is not the same everywhere — see docs/STYLE_SPEC.md §6.2.
+     */
+    inset?: number;
+    /**
+     * Overrides the `separator` theme token for this list only. Must be
+     * `#RRGGBB` or `#RRGGBBAA`, like every row style color.
+     */
+    color?: string;
+}>;
+/**
+ * List chrome that every platform can honour. Pull to refresh, the section index
+ * rail and the reorder preview are deliberately absent: the first two are system
+ * controls or three independent constant sets, and the third is drawn with
+ * platform-specific primitives. See docs/STYLE_SPEC.md §5.
+ */
+export type NativeListListStyle = Readonly<{
+    separator?: NativeListSeparatorStyle;
+    /**
+     * Corner radius of a `groupId` card, `0…40` logical units. Does not affect
+     * rail or media tiles.
+     */
+    groupCornerRadius?: number;
+}>;
 export type NativeListSnapshot = Readonly<{
     schemaVersion: 1;
     generation: number;
@@ -524,8 +676,9 @@ export type NativeListSnapshot = Readonly<{
     emptyState?: ActionRow | SystemRow;
     fixedFooter?: ActionRow | SystemRow;
     theme?: NativeListTheme;
+    listStyle?: NativeListListStyle;
 }>;
-type CommonPatchFields = 'revision' | 'disabled' | 'selected' | 'separator' | 'height' | 'heightRounding' | 'opacity' | 'pressDisabled' | 'accessibilityLabel';
+type CommonPatchFields = 'revision' | 'disabled' | 'selected' | 'separator' | 'height' | 'heightRounding' | 'opacity' | 'pressDisabled' | 'accessibilityLabel' | 'style';
 export type RowPatch = Readonly<{
     type: 'identity';
     key: string;

package/lib/typescript/src/web/NativeListWebEngine.d.ts

@@ -1,4 +1,5 @@
-import type { ActionAnchorInvalidatedEvent, MarketRow, NativeListSnapshot, NativeListActionAnchor, NativeListActionSource, ReorderEvent, RowActionEvent, RowModel, RowPatch, SelectionDeltaEvent, VisibleRangeChangedEvent } from '../models';
+export { resolveWebMarketLayoutStyle, type WebMarketLayoutStyle, } from './templates/MarketRowRenderer';
+import type { ActionAnchorInvalidatedEvent, NativeListSnapshot, NativeListActionAnchor, NativeListActionSource, ReorderEvent, RowActionEvent, RowModel, RowPatch, SelectionDeltaEvent, VisibleRangeChangedEvent } from '../models';
 import type { ActionAnchorState, ScrollToIndexFailedInfo, ScrollToLocationParams } from '../NativeList.types';
 import { type NormalizedPositionScroll } from '../scrolling';
 export declare const WEB_REORDER_ANIMATION: {
@@ -32,21 +33,7 @@ export declare function webSectionIndexContainerLayout(entryCount: number, conta
 };
 export declare function webSectionIndexInverseScale(layoutHeight: number, renderedHeight: number): number;
 export declare function webSectionIndexActiveKey(rows: readonly RowModel[], layout: WebListLayout, offset: number, viewportLength: number): string | undefined;
-export type WebMarketLayoutStyle = Readonly<{
-    horizontalPadding: number;
-    verticalPadding: number;
-    leadingGap: number;
-    titleBadgeGap: number;
-    trailingGap: number;
-    imageWidth: number;
-    imageHeight: number;
-    imageCornerRadius: number;
-    changeWidth: number;
-    changeHeight: number;
-    changeCornerRadius: number;
-}>;
 /** Resolves every reusable Market geometry field, including legacy defaults. */
-export declare function resolveWebMarketLayoutStyle(row: MarketRow): WebMarketLayoutStyle;
 export type NativeListWebCallbacks = Readonly<{
     onRowAction?: (event: RowActionEvent) => void;
     onActionAnchorInvalidated?: (event: ActionAnchorInvalidatedEvent) => void;
@@ -66,6 +53,12 @@ export declare function webActionAnchorPayload(token: string, rect: Readonly<{
     width: number;
     height: number;
 }>, source: NativeListActionSource, generation: number, layoutDirection: 'ltr' | 'rtl', slot?: number): NativeListActionAnchor;
+type RenderContext = Readonly<{
+    document: Document;
+    snapshot: NativeListSnapshot;
+    selectedKeys: ReadonlySet<string>;
+    itemIndex: number;
+}>;
 export declare function isWebRowReorderable(snapshot: NativeListSnapshot, row: RowModel): boolean;
 export declare function moveWebReorderRow(rows: readonly RowModel[], fromIndex: number, toIndex: number): readonly RowModel[];
 export declare function cancelWebReorderRows(originalRows: readonly RowModel[]): readonly RowModel[];
@@ -89,6 +82,7 @@ export declare function isWebMarketQuotePatch(patch: RowPatch): boolean;
 /** Number of Market image-binding passes caused by one Web patch transaction. */
 export declare function webMarketImageBindDeltaForPatches(patches: readonly RowPatch[]): 0 | 1;
 export declare const WEB_LIST_CSS: string;
+export declare function createRowBody(context: RenderContext, row: RowModel): HTMLElement;
 export declare class NativeListWebEngine {
     private readonly document;
     private readonly root;
@@ -109,6 +103,7 @@ export declare class NativeListWebEngine {
     private layout;
     private readonly mounted;
     private readonly pool;
+    private readonly rendererKeys;
     private frameHandle;
     private resizeObserver;
     private sectionIndexTransformObserver;
@@ -146,7 +141,7 @@ export declare class NativeListWebEngine {
     private lastViewportHeight;
     private destroyed;
     private sectionIndexAlignStart;
-    private measuredWarningHeights;
+    private measuredRendererHeights;
     constructor(host: HTMLElement, snapshot: NativeListSnapshot, callbacks: NativeListWebCallbacks, virtualizationEnabled?: boolean, sectionIndexContainer?: HTMLElement | null);
     updateCallbacks(callbacks: NativeListWebCallbacks): void;
     setVirtualizationEnabled(enabled: boolean): void;
@@ -163,6 +158,12 @@ export declare class NativeListWebEngine {
     destroy(): void;
     private setSnapshot;
     private applyTheme;
+    /**
+     * List chrome from `snapshot.listStyle`. Every value is absent by default and
+     * the stylesheet carries today's number as the fallback, so an untouched list
+     * renders exactly as before. See docs/STYLE_SPEC.md §5.
+     */
+    private applyListStyle;
     private recomputeLayout;
     private updateAvatarWindow;
     private renderWindow;
@@ -266,4 +267,5 @@ export declare class NativeListWebEngine {
     private remapMountedRows;
     private updateReorderVisualState;
 }
+export declare function applyRowStyle(body: HTMLElement, row: RowModel): void;
 //# sourceMappingURL=NativeListWebEngine.d.ts.map

package/lib/typescript/src/web/templates/ActionRowRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { ActionRow } from '../../models';
+import { type RowPrimitives } from './RowVisual';
+declare function bind(body: HTMLElement, row: ActionRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: ActionRow, primitives: RowPrimitives): HTMLDivElement;
+declare function recycle(body: HTMLElement): void;
+export declare const actionRowRenderer: {
+    key: "action";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    measure: (row: ActionRow, _width: number) => 48 | 60 | 44;
+    measureRendered: (_body: HTMLElement, _row: ActionRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=ActionRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/ActivityRowRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { ActivityRow } from '../../models';
+import { type RowPrimitives } from './RowVisual';
+declare function bind(body: HTMLElement, row: ActivityRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: ActivityRow, primitives: RowPrimitives): HTMLElement;
+declare function recycle(body: HTMLElement): void;
+export declare const activityRowRenderer: {
+    key: "activity";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    measure: (row: ActivityRow, _width: number) => 60 | 100;
+    measureRendered: (_body: HTMLElement, _row: ActivityRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=ActivityRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/DataRowRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { DataRow } from '../../models';
+import { type RowPrimitives } from './RowVisual';
+declare function bind(body: HTMLElement, row: DataRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: DataRow, primitives: RowPrimitives): HTMLElement;
+declare function recycle(body: HTMLElement): void;
+export declare const dataRowRenderer: {
+    key: "dataRow";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    measure: (row: DataRow, _width: number, layout?: string) => number;
+    measureRendered: (_body: HTMLElement, _row: DataRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=DataRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/IdentityRowRenderer.d.ts

@@ -0,0 +1,16 @@
+import type { IdentityRow } from '../../models';
+import { type RowPrimitives } from './RowVisual';
+declare function bind(body: HTMLElement, row: IdentityRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: IdentityRow, primitives: RowPrimitives): HTMLDivElement;
+declare function recycle(body: HTMLElement): void;
+export declare const identityRowRenderer: {
+    key: "identity";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    appliesSizePreset: (row: IdentityRow) => boolean;
+    measure: (row: IdentityRow, _width: number) => number;
+    measureRendered: (_body: HTMLElement, _row: IdentityRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=IdentityRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/MarketRowRenderer.d.ts

@@ -0,0 +1,30 @@
+import type { MarketRow } from '../../models';
+import { type RowPrimitives } from './RowVisual';
+export type WebMarketLayoutStyle = Readonly<{
+    horizontalPadding: number;
+    verticalPadding: number;
+    leadingGap: number;
+    titleBadgeGap: number;
+    trailingGap: number;
+    imageWidth: number;
+    imageHeight: number;
+    imageCornerRadius: number;
+    changeWidth: number;
+    changeHeight: number;
+    changeCornerRadius: number;
+}>;
+export declare function resolveWebMarketLayoutStyle(row: MarketRow): WebMarketLayoutStyle;
+export declare function setMarketQuoteContent(element: HTMLElement, row: MarketRow): void;
+declare function bind(body: HTMLElement, row: MarketRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: MarketRow, primitives: RowPrimitives): HTMLDivElement;
+declare function recycle(body: HTMLElement): void;
+export declare const marketRowRenderer: {
+    key: "market";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    measure: (row: MarketRow, _width: number) => number;
+    measureRendered: (_body: HTMLElement, _row: MarketRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=MarketRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/MediaTileRowRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { MediaTileRow } from '../../models';
+import type { RowPrimitives } from './RowVisual';
+declare function bind(body: HTMLElement, row: MediaTileRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: MediaTileRow, primitives: RowPrimitives): HTMLElement;
+declare function recycle(body: HTMLElement): void;
+export declare const mediaTileRowRenderer: {
+    key: "mediaTile";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    measure: (_row: MediaTileRow, _width: number) => number;
+    measureRendered: (_body: HTMLElement, _row: MediaTileRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=MediaTileRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/MessageRowRenderer.d.ts

@@ -0,0 +1,44 @@
+import type { RowPrimitives } from './RowVisual';
+import type { MessageRow, NativeListTextStyle } from '../../models';
+export declare function resolveMessageRow(row: MessageRow): {
+    title: Readonly<{
+        value: string;
+        style: Required<Pick<NativeListTextStyle, "fontSize" | "lineHeight" | "lines">> & NativeListTextStyle;
+    }>;
+    body: Readonly<{
+        value: string;
+        style: Required<Pick<NativeListTextStyle, "fontSize" | "lineHeight" | "lines">> & NativeListTextStyle;
+    }>;
+    time: Readonly<{
+        value: string;
+        style: Required<Pick<NativeListTextStyle, "fontSize" | "lineHeight" | "lines">> & NativeListTextStyle;
+    }>;
+    horizontalPadding: number;
+    verticalPadding: number;
+    lineGap: number;
+    leadingGap: number;
+    imageWidth: number;
+    imageHeight: number;
+    image: Readonly<{
+        width?: number;
+        height?: number;
+        shape?: "circle" | "rounded" | "square";
+        cornerRadius?: number;
+        contentFit?: import("../..").ImageContentFit;
+    }> | undefined;
+    automaticHeight: boolean;
+};
+export declare function classifyMessageUpdate(old: MessageRow | undefined, row: MessageRow): "replace" | "unchanged" | "assets" | "content";
+export declare function bindMessageRow(body: HTMLElement, row: MessageRow, primitives: RowPrimitives): void;
+export declare function createMessageRow(document: Document, row: MessageRow, primitives: RowPrimitives): HTMLElement;
+export declare function recycleMessageRow(body: HTMLElement): void;
+export declare function measureMessageRow(row: MessageRow, availableWidth: number): number;
+export declare const messageRowRenderer: {
+    key: "message";
+    create: typeof createMessageRow;
+    bind: typeof bindMessageRow;
+    recycle: typeof recycleMessageRow;
+    measure: typeof measureMessageRow;
+    measureRendered: (body: HTMLElement, row: MessageRow) => number | undefined;
+};
+//# sourceMappingURL=MessageRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/MetricCardRowRenderer.d.ts

@@ -0,0 +1,15 @@
+import type { MetricCardRow } from '../../models';
+import { type RowPrimitives } from './RowVisual';
+declare function bind(body: HTMLElement, row: MetricCardRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: MetricCardRow, primitives: RowPrimitives): HTMLDivElement;
+declare function recycle(body: HTMLElement): void;
+export declare const metricCardRowRenderer: {
+    key: "metricCard";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    measure: (row: MetricCardRow, _width: number) => 161 | 178 | 132;
+    measureRendered: (_body: HTMLElement, _row: MetricCardRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=MetricCardRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/RailRowRenderer.d.ts

@@ -0,0 +1,28 @@
+import type { RailRow } from '../../models';
+import type { RowPrimitives } from './RowVisual';
+export declare function resolveRailRow(row: RailRow): {
+    horizontalPadding: number;
+    verticalPadding: number;
+    leadingGap: number;
+    badgeGap: number;
+    trailingGap: number;
+    width: number;
+    height: number;
+    title: string;
+    badge: string;
+    status: string;
+};
+declare function bind(body: HTMLElement, row: RailRow, primitives: RowPrimitives): void;
+declare function create(document: Document, row: RailRow, primitives: RowPrimitives): HTMLDivElement;
+declare function recycle(body: HTMLElement): void;
+export declare function measureRailWidth(row: RailRow): number;
+export declare const railRowRenderer: {
+    key: "rail";
+    create: typeof create;
+    bind: typeof bind;
+    recycle: typeof recycle;
+    measure: (_row: RailRow, _width: number) => number;
+    measureRendered: (_body: HTMLElement, _row: RailRow) => number | undefined;
+};
+export {};
+//# sourceMappingURL=RailRowRenderer.d.ts.map

package/lib/typescript/src/web/templates/RowContainerStyle.d.ts

@@ -0,0 +1,9 @@
+import type { RowModel } from '../../models';
+/**
+ * Undo the previous container pass before a renderer rebinds `body`, so the
+ * renderer always writes over its own baseline and the next
+ * `applyRowContainerStyle` records that fresh value as the value to restore.
+ */
+export declare function resetRowContainerStyle(body: HTMLElement): void;
+export declare function applyRowContainerStyle(body: HTMLElement, row: RowModel): void;
+//# sourceMappingURL=RowContainerStyle.d.ts.map

package/lib/typescript/src/web/templates/RowElements.d.ts

@@ -0,0 +1,38 @@
+import type { NativeListActionSource } from '../../models';
+export declare function createElement(document: Document, tag: string, className?: string, text?: string): HTMLElement;
+export declare function setData(element: HTMLElement, name: string, value: string | number | boolean | undefined): void;
+export declare function tagSlot<T extends HTMLElement>(element: T, slot: string): T;
+export declare function markActionAnchorSource(element: HTMLElement, source: NativeListActionSource, slot?: number): void;
+export declare function createTextColumn(document: Document, title: string, subtitle?: string, tertiary?: string, tertiaryTone?: 'secondary' | 'info', badges?: readonly Readonly<{
+    text: string;
+    tone?: string;
+}>[], slots?: Readonly<{
+    title: string;
+    subtitle: string;
+    tertiary: string;
+}>): HTMLElement;
+export declare function createBadge(document: Document, badge: Readonly<{
+    text: string;
+    tone?: string;
+}>): HTMLElement;
+export declare function applyTabularNumbers(body: HTMLElement): void;
+/**
+ * Selector presentations use their explicit-height geometry whenever the row
+ * has a resolved explicit height: the legacy `row.height` or the preferred
+ * `style.container.height`.
+ */
+export declare function hasExplicitRowHeight(row: Readonly<{
+    height?: number;
+    style?: Readonly<{
+        container?: Readonly<{
+            height?: number;
+        }>;
+    }>;
+}>): boolean;
+/** Legacy `size` preset adjustment, applied by templates that opt in. */
+export declare function rowSizeModifier(size: string | undefined): number;
+/** Captures factory inline styles of a template subtree. */
+export declare function captureInlineStyles(root: HTMLElement): Map<HTMLElement, string>;
+/** Restores captured factory styles while keeping image loading visibility. */
+export declare function restoreInlineStyles(defaults: Map<HTMLElement, string>): void;
+//# sourceMappingURL=RowElements.d.ts.map