import { ShapeToType } from "@sealcode/ts-predicates";
import { Context } from "koa";
import { FlatTemplatable, Templatable } from "tempstream";
import { FormControl } from "../forms/controls/controls.js";
import { FormField } from "../forms/fields/field.js";
import { NumberField } from "../forms/fields/number.js";
import { TextBasedSimpleField } from "../forms/fields/simple-form-field.js";
import { FormDataValue } from "../forms/form-types.js";
import { Page } from "./page.js";
import Router from "@koa/router";
export declare const BasePagePropsShape: {};
export type BasePageProps = ShapeToType<typeof BasePagePropsShape>;
export declare const DEFAULT_ITEMS_PER_PAGE = 12;
export declare const BaseListPageFields: {
    readonly page: NumberField<1, false>;
    readonly itemsPerPage: NumberField<12, false>;
    readonly sort: TextBasedSimpleField<false, import("../forms/controls/simple-input.js").SimpleInput<import("../forms/controls/simple-input.js").SimpleInputOptions>>;
};
export type ListSort = {
    field: string;
    order: "asc" | "desc";
};
export declare abstract class ListPage<ItemType, F extends typeof BaseListPageFields> extends Page<F> {
    abstract getItems(ctx: Context, page: number, itemsPerPage: number | null, values: Record<string, FormDataValue>): Promise<ItemType[]>;
    abstract getTotalPages(ctx: Context, itemsPerPage: number, values: Record<string, FormDataValue>): Promise<number>;
    abstract renderItem(ctx: Context, item: ItemType, index: number): Promise<FlatTemplatable>;
    filterFields: Record<string, FormField>;
    filterControls: FormControl[];
    init(path: string, router: Router): void;
    renderListContainer(_: Context, content: Templatable): FlatTemplatable;
    getPaginationConfig(ctx: Context): Promise<{
        page: number;
        itemsPerPage: number | null;
    }>;
    renderItems(ctx: Context, values?: Record<string, FormDataValue>, items?: ItemType[]): Promise<FlatTemplatable>;
    renderPagination(ctx: Context, values: Record<string, FormDataValue>): Promise<FlatTemplatable>;
    private renderPageButton;
    getFilterValues(ctx: Context): Promise<Record<string, unknown>>;
    getSort(ctx: Context): Promise<ListSort | null>;
    makeSortLink(ctx: Context, field: string, order: "asc" | "desc" | null): string;
    renderFilters(ctx: Context): Promise<FlatTemplatable>;
    renderHeading(ctx: Context, field: string, label?: string): Promise<FlatTemplatable>;
    getDefaultSort(_: Context): ListSort | null;
    renderTableHead(ctx: Context, fields: {
        field: string;
        label?: string;
    }[]): FlatTemplatable;
    render(ctx: Context): Promise<FlatTemplatable>;
}