adwaita-web/dist/components/Paned.d.ts

A GTK inspired toolkit designed to build awesome web apps

import React from "react";
export declare const properties: {
    horizontal: {
        readonly size: "width";
        readonly position: "left";
        readonly event: "x";
    };
    vertical: {
        readonly size: "height";
        readonly position: "top";
        readonly event: "y";
    };
};
export declare type Orientation = keyof typeof properties;
export declare type PanedProps = React.PropsWithChildren<{
    className?: string;
    orientation?: Orientation;
    size?: number;
    defaultSize?: number;
    border?: boolean | "handle";
    fill?: boolean | "width" | "height";
    /**
     * Makes this component grow to fill the available space, requires the container to
     * be a flexbox to work.
     */
    grow?: boolean | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 999;
}>;
export declare class Paned extends React.Component<PanedProps> {
    static defaultProps: {
        orientation: string;
        border: boolean;
    };
    handle: React.MutableRefObject<HTMLDivElement | null>;
    touchId: number | undefined;
    state: {
        size?: number;
        containerSize?: number;
    };
    constructor(props: PanedProps);
    removeEventListeners: () => void;
    onTouchMove: (event: MouseEvent | TouchEvent) => void;
    onTouchEnd: () => void;
    onTouchStart: (event: React.TouchEvent) => void;
    onMouseDown: (event: React.MouseEvent) => void;
    onKeyDown: (ev: React.KeyboardEvent) => void;
    updateContainerSize(dimensions: {
        width: number;
        height: number;
    }): void;
    render(): JSX.Element;
}