import { Color, Node, Op, Option } from '@lattice-php/core';
import { ColumnNode, FilterNode } from './types.js';
import { ColumnWidth, ContentAlign, DateTimeStyle, HttpMethod, NumberFormatUnit, Side } from '@lattice-php/ui';
import { Effect } from '@lattice-php/ui/effects/types';
export type BadgeColumn = {
    align: ContentAlign;
    colors: Record<string | number, Color> | null;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type BooleanColumn = {
    align: ContentAlign;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type Column = {
    align: ContentAlign;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type ColumnFilter = {
    readonly clauseOptions: ColumnFilterOption[];
    readonly control: FilterControl | null;
    readonly defaultOperator: Op;
    readonly multiple: boolean;
    readonly operators: Op[];
    readonly options: Option[];
    readonly searchable: boolean;
    readonly type: FilterType;
};
export type ColumnFilterOption = {
    readonly clauses: ColumnFilterOptionClause[];
    readonly label: string;
    readonly value: string;
};
export type ColumnFilterOptionClause = {
    readonly operator: Op;
    readonly value: string;
};
export type ColumnNodeType = "column.badge" | "column.boolean" | "column.icon" | "column.image" | "column.money" | "column.number" | "column.stack" | "column.text";
export type ColumnPropsMap = {
    "column.badge": BadgeColumn;
    "column.boolean": BooleanColumn;
    "column.icon": IconColumn;
    "column.image": ImageColumn;
    "column.money": MoneyColumn;
    "column.number": NumberColumn;
    "column.stack": StackColumn;
    "column.text": TextColumn;
};
export type ComponentPropsMap = {
    table: Table;
    "table.row-click": RowClick;
};
export type DateRangeFilter = {
    label: string;
};
export type Filter = {
    label: string;
};
export type FilterClause = {
    readonly field: string;
    readonly operator: Op;
    readonly value: string;
};
export type FilterControl = "filter.select" | "filter.ternary" | "filter.date-range" | "filter.toggle";
export type FilterIndicator = {
    readonly filter: string;
    readonly label: string;
    readonly value: string;
};
export type FilterNodeType = "filter.date-range" | "filter.select" | "filter.ternary" | "filter.toggle";
export type FilterPropsMap = {
    "filter.date-range": DateRangeFilter;
    "filter.select": SelectFilter;
    "filter.ternary": TernaryFilter;
    "filter.toggle": ToggleFilter;
};
export type FilterType = "text" | "number" | "date" | "boolean";
export type IconColumn = {
    align: ContentAlign;
    colors: Record<string | number, Color> | null;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    icon: string | null;
    icons: Record<string | number, string> | null;
    label: string | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type ImageColumn = {
    align: ContentAlign;
    circular: boolean;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    options: Option[];
    pinned: Side | null;
    previewable: boolean;
    size: number | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type MoneyColumn = {
    align: ContentAlign;
    copyable: boolean;
    currency: string | null;
    currencyField: string | null;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    maximumFractionDigits: number | null;
    minimumFractionDigits: number | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type NumberColumn = {
    align: ContentAlign;
    compact: boolean;
    copyable: boolean;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    maximumFractionDigits: number | null;
    minimumFractionDigits: number | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    unit: NumberFormatUnit | null;
    width: ColumnWidth;
};
export type PaginationType = "none" | "simple" | "table" | "infinite";
export type RowClick = {
    action: Node | null;
    effects: Effect[];
    href: string | null;
    label: string | null;
    method: HttpMethod | null;
    modal: Node<"modal"> | null;
};
export type SelectFilter = {
    label: string;
    multiple: boolean;
    options: Option[];
    placeholder: string | null;
    searchable: boolean;
};
export type SortDirection = "asc" | "desc";
export type StackColumn = {
    align: ContentAlign;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type Table = {
    actionsLabel: string | null;
    bulkActions: Node[];
    columns: ColumnNode[];
    data: Record<string, unknown>[] | null;
    defaultPerPage: number;
    emptyLabel: string | null;
    endpoint: string | null;
    filters: FilterNode[];
    layout: string | null;
    lazy: boolean;
    pagination: TablePagination | null;
    perPageOptions: (number | string)[];
    pinnableColumns: boolean;
    query: TableQuery | null;
    queryKey: string | null;
    ref: string | null;
    resizableColumns: boolean;
    resizeIndicator: boolean;
    searchable: boolean;
    striped: boolean;
    syncQuery: boolean;
    toolbar: Node[];
};
export type TableNodeType = "table" | "table.row-click";
export type TablePagination = {
    readonly currentPage: number | null;
    readonly from: number | null;
    readonly hasMore: boolean;
    readonly lastPage: number | null;
    readonly mode: PaginationType;
    readonly nextPage: number | null;
    readonly perPage: number | null;
    readonly to: number | null;
    readonly total: number | null;
};
export type TableQuery = {
    readonly filters: FilterClause[];
    readonly mode: PaginationType | null;
    readonly page: number;
    readonly perPage: number;
    readonly search: string;
    readonly sorts: TableSort[];
    readonly tableFilterIndicators: FilterIndicator[];
    readonly tableFilters: Record<string, Record<string, unknown>>;
};
export type TableResult = {
    readonly data: Record<string, unknown>[];
    readonly pagination: TablePagination | null;
    readonly query: TableQuery;
};
export type TableSort = {
    readonly direction: SortDirection;
    readonly key: string;
};
export type TernaryFilter = {
    falseLabel: string;
    label: string;
    placeholder: string;
    trueLabel: string;
};
export type TextColumn = {
    align: ContentAlign;
    badge: {
        colorKey: string;
    } | null;
    copyable: boolean;
    date: {
        dateStyle: DateTimeStyle | null;
        timeStyle: DateTimeStyle | null;
    } | null;
    filter: ColumnFilter | null;
    hiddenByDefault: boolean;
    label: string | null;
    link: {
        external: boolean;
        href: string | null;
    } | null;
    multiple: string | null;
    options: Option[];
    pinned: Side | null;
    sortable: boolean;
    toggleable: boolean;
    width: ColumnWidth;
};
export type ToggleFilter = {
    label: string;
};