@blueprintjs/table/lib/esm/interactions/resizable.d.ts

Scalable interactive table component

import * as React from "react";
import { AbstractPureComponent, type Props } from "@blueprintjs/core";
import { type LockableLayout, Orientation } from "./resizeHandle";
export type IndexedResizeCallback = (index: number, size: number) => void;
export interface ResizableProps extends Props, LockableLayout {
    /** Element to resize. */
    children: React.ReactNode;
    /**
     * Enables/disables the resize interaction for the column.
     *
     * @default true
     */
    isResizable?: boolean;
    /**
     * The optional maximum width of the column.
     */
    maxSize?: number;
    /**
     * The optional minimum width of the column.
     */
    minSize?: number;
    /**
     * A callback that is called while the user is dragging the resize
     * handle.
     *
     * @param size is the resized size
     */
    onSizeChanged?: (size: number) => void;
    /**
     * A callback that is called when the user is done dragging the resize
     * handle.
     *
     * @param size is the final resized size
     */
    onResizeEnd?: (size: number) => void;
    /**
     * A callback that is called when the user double clicks the resize handle
     */
    onDoubleClick?: () => void;
    /**
     * Determines how the resize handle is oriented in the resizable child.
     */
    orientation: Orientation;
    /**
     * The initial dimensional size.
     */
    size: number;
}
export interface ResizeableState {
    /**
     * The dimensional size, respecting minimum and maximum constraints.
     */
    size: number;
    /**
     * The dimensional size, ignoring minimum and maximum constraints.
     */
    unclampedSize: number;
}
export declare class Resizable extends AbstractPureComponent<ResizableProps, ResizeableState> {
    static defaultProps: {
        isResizable: boolean;
        minSize: number;
    };
    static getDerivedStateFromProps({ size }: ResizableProps, prevState: ResizeableState | null): {
        size: number;
        unclampedSize: number;
    } | null;
    state: ResizeableState;
    componentDidUpdate(prevProps: ResizableProps): void;
    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
    private renderResizeHandle;
    private onResizeMove;
    private onResizeEnd;
    /**
     * Returns the CSS style to apply to the child element given the state's
     * size value.
     */
    private getStyle;
    private offsetSize;
}