@oliasoft-open-source/react-ui-library 3.12.0-beta-15 → 3.12.0-beta-16

package/dist/index.d.ts

@@ -1,78 +1,1466 @@
-export { Accordion } from './components/accordion/accordion';
-export { AccordionWithDefaultToggle } from './components/accordion/helpers/accordion-with-default-toggle';
-export { Actions } from './components/actions/actions';
-export { Badge } from './components/badge/badge';
-export { Breadcrumb } from './components/breadcrumb/breadcrumb';
-export { Button } from './components/button/button';
-export { ButtonGroup } from './components/button-group/button-group';
-export { Card } from './components/card/card';
-export { CheckBox } from './components/check-box/check-box';
-export { Column } from './components/layout/column/column';
-export { Divider } from './components/divider/divider';
-export { Dialog } from './components/dialog/dialog';
-export { Drawer } from './components/drawer/drawer';
-export { Empty } from './components/empty/empty';
-export { FileInput } from './components/file-input/file-input';
-export { readFile } from './components/file-input/file-input';
-export { Field } from './components/form/field';
-export { Flex } from './components/layout/flex/flex';
-export { FormRow } from './components/layout/form-row/form-row';
-export { Grid } from './components/layout/grid/grid';
-export { Icon } from './components/icon/icon';
-export { InputGroup } from './components/input-group/input-group';
-export { InputGroupAddon } from './components/input-group/input-group-addon/input-group-addon';
-export { HelpIcon } from './components/help-icon/help-icon';
-export { Heading } from './components/heading/heading';
-export { Input, widthOfCharacters } from './components/input/input';
-export { Label } from './components/label/label';
-export { List } from './components/list/list';
-export { ListHeading } from './components/list/list-row/list-heading';
-export { ListSubheading } from './components/list/list-row/list-subheading';
-export { Loader } from './components/loader/loader';
-export { Menu } from './components/menu/menu';
-export { Message } from './components/message/message';
-export { Modal } from './components/modal/modal';
-export { OptionDropdown } from './components/option-dropdown/option-dropdown';
-export { Page } from './components/layout/page/page';
-export { Pagination } from './components/pagination/pagination';
-export { Popover } from './components/popover/popover';
-export { Portal } from './components/portal/portal';
-export { PrintHeader } from './components/layout/print-header/print-header';
-export { ProgressBar } from './components/progress-bar/progress-bar';
-export { RadioButton } from './components/radio-button/radio-button';
-export { RichTextInput } from './components/rich-text-input/rich-text-input';
-export { NativeSelect } from './components/select/native-select/native-select';
-export { Row } from './components/layout/row/row';
-export { Select } from './components/select/select';
-export { SideBar } from './components/side-bar/side-bar';
-export { Slider } from './components/slider/slider';
-export { Spacer } from './components/layout/spacer/spacer';
-export { Spinner } from './components/spinner/spinner';
-export { Table } from './components/table/table';
-export { Tabs } from './components/tabs/tabs';
-export { Text } from './components/text/text';
-export { TextLink } from './components/text-link/text-link';
-export { TextArea } from './components/textarea/textarea';
-export { Toaster, toast } from './components/toaster/toaster';
-export { Toggle } from './components/toggle/toggle';
-export { Tooltip } from './components/tooltip/tooltip';
-export { TopBar } from './components/top-bar/top-bar';
-export { PopConfirm } from './components/pop-confirm/pop-confirm';
-export { Tree } from './components/tree/tree';
-export { NumberInput } from './components/number-input/number-input';
-export { useKeyboardEvent, useFocus, useWindowWidth } from './hooks';
-export { DisabledContext } from './helpers/disabled-context';
-export { BreadcrumbLinkType } from './components/breadcrumb/enum';
-export { ButtonType } from './components/button/enum';
-export { MenuType } from './components/menu/enum';
-export { Align } from './common-enum';
-export { ButtonPosition } from './common-enum';
-export { InputReaderMethods } from './components/file-input/enum';
-export { TriggerType } from './common-enum';
-export { Theme } from './common-enum';
-export { MenuCarat } from './components/menu/enum';
-export { MessageType } from './components/message/enum';
-export { GroupOrder } from './common-enum';
-export { Color } from './common-enum';
-export { IconType } from './common-enum';
-export { InputType } from './common-enum';
+import { ChangeEvent } from 'react';
+import { CSSProperties } from 'react';
+import { DependencyList } from 'react';
+import { FocusEvent as FocusEvent_2 } from 'react';
+import { Id } from 'react-toastify';
+import { KeyboardEvent as KeyboardEvent_2 } from 'react';
+import { MouseEvent as MouseEvent_2 } from 'react';
+import { MouseEventHandler } from 'react';
+import { MutableRefObject } from 'react';
+import { Placement } from 'react-laag';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
+import { RefObject } from 'react';
+import { ToastContainer as Toaster } from 'react-toastify';
+
+export declare const Accordion: ({ heading, expanded, managed, bordered, padding, children, onClick, squareBottom, testId, }: IAccordionProps) => React_2.JSX.Element;
+
+export declare const AccordionWithDefaultToggle: ({ heading, toggleLabel, onClickDefaultToggle, expanded, defaultEnabled, padding, children, }: IAccordionWithDefaultToggleProps) => React_2.JSX.Element;
+
+export declare const Actions: (props: IActionProps) => React_2.JSX.Element;
+
+export declare enum Align {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
+
+export declare const Badge: ({ children, color, title, dot, margin, small, }: IBadgeProps) => React_2.JSX.Element;
+
+declare type BaseElementProps = {
+    label?: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    testId?: string;
+};
+
+export declare const Breadcrumb: ({ links, small }: IBreadcrumbProps) => React_2.JSX.Element;
+
+export declare enum BreadcrumbLinkType {
+    LABEL = "label",
+    LINK = "link",
+    CUSTOM = "custom"
+}
+
+export declare const Button: ({ active, basic, colored, disabled, groupOrder, icon, label, loading, name, pill, round, small, styles, width, title, type, onClick, error, warning, testId, tooltip, inverted, }: IButtonProps) => React_2.JSX.Element;
+
+declare type ButtonElement = BaseElementProps & {
+    type: TopBarElementType.BUTTON;
+    colored?: boolean;
+    disabled?: boolean;
+};
+
+export declare const ButtonGroup: (props: IButtonGroupProps) => React_2.JSX.Element;
+
+export declare enum ButtonPosition {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+
+export declare enum ButtonType {
+    SUBMIT = "submit",
+    BUTTON = "button",
+    RESET = "reset"
+}
+
+export declare const Card: ({ bordered, heading, children, margin, padding, raised, }: ICardProps) => React_2.JSX.Element;
+
+export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, name, key, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => React_2.JSX.Element;
+
+export declare enum Color {
+    DANGER = "danger",
+    RED = "red",
+    WHITE = "white",
+    SUCCESS = "success",
+    GREEN = "green",
+    MUTED = "muted"
+}
+
+export declare const Column: ({ background, borderLeft, borderRight, children, flex, flexbox, padding, scroll, showScrollbar, spacing, width, widthMobile, widthTablet, testId, }: ILayoutColumnProps) => React_2.JSX.Element;
+
+declare type ComponentElement = {
+    type: TopBarElementType.COMPONENT;
+    component: ReactNode;
+};
+
+export declare const Dialog: ({ dialog }: IDialogProps) => React_2.JSX.Element;
+
+export declare const DisabledContext: React_2.Context<boolean>;
+
+export declare const Divider: ({ children, margin, color, align, }: IDividerProps) => React_2.JSX.Element;
+
+export declare const Drawer: ({ background, fixed, open: openProp, setOpen: setOpenProp, right, width, closedWidth, shadow, top, button, buttonAnimate, buttonPosition, border, children, tabs, defaultTabIndex, activeTab: activeTabProp, setActiveTab: setActiveTabProp, testId, onResize, getActiveTab, onClose, onOpen, }: IDrawerProps) => React_2.JSX.Element;
+
+export declare const Empty: ({ width, height, text, children, }: IEmptyProps) => React_2.JSX.Element;
+
+export declare const Field: ({ label, labelLeft, labelWidth, children, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, testId, }: IFieldProps) => React_2.JSX.Element;
+
+export declare const FileInput: ({ label, loading, placeholder, disabled, file, accept, multi, name, width, onChange, testId, }: IFileInputProps) => ReactElement;
+
+declare type FileReaderMethod = InputReaderMethods;
+
+export declare const Flex: ({ alignItems, justifyContent, direction, height, children, wrap, gap, }: ILayoutFlexProps) => React_2.JSX.Element;
+
+export declare const FormRow: ({ children }: ILayoutFormRowProps) => React_2.JSX.Element;
+
+export declare const Grid: ({ rows, columns, columnsTablet, columnsMobile, gap, height, children, }: ILayoutGridProps) => React_2.JSX.Element;
+
+export declare enum GroupOrder {
+    FIRST = "first",
+    MIDDLE = "middle",
+    LAST = "last"
+}
+
+export declare const Heading: ({ children, helpText, onClick, onClickHelp, onIconClick, icon, libraryIcon, marginBottom, top, testId, }: IHeadingProps) => React_2.JSX.Element;
+
+export declare const HelpIcon: ({ text, onClick, icon, active, maxWidth, testId, }: IHelpIconProps) => React_2.JSX.Element;
+
+declare interface IAccordionBaseProps {
+    heading: ReactNode;
+    expanded?: boolean;
+    bordered?: boolean;
+    padding?: boolean;
+    children?: ReactNode;
+    squareBottom?: boolean;
+    onClick?: () => void;
+    testId?: string;
+}
+
+declare interface IAccordionProps extends IAccordionBaseProps {
+    managed?: boolean;
+}
+
+declare interface IAccordionWithDefaultToggleProps {
+    heading: ReactNode;
+    toggleLabel: string;
+    expanded?: boolean;
+    defaultEnabled?: boolean;
+    onClickDefaultToggle?: (evt: ChangeEvent<HTMLInputElement>) => void;
+    padding?: boolean;
+    children?: ReactNode;
+}
+
+declare interface IAction {
+    label?: string;
+    childComponent?: ReactNode;
+    subActions?: ISubAction[];
+    primary?: boolean;
+    icon?: ReactNode;
+    testId?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    onClick?: (evt: React_2.MouseEvent, id?: string | number) => void;
+    tooltip?: ReactNode | string;
+}
+
+declare interface IActionProps {
+    actions: IAction[];
+    closeLayer?: () => void;
+}
+
+declare interface IBadgeProps {
+    children?: ReactNode;
+    color?: string;
+    title?: string | number | null;
+    dot?: boolean;
+    margin?: string | number | null;
+    small?: boolean;
+}
+
+declare interface IBreadcrumbProps {
+    links: ILinkProps[];
+    small?: boolean;
+}
+
+declare interface IBtnGroupItemProps {
+    label: string;
+    value: string;
+    key?: string | number;
+    hidden?: boolean;
+    icon?: any;
+    error?: any;
+    maxTooltipWidth?: any;
+    testId?: string;
+    tooltip?: any;
+    warning?: any;
+    disabled?: boolean;
+}
+
+declare interface IButtonGroupProps {
+    disabled?: boolean;
+    basic?: boolean;
+    items?: (string[] | IBtnGroupItemProps)[];
+    header?: string;
+    onSelected?: (key: string | number, value: string, label: string) => void;
+    small?: boolean;
+    value?: string | number;
+    testId?: string;
+}
+
+declare interface IButtonProps {
+    active?: boolean;
+    basic?: boolean;
+    colored?: boolean | string;
+    disabled?: boolean;
+    groupOrder?: string | null;
+    icon?: ReactNode | string;
+    label?: ReactNode | string;
+    loading?: boolean;
+    name?: string;
+    onClick?: (evt: MouseEvent_2<HTMLButtonElement>) => void;
+    pill?: boolean;
+    round?: boolean;
+    small?: boolean;
+    styles?: string;
+    width?: string | number;
+    title?: string;
+    type?: ButtonType;
+    error?: string;
+    warning?: string;
+    testId?: string;
+    tooltip?: ReactNode | string;
+    inverted?: boolean;
+}
+
+declare interface ICardProps {
+    bordered?: boolean;
+    heading?: ReactNode;
+    margin?: string;
+    padding?: boolean;
+    raised?: boolean;
+    children?: ReactNode;
+}
+
+declare interface ICheckBoxProps {
+    checked?: boolean;
+    isInTable?: boolean;
+    label?: string;
+    name?: string;
+    noMargin?: boolean;
+    onChange: (evt: React_2.ChangeEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    disabled?: boolean;
+    small?: boolean;
+    testId?: string;
+    key?: string;
+    dataix?: number;
+    value?: string;
+    helpText?: string;
+    onClickHelp?: () => void;
+}
+
+/**
+ * Icon wrapper component to support different icon formats:
+ *     - string names (default recommendation)
+ *     - react-icons
+ *     - SVG (for special cases)
+ */
+export declare const Icon: ({ icon, onClick, clickable, color, size, testId, }: IconProps) => React_2.JSX.Element;
+
+declare interface IconProps {
+    icon: ReactNode | string;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    clickable?: boolean;
+    color?: string;
+    size?: string | number;
+    testId?: string;
+}
+
+export declare enum IconType {
+    LIBRARY = "library",
+    ADD = "add",
+    DRAG = "drag",
+    DRAG_HORIZONTAL = "drag horizontal",
+    HELP = "help",
+    NOTIFICATION = "notification",
+    MENU = "menu",
+    EDIT = "edit",
+    FAST_FORWARD = "fast forward",
+    INDENT = "indent",
+    STAR = "star",
+    LIST = "list",
+    SETTINGS = "settings",
+    CHECK = "check",
+    LOCK = "lock",
+    UNLOCK = "unlock",
+    CLOSE = "close",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error",
+    INFO = "info",
+    LEFT = "left",
+    COLLAPSE = "collapse",
+    EXPAND = "expand",
+    SORT_ASCENDING = "sort ascending",
+    SORT_DESCENDING = "sort descending",
+    FAST_BACKWARD = "fast backward",
+    CHEVRON_DOWN = "chevron down",
+    CHEVRON_RIGHT = "chevron right",
+    CHEVRON_LEFT = "chevron left",
+    CHEVRON_DOUBLE_LEFT = "chevron double left",
+    CHEVRON_DOUBLE_RIGHT = "chevron double right"
+}
+
+declare interface IDialog {
+    heading?: string;
+    content?: ReactNode | string[];
+    contentPadding?: number | string;
+    footer?: ReactNode;
+    width?: number | string;
+    height?: number | string;
+    bordered?: boolean;
+    onClose?: () => void;
+    scroll?: boolean;
+    testId?: string;
+}
+
+declare interface IDialogProps {
+    dialog: IDialog;
+}
+
+declare interface IDividerProps {
+    margin?: number | string;
+    color?: string;
+    align?: Align;
+    children?: React_2.ReactNode;
+}
+
+declare interface IDrawerProps {
+    background?: string;
+    children?: ReactNode;
+    fixed?: boolean;
+    open?: boolean;
+    setOpen?: (openState: boolean) => void;
+    right?: boolean;
+    shadow?: boolean;
+    top?: string | number;
+    width?: string | number | Array<string | number>;
+    closedWidth?: string | number;
+    button?: boolean | ReactNode;
+    buttonAnimate?: boolean;
+    buttonPosition?: ButtonPosition;
+    border?: boolean | string;
+    tabs?: IDrawerTab[];
+    defaultTabIndex?: number;
+    activeTab?: number;
+    setActiveTab?: (index: number) => void;
+    testId?: string;
+    onResize?: (width: number | string | (number | string)[]) => void;
+    getActiveTab?: (tab: IDrawerTab) => void;
+    onClose?: (tab?: IDrawerTab) => any;
+    onOpen?: (tab?: IDrawerTab) => any;
+}
+
+declare interface IDrawerTab {
+    icon?: ReactNode | React_2.JSX.Element;
+    content?: ReactNode;
+    badge?: string | number;
+}
+
+declare interface IEmptyProps {
+    width?: string | number;
+    height?: string | number;
+    text?: string | ReactNode;
+    children?: ReactNode;
+}
+
+declare interface IFieldProps {
+    label?: string | number | ReactNode;
+    labelLeft?: boolean;
+    labelWidth?: string | number;
+    children: ReactNode;
+    helpText?: string | number | ReactNode;
+    helpTextMaxWidth?: string | number;
+    onClickHelp?: (event?: MouseEvent_2<HTMLDivElement>) => void;
+    lock?: ILabelLockProps;
+    info?: string;
+    libraryIcon?: ILabelIcon;
+    testId?: string;
+}
+
+declare interface IFileInputProps {
+    label?: string;
+    loading?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    file?: File;
+    accept?: string;
+    multi?: boolean;
+    name?: string;
+    width?: string | number;
+    onChange?: (event: any) => void;
+    testId?: string;
+}
+
+declare interface IFooterProps {
+    colSpan?: number;
+    pagination: IPagination;
+    actions?: IAction[];
+    content?: ReactNode;
+}
+
+declare interface IHeadingProps {
+    children: ReactNode;
+    helpText?: string;
+    onClick?: (evt: MouseEvent_2<HTMLDivElement>) => void;
+    onClickHelp?: () => void;
+    onIconClick?: () => void;
+    icon?: ReactNode;
+    libraryIcon?: ILibraryIconProps;
+    marginBottom?: string | number;
+    top?: boolean;
+    testId?: string;
+}
+
+declare interface IHelpIconProps {
+    text?: string | number | ReactNode;
+    onClick?: (event?: MouseEvent_2<HTMLDivElement>) => void;
+    icon?: ReactNode;
+    active?: boolean;
+    maxWidth?: string | number;
+    testId?: string;
+}
+
+declare interface IInputGroupAddonProps {
+    children: ReactNode;
+    groupOrder?: GroupOrder | null;
+    small?: boolean;
+}
+
+declare interface IInputGroupProps {
+    children: ReactNode;
+    small?: boolean;
+    width?: string | number;
+}
+
+declare interface IInputProps {
+    error?: string | number | React_2.ReactNode;
+    warning?: string | number | React_2.ReactNode;
+    tooltip?: string | number | React_2.ReactNode;
+    name?: string;
+    type?: string;
+    onChange?: React_2.ChangeEventHandler<HTMLInputElement>;
+    onKeyPress?: React_2.KeyboardEventHandler<HTMLInputElement>;
+    onFocus?: React_2.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React_2.FocusEventHandler<HTMLInputElement>;
+    small?: boolean;
+    placeholder?: string;
+    tabIndex?: number;
+    value?: string | number;
+    disabled?: boolean;
+    right?: boolean;
+    groupOrder?: string;
+    maxTooltipWidth?: string | number;
+    width?: string | number;
+    testId?: string;
+    size?: number;
+    isInTable?: boolean;
+}
+
+declare interface ILabel {
+    color: string;
+    value: string;
+}
+
+declare interface ILabelIcon {
+    onClick: () => void;
+    tooltip?: string;
+}
+
+declare interface ILabelLockProps {
+    visible?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+    tooltip?: string;
+    testId?: string;
+}
+
+declare interface ILabelProps {
+    label?: string | number | ReactNode;
+    helpText?: string | number | ReactNode;
+    helpTextMaxWidth?: string | number;
+    width?: string | number;
+    info?: string;
+    onClickHelp?: (event?: MouseEvent_2<HTMLDivElement>) => void;
+    lock?: ILabelLockProps;
+    libraryIcon?: ILabelIcon;
+    labelLeft?: boolean;
+}
+
+declare interface ILayoutColumnProps {
+    background?: string;
+    borderLeft?: boolean | string;
+    borderRight?: boolean | string;
+    children?: React_2.ReactNode;
+    flex?: boolean;
+    flexbox?: boolean;
+    padding?: boolean | string;
+    scroll?: boolean;
+    showScrollbar?: boolean;
+    spacing?: number | string;
+    width?: number | string;
+    widthMobile?: number | string;
+    widthTablet?: number | string;
+    testId?: string;
+}
+
+declare interface ILayoutFlexProps {
+    alignItems?: string;
+    justifyContent?: string;
+    direction?: string;
+    height?: string | number;
+    children?: React_2.ReactNode;
+    wrap?: boolean;
+    gap?: boolean | string | number;
+}
+
+declare interface ILayoutFormRowProps {
+    children?: ReactNode;
+}
+
+declare interface ILayoutGridProps {
+    rows?: string;
+    columns?: string;
+    columnsTablet?: string | null;
+    columnsMobile?: string | null;
+    gap?: boolean | string | number;
+    height?: string | number;
+    children?: ReactNode;
+}
+
+declare interface ILayoutPageProps {
+    children?: ReactNode;
+    padding?: boolean | string | number;
+    left?: string | number;
+    scroll?: boolean;
+    top?: string | number;
+}
+
+declare interface ILayoutRowProps {
+    alignItems?: CSSProperties['alignItems'];
+    justifyContent?: CSSProperties['justifyContent'];
+    children?: ReactNode;
+    flex?: boolean;
+    height?: string | number;
+    marginBottom?: string | number;
+    marginTop?: string | number;
+    spacing?: number;
+    wrap?: boolean;
+    testId?: string | null;
+}
+
+declare interface ILayoutSpacerProps {
+    height?: string | number;
+    width?: string | number | null;
+    flex?: boolean;
+}
+
+declare interface ILibraryIconProps {
+    onClick: () => void;
+    tooltip?: string;
+}
+
+declare interface ILinkProps {
+    type?: BreadcrumbLinkType;
+    label?: string | number;
+    url?: string;
+    onClick?: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    element?: ReactNode;
+}
+
+declare interface IListAction {
+    label: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    primary?: boolean;
+    subActions?: ISubAction_2[];
+    childComponent?: ReactNode;
+}
+
+declare interface IListData {
+    name?: ReactNode | string;
+    actions?: IListAction[];
+    items: IListItem[];
+}
+
+declare interface IListHeadingProps {
+    name: string | number | ReactNode;
+    actions?: any[];
+    toggleNarrow?: boolean;
+    onToggleNarrow?: () => void;
+    stickyHeader?: boolean;
+}
+
+declare interface IListItem {
+    name?: string | ReactElement;
+    cursor?: string;
+    url?: string;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: (evt: any) => void;
+    title?: string;
+    testId?: string;
+    level?: number;
+    label?: ILabel;
+    actions?: IAction[];
+    id: string | number;
+    type?: string;
+    metaCount?: number;
+}
+
+declare interface IListProps {
+    drawer?: boolean;
+    list: IListData;
+    bordered?: boolean;
+    expanding?: boolean;
+    narrow?: boolean;
+    toggleNarrow?: boolean;
+    onToggleNarrow?: () => void;
+    invokeEditOnRowClick?: boolean;
+    noHeader?: boolean;
+    stickyHeader?: boolean;
+    draggable?: boolean;
+    onListReorder?: (args: IReorderData) => void;
+    marginBottom?: number | string;
+    height?: number | string;
+    testId?: string;
+    scrollDetails?: IScrollDetails;
+}
+
+declare interface IListSubheadingItem extends Partial<IMetaContentItem> {
+    actions?: any;
+    disabled?: boolean;
+    expanded?: boolean;
+    onClick?: (evt: MouseEvent_2<HTMLDivElement>) => void;
+    title?: string;
+    testId?: string;
+    metaCount?: number;
+}
+
+declare interface IListSubheadingProps {
+    item: IListSubheadingItem;
+    index?: number;
+}
+
+declare interface ILoaderProps {
+    fullViewPortSize?: boolean;
+    cover?: boolean;
+    width?: string | number;
+    height?: string | number;
+    text?: string;
+    details?: string | ReactNode;
+    children?: ReactNode;
+    testId?: string | null;
+    theme?: Theme;
+}
+
+declare interface IMenuProps {
+    menu: {
+        trigger: TriggerType;
+        title?: string;
+        colored?: boolean | string;
+        small?: boolean;
+        label?: string;
+        component?: ReactNode;
+        sections?: ReactNode | IMenuSection[];
+        placement?: string;
+        possiblePlacements?: Placement[];
+        showAllButton?: IMenuShowAllButton;
+        testId?: string;
+        fullHeightTrigger?: boolean;
+    };
+    contextMenu?: boolean;
+    width?: string | number;
+    disabled?: boolean;
+    badgeTitle?: string;
+    badgeDot?: boolean;
+    loading?: boolean;
+    fullHeightTrigger?: boolean;
+    closeOnOptionClick?: boolean;
+    groupOrder?: GroupOrder;
+    overflowContainer?: boolean;
+    maxHeight?: string | number;
+    testId?: string;
+    open?: boolean;
+    setOpen?: (state: boolean) => void;
+    closeParent?: () => void;
+    tree?: any;
+    path?: any;
+    isNested?: boolean;
+    tooltip?: any;
+    error?: any;
+    warning?: any;
+    title?: string;
+}
+
+declare interface IMenuSection {
+    type: MenuType;
+    label?: string | number;
+    icon?: string | ReactNode;
+    onClick?: () => void;
+    testId?: string;
+    description?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    inline?: boolean;
+    title?: string;
+    download?: boolean;
+    onChange?: () => void;
+    menu?: any;
+    visible?: boolean;
+    closeOnOptionClick?: boolean;
+    actions?: any[];
+    url?: string;
+    upload?: boolean;
+}
+
+declare interface IMenuShowAllButton {
+    visible: boolean;
+    showAllTitle: string;
+    showLessTitle: string;
+    additionalSections: IMenuSection[];
+}
+
+declare interface IMessage {
+    visible?: boolean;
+    type: MessageType;
+    icon?: boolean;
+    heading?: ReactNode;
+    content: ReactNode;
+    details?: ReactNode;
+    footer?: ReactNode;
+    withDismiss?: boolean;
+    onClose?: (evt: MouseEvent_2<SVGSVGElement>) => void;
+    width?: string | number;
+    maxHeight?: string | number;
+}
+
+declare interface IMessageProps {
+    message: IMessage;
+}
+
+declare type IMessageType = {
+    type: MessageType;
+    icon: boolean;
+    heading: string;
+    content: string;
+    details?: string;
+};
+
+declare interface IMetaContentItem {
+    name?: string | number | ReactNode;
+    icon?: {
+        icon: ReactNode;
+        color?: string;
+        tooltip?: {
+            text: string | ReactNode;
+        };
+    };
+    details?: string | ReactNode;
+    metadata?: string | ReactNode;
+    invalid?: boolean;
+    testId?: string;
+}
+
+declare interface IModalProps {
+    children: ReactNode;
+    visible?: boolean;
+    centered?: boolean;
+    width?: string | number;
+}
+
+export declare const Input: React_2.ForwardRefExoticComponent<IInputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare const InputGroup: ({ children, small, width, }: IInputGroupProps) => ReactElement;
+
+export declare const InputGroupAddon: ({ children, groupOrder, small, }: IInputGroupAddonProps) => React_2.ReactElement;
+
+export declare enum InputReaderMethods {
+    READ_AS_TEXT = "readAsText",
+    READ_AS_ARRAY_BUFFER = "readAsArrayBuffer",
+    READ_AS_DATA_URL = "readAsDataURL",
+    READ_AS_BINARY_STRING = "readAsBinaryString"
+}
+
+export declare enum InputType {
+    TEXT = "text",
+    RADIO = "radio",
+    CHECKBOX = "checkbox"
+}
+
+declare interface INumberInputProps {
+    name?: string | {
+        fieldName: string;
+    };
+    placeholder?: string;
+    disabled?: boolean;
+    error?: string | boolean;
+    left?: boolean;
+    small?: boolean;
+    width?: string | number;
+    value?: string | number;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event: FocusEvent_2<HTMLInputElement>) => void;
+    tabIndex?: number;
+    testId?: string;
+    tooltip?: string | number | React_2.ReactNode;
+    warning?: string | boolean;
+    validationCallback?: (name: string | {
+        fieldName: string;
+    }, error: string | null) => void;
+    allowEmpty?: boolean;
+    isInTable?: boolean;
+    groupOrder?: any;
+}
+
+declare interface IOptionDropdownProps {
+    name?: string;
+    label: string;
+    options: IOptionType[];
+    onChange: (event: ChangeEvent<HTMLInputElement & {
+        name?: string;
+        value: IOptionType[];
+    }>) => void;
+    showHeader?: boolean;
+    maxHeight?: string;
+}
+
+declare interface IOptionItem {
+    label: ReactNode;
+    value: string;
+    icon: ReactNode;
+    onClick: (event: MouseEvent_2<HTMLAnchorElement, globalThis.MouseEvent>) => void;
+    isActive?: boolean;
+    isExperimental?: boolean;
+    invalid?: boolean;
+    testId?: string;
+}
+
+declare interface IOptionSection {
+    heading: string;
+    items: IOptionItem[];
+}
+
+declare interface IOptionType {
+    label?: string;
+    value?: string | number;
+    selected?: boolean;
+}
+
+declare interface IPagination {
+    rowCount: number;
+    selectedPage: string | number;
+    onSelectPage?: (value: number) => void;
+    rowsPerPage?: IPaginationPerPageType;
+    small?: boolean;
+    errorMessageTemplate?: string;
+}
+
+declare interface IPaginationOptionType {
+    label?: string;
+    value?: string | number;
+    selected?: boolean;
+}
+
+declare interface IPaginationPerPageType {
+    onChange?: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
+    options?: IPaginationOptionType[];
+    value?: string | number;
+}
+
+declare interface IPaginationProps {
+    pagination: IPagination;
+}
+
+declare interface IPopConfirmProps {
+    children?: ReactNode;
+    placement?: Placement;
+    closeOnOutsideClick?: boolean;
+    fullWidth?: boolean;
+    title?: string;
+    cancelText?: string;
+    onClickCancel?: (close: () => void) => void;
+    okText?: string;
+    onClickOk?: (close: () => void) => void;
+}
+
+declare interface IPopoverProps {
+    children: ReactNode;
+    content?: ReactNode;
+    placement?: Placement;
+    closeOnOutsideClick?: boolean;
+    fullWidth?: boolean;
+    showCloseButton?: boolean;
+    testId?: string;
+    disabled?: boolean;
+    overflowContainer?: boolean;
+}
+
+declare interface IPortalProps {
+    id: string;
+    children: ReactNode | any;
+}
+
+declare interface IProgressBarProps {
+    width?: string | number;
+    inverted?: boolean;
+    colored?: boolean;
+    showProgressColors?: boolean;
+    percentage?: number;
+    noLabel?: boolean;
+}
+
+declare interface IRadioButtonOption {
+    label: string | number;
+    value: string | number;
+    testId?: string;
+    helpText?: string;
+    onClickHelp?: (event: MouseEvent_2<HTMLButtonElement>) => void;
+    name?: string;
+    checked?: boolean;
+    disabled?: boolean;
+}
+
+declare interface IRadioButtonProps {
+    name?: string;
+    label?: string;
+    options: IRadioButtonOption[];
+    value: IRadioButtonOption;
+    inline?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    noMargin?: boolean;
+    mainLabel?: string;
+    onClick?: (target: HTMLInputElement) => void;
+    radioButtonsData?: IRadioButtonOption[];
+    classForContainer?: 'grouped fields' | 'inline fields';
+}
+
+declare interface IReorderData {
+    from?: number;
+    to?: number;
+}
+
+declare interface IRichTextInputProps {
+    disabled?: boolean;
+    onChange?: (markdown: string) => void;
+    placeholder?: string;
+    value?: string;
+    toolbarComponent?: ReactNode;
+}
+
+declare interface IScrollDetails {
+    scrollable?: boolean;
+    hideScrollbar?: boolean;
+    triggerScrollToActiveItem?: boolean;
+    infiniteScroll?: boolean;
+    infiniteScrollTarget?: string;
+    limit?: number;
+}
+
+declare interface ISelectProps {
+    name?: string;
+    multi?: boolean;
+    options?: ISelectSelectedOption[];
+    value?: any;
+    native?: boolean;
+    onChange?: (value: any) => void;
+    deprecatedEventHandler?: boolean;
+    autoScroll?: boolean;
+    warning?: string | number | ReactNode;
+    error?: string | number | ReactNode;
+    checkNonExistentValues?: boolean;
+    closeOnOptionActionClick?: boolean;
+    small?: boolean;
+    width?: string | number | null;
+    borderRadius?: string | number;
+    onCreate?: (evt: any) => any;
+    disabled?: boolean;
+    placeholder?: string;
+    isInTable?: boolean;
+    clearable?: boolean;
+    searchable?: boolean;
+    maxTooltipWidth?: string | number;
+    autoLayerWidth?: boolean;
+    right?: boolean;
+    tabIndex?: number;
+    testId?: string;
+}
+
+declare interface ISelectSelectedOption {
+    value?: string | number | boolean;
+    label?: string | ReactNode;
+    details?: string;
+    actions?: any[];
+    icon?: boolean | ReactNode;
+    type?: string;
+    disabled?: boolean;
+    testId?: string;
+}
+
+declare interface ISideBarProps {
+    options: {
+        title: string;
+        sections: IOptionSection[];
+    };
+    startOpen?: boolean;
+    onShiftClickToggleOpen?: (event: MouseEvent_2<HTMLButtonElement, globalThis.MouseEvent>) => void;
+    top?: string | number;
+}
+
+declare interface ISliderProps {
+    name?: string;
+    label?: string | number | ReactNode;
+    width?: string | number;
+    labelWidth?: string | number;
+    value: number | number[];
+    min: number;
+    max: number;
+    step?: number;
+    marks?: TSliderMark[];
+    showArrows?: boolean;
+    showTooltip?: boolean;
+    tooltipFormatter?: (value: number | number[]) => string | number | ReactNode;
+    disabled?: boolean;
+    range?: boolean;
+    small?: boolean;
+    vertical?: {
+        enabled: boolean;
+        width?: string;
+        height?: string;
+    };
+    onChange: (event: {
+        target: {
+            name?: string;
+            value: number | number[];
+            label?: string | number | ReactNode;
+        };
+    }) => void;
+}
+
+declare interface ISpinnerProps {
+    small?: boolean;
+    colored?: boolean;
+    dark?: boolean;
+    tiny?: boolean;
+}
+
+declare interface ISubAction {
+    label: string | ReactNode;
+    icon?: ReactNode;
+    onClick: (evt: React_2.MouseEvent) => void;
+    testId?: string;
+    disabled?: boolean;
+}
+
+declare interface ISubAction_2 {
+    label: string;
+    icon: ReactNode;
+    onClick: () => void;
+}
+
+declare interface ITableProps {
+    onListReorder?: (obj: {
+        from: number;
+        to: number;
+    }) => void;
+    table: {
+        name?: string | number | ReactNode;
+        actionsRight?: boolean;
+        fixedWidth?: string | number;
+        maxHeight?: string | number;
+        columnWidths?: string[];
+        className?: string;
+        columnHeaderAlignments?: Array<Align>;
+        columnAlignment?: Array<Align>;
+        infiniteScroll?: boolean;
+        headers?: any[];
+        rows?: TRowsType;
+        footer?: IFooterProps;
+        draggable?: boolean;
+        bordered?: boolean;
+        striped?: boolean;
+        testId?: string;
+        onAddRow?: any;
+        defaultEmptyRow?: any;
+        stickyHeaders?: string | boolean;
+        actions?: any;
+    };
+}
+
+declare interface ITabOption {
+    key?: string;
+    label: string | number;
+    value: string | number;
+    url?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    badge?: string | number;
+    right?: boolean;
+    testId?: string;
+}
+
+declare interface ITabSelectedOption {
+    label: string | number;
+    value: string | number;
+}
+
+declare interface ITabsProps {
+    name?: string;
+    options?: ITabOption[] | null;
+    children?: any;
+    value?: ITabSelectedOption;
+    onChange?: (event: ChangeEvent<any>) => void;
+    padding?: boolean;
+    margin?: boolean;
+    contentPadding?: boolean;
+    activeTabIndex?: number;
+    tabs?: ITabOption[] | undefined;
+    onChangeTab?: (index: number, value: string | number | null) => void;
+    testId?: string;
+}
+
+declare interface ITextAreaProps {
+    name?: string;
+    value?: string | number;
+    placeholder?: string;
+    cols?: number;
+    rows?: number;
+    disabled?: boolean;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyPress?: (event: KeyboardEvent_2<HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent_2<HTMLTextAreaElement>) => void;
+    onBlur?: (event: FocusEvent_2<HTMLTextAreaElement>) => void;
+    tabIndex?: number;
+    error?: string | number | React_2.ReactNode;
+    warning?: string | number | React_2.ReactNode;
+    tooltip?: string | number | React_2.ReactNode;
+    maxTooltipWidth?: string | number;
+    resize?: any;
+    monospace?: boolean;
+    testId?: string;
+}
+
+declare interface ITextLinkProps {
+    href?: string;
+    target?: string;
+    testId?: string;
+    onClick?: (e: React_2.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    children?: React_2.ReactNode;
+}
+
+declare interface ITextProps {
+    bold?: boolean;
+    center?: boolean;
+    error?: boolean;
+    faint?: boolean;
+    link?: boolean;
+    muted?: boolean;
+    onClick?: (e: React_2.MouseEvent<HTMLSpanElement>) => void;
+    small?: boolean;
+    success?: boolean;
+    warning?: boolean;
+    children?: React_2.ReactNode;
+}
+
+declare interface IToastProps {
+    id?: Id;
+    message: IMessageType;
+    autoClose?: number;
+    onClose?: () => void;
+}
+
+declare interface IToggleProps {
+    name?: string;
+    label?: string | React_2.ReactElement;
+    checked?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    onChange: (event: React_2.ChangeEvent<HTMLInputElement>) => void;
+    noMargin?: boolean;
+    testId?: string;
+    helpText?: string;
+    onClickHelp?: (event: any) => void;
+}
+
+declare interface ITooltipProps {
+    text?: string | number | ReactNode;
+    error?: boolean;
+    warning?: boolean;
+    placement?: Placement;
+    possiblePlacements?: Placement[];
+    enabled?: boolean;
+    maxWidth?: string | number;
+    triggerOffset?: number;
+    fontSize?: string | number;
+    padding?: string | number;
+    display?: string;
+    flex?: string;
+    forceOpen?: boolean;
+    children?: ReactNode;
+}
+
+declare interface ITopBarProps {
+    title?: ITopBarTitleProps;
+    content?: TTopBarElementProps[];
+    contentRight?: TTopBarElementProps[];
+    warning?: string;
+    height?: string | number;
+    fixedPosition?: boolean;
+}
+
+declare interface ITopBarTitleProps {
+    label?: string;
+    logo?: React_2.ReactNode;
+    url?: string;
+    version?: string | number;
+    onClick?: MouseEventHandler<HTMLDivElement | HTMLAnchorElement>;
+}
+
+declare interface ITreeListProps {
+    name?: string | React_2.ReactNode;
+    noHeader?: boolean;
+    items: {
+        id: string | number;
+        name: string | React_2.ReactNode;
+        parent: string | number;
+        droppable?: boolean;
+        details?: string | React_2.ReactNode;
+        active?: boolean;
+        testId?: string;
+        icon?: {
+            icon: React_2.ReactNode;
+            color: string;
+            tooltip?: {
+                text: string | number | React_2.ReactNode;
+                error?: boolean;
+                warning?: boolean;
+                placement?: string;
+                enabled?: boolean;
+                maxWidth?: string | number;
+                triggerOffset?: string | number;
+                possiblePlacements?: string[];
+                fontSize?: string | number;
+                padding?: string | number;
+            };
+        };
+    }[];
+    onClick?: () => void;
+    actions?: any[];
+}
+
+declare interface ITreeProps {
+    list: ITreeListProps;
+    draggable?: boolean;
+    onListReorder?: (newList: any[]) => void;
+    onChangeOpen?: (id: string | number) => void;
+    testId?: string;
+    isInitialOpen?: boolean;
+    treeRef?: RefObject<any>;
+}
+
+export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, }: ILabelProps) => React_2.JSX.Element;
+
+declare type LinkElement = BaseElementProps & {
+    type: TopBarElementType.LINK;
+    url: string;
+    active?: boolean;
+    disabled?: boolean;
+};
+
+export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => React_2.JSX.Element;
+
+export declare const ListHeading: React_2.ForwardRefExoticComponent<IListHeadingProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ListSubheading: React_2.ForwardRefExoticComponent<IListSubheadingProps & React_2.RefAttributes<(HTMLDivElement | null)[]>>;
+
+export declare const Loader: ({ width, height, text, details, fullViewPortSize, cover, children, theme, testId, }: ILoaderProps) => React_2.JSX.Element;
+
+export declare const Menu: (props: IMenuProps) => React_2.JSX.Element;
+
+export declare enum MenuCarat {
+    FALSE = "false",
+    RIGHT = "right",
+    DOWN = "down"
+}
+
+declare type MenuElement = BaseElementProps & {
+    type: TopBarElementType.MENU;
+    sections: any[] | ReactNode;
+};
+
+export declare enum MenuType {
+    HEADING = "Heading",
+    DIVIDER = "Divider",
+    OPTION = "Option",
+    MENU = "Menu"
+}
+
+export declare const Message: ({ message }: IMessageProps) => React_2.JSX.Element;
+
+export declare enum MessageType {
+    INFO = "Info",
+    SUCCESS = "Success",
+    WARNING = "Warning",
+    ERROR = "Error"
+}
+
+export declare const Modal: ({ children, visible, centered, width, }: IModalProps) => React_2.JSX.Element;
+
+export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: NativeSelectProps) => React_2.JSX.Element;
+
+declare interface NativeSelectProps {
+    borderRadius?: string | number;
+    disabled?: boolean;
+    error?: string | number | React_2.ReactNode | null;
+    warning?: string | number | React_2.ReactNode | null;
+    tooltip?: string | number | React_2.ReactNode | null;
+    options: ISelectSelectedOption[];
+    onChange?: (event: ChangeEvent<HTMLSelectElement>, value: ISelectSelectedOption | {
+        value: null;
+    }) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    right?: boolean;
+    small?: boolean;
+    tabIndex?: number;
+    selectedOption?: ISelectSelectedOption;
+    width?: string | number | null;
+    groupOrder?: string | null;
+    testId?: string | undefined;
+    isInTable?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    hasNonExistentValue?: boolean;
+    maxTooltipWidth?: string | number;
+}
+
+export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, }: INumberInputProps) => React_2.JSX.Element;
+
+export declare const OptionDropdown: ({ name, label, options, onChange, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
+
+export declare const Page: ({ children, left, padding: paddingProp, scroll, top, }: ILayoutPageProps) => React_2.JSX.Element;
+
+export declare const Pagination: ({ pagination }: IPaginationProps) => React_2.JSX.Element;
+
+export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, }: IPopConfirmProps) => React_2.JSX.Element;
+
+export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, }: IPopoverProps) => React_2.JSX.Element;
+
+export declare const Portal: ({ id, children }: IPortalProps) => ReactPortal | null;
+
+export declare const PrintHeader: ({ logo, alt, logoWidth, }: PrintHeaderProps) => React_2.JSX.Element;
+
+declare interface PrintHeaderProps {
+    logo: string;
+    logoWidth?: string | number;
+    alt: string;
+}
+
+export declare const ProgressBar: ({ width, inverted, colored, showProgressColors, percentage, noLabel, }: IProgressBarProps) => React_2.JSX.Element;
+
+export declare const RadioButton: ({ name, label: rawLabel, options: rawOptions, value: rawValue, onChange, disabled, small, noMargin, onClick, inline, mainLabel, radioButtonsData, classForContainer, }: IRadioButtonProps) => React_2.JSX.Element;
+
+export declare const readFile: (file?: Blob, method?: FileReaderMethod) => Promise<string | ArrayBuffer | null>;
+
+export declare const RichTextInput: React_2.ForwardRefExoticComponent<IRichTextInputProps & React_2.RefAttributes<any>>;
+
+export declare const Row: ({ alignItems, justifyContent, children, flex, height, marginBottom, marginTop, spacing, wrap, testId, }: ILayoutRowProps) => React_2.JSX.Element;
+
+export declare const Select: (props: ISelectProps) => React_2.JSX.Element;
+
+export declare const SideBar: React_2.MemoExoticComponent<({ options, startOpen, onShiftClickToggleOpen, top }: ISideBarProps) => React_2.JSX.Element>;
+
+export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => React_2.JSX.Element;
+
+export declare const Spacer: ({ height, width, flex, }: ILayoutSpacerProps) => React_2.JSX.Element;
+
+export declare const Spinner: ({ small, colored, dark, tiny, }: ISpinnerProps) => React_2.JSX.Element;
+
+export declare const Table: (props: ITableProps) => React_2.JSX.Element;
+
+export declare const Tabs: ({ name, options: rawOptions, children, value: rawValue, onChange, padding, margin, contentPadding, onChangeTab, activeTabIndex: rawActiveTabIndex, tabs: tabsConfig, testId, }: ITabsProps) => React_2.JSX.Element | null;
+
+declare type TCellType = {
+    colSpan?: number;
+    value: string;
+};
+
+declare const Text_2: ({ children, bold, center, error, faint, link, muted, onClick, small, success, warning, }: ITextProps) => React_2.JSX.Element;
+export { Text_2 as Text }
+
+export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => React_2.JSX.Element;
+
+export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => React_2.JSX.Element;
+
+export declare enum Theme {
+    DARK = "dark",
+    WHITE = "white",
+    LIGHT = "light",
+    INHERIT = "inherit"
+}
+
+export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps) => void | React_2.ReactText;
+
+export { Toaster }
+
+export declare const Toggle: ({ name, label, checked, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => React_2.JSX.Element;
+
+export declare const Tooltip: ({ children, text, error, placement, possiblePlacements, enabled, warning, maxWidth, triggerOffset, fontSize, padding, display, flex, forceOpen, }: ITooltipProps) => React_2.JSX.Element;
+
+export declare const TopBar: ({ title, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => React_2.JSX.Element;
+
+declare enum TopBarElementType {
+    LINK = "Link",
+    BUTTON = "Button",
+    MENU = "Menu",
+    COMPONENT = "Component"
+}
+
+export declare const Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, }: ITreeProps) => React_2.JSX.Element;
+
+export declare enum TriggerType {
+    TEXT = "Text",
+    BUTTON = "Button",
+    DROP_DOWN_BUTTON = "DropDownButton",
+    COMPONENT = "Component"
+}
+
+declare type TRowsType = TRowType[];
+
+declare type TRowType = {
+    cells: TCellType[];
+    actions?: any[];
+    testId?: string;
+    noDrag?: boolean;
+    onRowMouseEnter?: () => void;
+    onRowMouseLeave?: () => void;
+};
+
+declare type TSliderMark = {
+    value: number | string;
+    label?: number | string | ReactNode;
+    tooltip?: number | string | ReactNode;
+};
+
+declare type TTopBarElementProps = {
+    element: LinkElement | ButtonElement | MenuElement | ComponentElement;
+};
+
+export declare const useFocus: () => UseFocusReturnType;
+
+declare type UseFocusReturnType = [MutableRefObject<HTMLInputElement | null>, () => void];
+
+export declare const useKeyboardEvent: (key: string, fn: () => void, dependencyList?: DependencyList) => void;
+
+export declare const useWindowWidth: () => number;
+
+export declare const widthOfCharacters: (characterCount: number) => string;
+
+export { }