Blueprint Table Loading Options

draft.ts

// column.ts
export type ColumnLoadingOptions = "cell"
    | "column-header"
export const ColumnLoadingOptions = {
    CELL: "cell" as ColumnLoadingOptions,
    COLUMN_HEADER: "column-header" as ColumnLoadingOptions,
};

export interface IColumnProps extends IColumnNameProps, IProps {
    ...
    loadingOptions?: Set<ColumnLoadingOptions>;
}

// rowHeader.tsx

export type RowHeaderLoadingOptions = "row-header";
      
export interface IRowHeaderProps extends ISelectableProps, IRowIndices, IRowHeights, ILockableLayout {
    ...
    loadingOptions?: Set<ColumnLoadingOptions>;
}
      
// table.tsx
      
export type TableLoadingOptions = ColumnLoadingOptions | RowHeaderLoadingOptions;
export const TableLoadingOptions = {
    CELL: "blah" as TableLoadingOptions,
    COLUMN_HEADER: "column-header" as TableLoadingOptions,
    ROW_HEADER: "row-header" as TableLoadingOptions,
};

export interface ITableProps extends IProps, IRowHeights, IColumnWidths {
    ...
    /**
     * An optional set of `TableLoadingOptions`. When non-empty, the table will
     * show a loading animation for all cells that match the options provided.
     * For example, a set containing `TableLoadingOptions.COLUMN_HEADER` will
     * cause all column header cells to show a loading animation. For more
     * granular loading behavior, try directly setting the `loadingOptions`
     * prop on `Column` components.
     * @default null
     */
    loadingOptions?: Set<TableLoadingOptions>;     
}