@coveord/plasma-mantine/dist/esm/components/Table/Table.d.ts

A Plasma flavoured Mantine theme

import { Factory } from '@mantine/core';
import { ColumnDef } from '@tanstack/react-table';
import { ForwardedRef } from 'react';
import { CustomComponentThemeExtend } from '../../utils/createFactoryComponent.js';
import { TableLayout, TableProps } from './Table.types.js';
import { TableLayouts } from './layouts/TableLayouts.js';
import { TableActionItem, TableActionItemStylesNames } from './table-actions/TableActionItem.js';
import { TableActionsListStylesNames } from './table-actions/TableActionsList.js';
import { TableHeaderActionsStylesNames } from './table-actions/TableHeaderActions.js';
import { TableActionsColumn } from './table-column/TableActionsColumn.js';
import { TableAccordionColumn, TableCollapsibleColumn, TableCollapsibleColumnStylesNames } from './table-column/TableCollapsibleColumn.js';
import { TableDateRangePicker, TableDateRangePickerStylesNames } from './table-date-range-picker/TableDateRangePicker.js';
import { TableFilter, TableFilterStylesNames } from './table-filter/TableFilter.js';
import { TableFooter } from './table-footer/TableFooter.js';
import { TableHeader, TableHeaderStylesNames } from './table-header/TableHeader.js';
import { TableThStylesNames } from './table-header/Th.js';
import { TableLastUpdated, TableLastUpdatedStylesNames } from './table-last-updated/TableLastUpdated.js';
import { TableLoading } from './table-loading/TableLoading.js';
import { TableNoData } from './table-no-data/TableNoData.js';
import { TablePagination } from './table-pagination/TablePagination.js';
import { TablePerPage } from './table-per-page/TablePerPage.js';
import { TablePredicate, TablePredicateStylesNames } from './table-predicate/TablePredicate.js';
type TableStylesNames = 'root' | 'table' | 'header' | 'body' | TableHeaderActionsStylesNames | TableActionsListStylesNames | TableActionItemStylesNames | TableCollapsibleColumnStylesNames | TableDateRangePickerStylesNames | TableFilterStylesNames | TableHeaderStylesNames | TableThStylesNames | TableLastUpdatedStylesNames | TablePredicateStylesNames;
export type PlasmaTableFactory = Factory<{
    props: TableProps<unknown>;
    ref: HTMLDivElement;
    stylesNames: TableStylesNames;
    staticComponents: {
        AccordionColumn: typeof TableAccordionColumn;
        ActionsColumn: typeof TableActionsColumn;
        ActionItem: typeof TableActionItem;
        CollapsibleColumn: typeof TableCollapsibleColumn;
        DateRangePicker: typeof TableDateRangePicker;
        Filter: typeof TableFilter;
        Footer: typeof TableFooter;
        Header: typeof TableHeader;
        LastUpdated: typeof TableLastUpdated;
        Layouts: typeof TableLayouts;
        Loading: typeof TableLoading;
        NoData: typeof TableNoData;
        Pagination: typeof TablePagination;
        PerPage: typeof TablePerPage;
        Predicate: typeof TablePredicate;
    };
}>;
export declare const Table: {
    <T>(props: TableProps<T> & {
        ref?: ForwardedRef<HTMLDivElement>;
    }): import("react/jsx-runtime").JSX.Element;
    AccordionColumn: ColumnDef<unknown>;
    ActionsColumn: ColumnDef<unknown>;
    ActionItem: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, import("./table-actions/TableActionItem.js").TableActionItemProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(import("./table-actions/TableActionItem.js").TableActionItemProps & {
        component?: any;
    } & Omit<Omit<any, "ref">, "component" | keyof import("./table-actions/TableActionItem.js").TableActionItemProps> & {
        ref?: any;
        renderRoot?: (props: any) => any;
    }) | (import("./table-actions/TableActionItem.js").TableActionItemProps & {
        component: React.ElementType;
        renderRoot?: (props: Record<string, any>) => any;
    })>, never> & import("@mantine/core").ThemeExtend<{
        props: import("./table-actions/TableActionItem.js").TableActionItemProps;
        defaultRef: HTMLButtonElement;
        defaultComponent: "button";
        stylesNames: TableActionItemStylesNames;
        compound: true;
    }> & import("@mantine/core").ComponentClasses<{
        props: import("./table-actions/TableActionItem.js").TableActionItemProps;
        defaultRef: HTMLButtonElement;
        defaultComponent: "button";
        stylesNames: TableActionItemStylesNames;
        compound: true;
    }> & import("@mantine/core").PolymorphicComponentWithProps<{
        props: import("./table-actions/TableActionItem.js").TableActionItemProps;
        defaultRef: HTMLButtonElement;
        defaultComponent: "button";
        stylesNames: TableActionItemStylesNames;
        compound: true;
    }>;
    CollapsibleColumn: ColumnDef<unknown>;
    DateRangePicker: import("@mantine/core").MantineComponent<{
        props: import("./table-date-range-picker/TableDateRangePicker.js").TableDateRangePickerProps;
        ref: HTMLDivElement;
        stylesNames: TableDateRangePickerStylesNames;
        compound: true;
    }>;
    Filter: import("@mantine/core").MantineComponent<{
        props: import("./table-filter/TableFilter.js").TableFilterProps;
        ref: HTMLDivElement;
        stylesNames: TableFilterStylesNames;
        compound: true;
    }>;
    Footer: import("react").FunctionComponent<import("./table-footer/TableFooter.js").TableFooterProps>;
    Header: import("@mantine/core").MantineComponent<{
        props: import("./table-header/TableHeader.js").TableHeaderProps;
        ref: HTMLDivElement;
        stylesNames: TableHeaderStylesNames;
        compound: true;
    }>;
    LastUpdated: import("@mantine/core").MantineComponent<{
        props: import("./table-last-updated/TableLastUpdated.js").TableLastUpdatedProps;
        ref: HTMLDivElement;
        stylesNames: TableLastUpdatedStylesNames;
        compound: true;
    }>;
    Layouts: {
        Rows: import("@mantine/core").MantineComponent<{
            ref?: never;
            props: import("./layouts/row-layout/RowLayout.js").RowLayoutProps;
            stylesNames: "headerRow" | import("./layouts/row-layout/RowLayoutBody.js").RowLayoutBodyStylesNames;
            staticComponents: TableLayout;
        }>;
    };
    Loading: import("react").FunctionComponent<import("@mantine/core").SkeletonProps>;
    NoData: import("react").FunctionComponent<import("./table-no-data/TableNoData.js").TableNoDataProps>;
    Pagination: import("react").FunctionComponent<import("./table-pagination/TablePagination.types.js").TablePaginationProps>;
    PerPage: import("react").FunctionComponent<import("./table-per-page/TablePerPage.types.js").TablePerPageProps> & {
        DEFAULT_SIZE: number;
    };
    Predicate: import("react").FunctionComponent<import("./table-predicate/TablePredicate.js").TablePredicateProps>;
    extend: CustomComponentThemeExtend<{
        props: TableProps<unknown>;
        ref: HTMLDivElement;
        stylesNames: TableStylesNames;
        staticComponents: {
            AccordionColumn: typeof TableAccordionColumn;
            ActionsColumn: typeof TableActionsColumn;
            ActionItem: typeof TableActionItem;
            CollapsibleColumn: typeof TableCollapsibleColumn;
            DateRangePicker: typeof TableDateRangePicker;
            Filter: typeof TableFilter;
            Footer: typeof TableFooter;
            Header: typeof TableHeader;
            LastUpdated: typeof TableLastUpdated;
            Layouts: typeof TableLayouts;
            Loading: typeof TableLoading;
            NoData: typeof TableNoData;
            Pagination: typeof TablePagination;
            PerPage: typeof TablePerPage;
            Predicate: typeof TablePredicate;
        };
    }>;
};
export declare const TableComponentsOrder: {
    MultiSelectInfo: number;
    Actions: number;
    Predicate: number;
    Filter: number;
    DateRangePicker: number;
    LayoutControl: number;
};
export {};
//# sourceMappingURL=Table.d.ts.map