@oliasoft-open-source/react-ui-library 3.12.0-beta-11 → 3.12.0-beta-13

package/dist/components/table/table.stories.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const FixedWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const AutoWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const ColumnWidths: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const ColumnAlignment: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const ColumnHeaderAlignment: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const InfiniteScrollFixedHeight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const InfiniteScrollFullHeight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const InfiniteScrollShort: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const InfiniteScrollWithDragAndDrop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const InCard: StoryFn<any>;
+export declare const Managed: StoryFn<any>;
+export declare const ManagedWithFilterAndSort: () => React.JSX.Element;
+export declare const AutoAddNewRow: () => React.JSX.Element;

package/dist/components/table/table.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/table/table.viewdata.d.ts

@@ -0,0 +1,16 @@
+type TCellType = {
+    colSpan?: number;
+    value: string;
+};
+export type TRowType = {
+    cells: TCellType[];
+    actions?: any[];
+    testId?: string;
+    noDrag?: boolean;
+    onRowMouseEnter?: () => void;
+    onRowMouseLeave?: () => void;
+};
+export type TRowsType = TRowType[];
+export declare const getColumnCount: (rows: TRowsType, headers: TRowsType) => number;
+export declare const hasRowActions: (rows: TRowsType, headers: TRowsType) => boolean;
+export {};

package/dist/components/table/title/title.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export interface ITitleProps {
+    name?: string | number | ReactNode;
+    actions?: any;
+    actionsRight?: boolean;
+    testId?: string;
+}
+export declare const Title: ({ name, actions, actionsRight, testId, }: ITitleProps) => React.JSX.Element | null;

package/dist/components/table/title/title.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Units: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const ActiveRow: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const Title: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const TitleJSX: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const ChildComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const Filter: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const Sort: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const HeaderActionsNoLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const HelpAndLibraryIcons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/dist/components/tabs/content.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+export interface ITabContentProps {
+    children?: ReactNode[] | ReactNode;
+    activeTabIndex: number;
+    contentPadding?: boolean;
+}
+export declare const Content: ({ children, activeTabIndex, contentPadding, }: ITabContentProps) => React.JSX.Element | null;

package/dist/components/tabs/label.d.ts

@@ -0,0 +1,14 @@
+import React, { MouseEvent } from 'react';
+export interface ITabLabelProps {
+    label: string | number;
+    url?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    right?: boolean;
+    invalid?: boolean;
+    badge?: string | number;
+    testId?: string;
+}
+export declare const Label: ({ label, url, hidden, disabled, active, onClick, right, invalid, badge, testId, }: ITabLabelProps) => React.JSX.Element;

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,33 @@
+import React, { ChangeEvent } from 'react';
+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;
+}
+interface ITabSelectedOption {
+    label: string | number;
+    value: string | number;
+}
+export 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;
+}
+export declare const Tabs: ({ name, options: rawOptions, children, value: rawValue, onChange, padding, margin, contentPadding, onChangeTab, activeTabIndex: rawActiveTabIndex, tabs: tabsConfig, testId, }: ITabsProps) => React.JSX.Element | null;
+export {};

package/dist/components/tabs/tabs.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { ITabsProps } from './tabs';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: StoryFn<ITabsProps>;
+export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
+export declare const NoMargin: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
+export declare const HorizontalPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
+export declare const Alignment: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITabsProps>;
+export declare const Managed: () => React.JSX.Element;

package/dist/components/text/text.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface ITextProps {
+    bold?: boolean;
+    center?: boolean;
+    error?: boolean;
+    faint?: boolean;
+    link?: boolean;
+    muted?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+    small?: boolean;
+    success?: boolean;
+    warning?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Text: ({ children, bold, center, error, faint, link, muted, onClick, small, success, warning, }: ITextProps) => React.JSX.Element;

package/dist/components/text/text.stories.d.ts

@@ -0,0 +1,6 @@
+import { ITextProps } from './text';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextProps>;
+export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextProps>;
+export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextProps>;

package/dist/components/text-link/text-link.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ITextLinkProps {
+    href?: string;
+    target?: string;
+    testId?: string;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    children?: React.ReactNode;
+}
+export declare const TextLink: ({ children, href, target, testId, onClick, }: ITextLinkProps) => React.JSX.Element;

package/dist/components/text-link/text-link.stories.d.ts

@@ -0,0 +1,5 @@
+import { ITextLinkProps } from './text-link';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextLinkProps>;
+export declare const OnClick: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextLinkProps>;

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,22 @@
+import React, { ChangeEvent, KeyboardEvent, FocusEvent } from 'react';
+export interface ITextAreaProps {
+    name?: string;
+    value?: string | number;
+    placeholder?: string;
+    cols?: number;
+    rows?: number;
+    disabled?: boolean;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
+    onKeyPress?: (event: KeyboardEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: FocusEvent<HTMLTextAreaElement>) => void;
+    tabIndex?: number;
+    error?: string | number | React.ReactNode;
+    warning?: string | number | React.ReactNode;
+    tooltip?: string | number | React.ReactNode;
+    maxTooltipWidth?: string | number;
+    resize?: any;
+    monospace?: boolean;
+    testId?: string;
+}
+export declare const TextArea: ({ name, value, placeholder, cols, rows, disabled, onChange, onKeyPress, onFocus, onBlur, tabIndex, error, warning, tooltip, maxTooltipWidth, resize, monospace, testId, }: ITextAreaProps) => React.JSX.Element;

package/dist/components/textarea/textarea.stories.d.ts

@@ -0,0 +1,4 @@
+import { ITextAreaProps } from './textarea';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITextAreaProps>;

package/dist/components/toaster/toaster.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { Id as ToastId } from "react-toastify";
+import { MessageType } from "../message/enum";
+export { ToastContainer as Toaster } from 'react-toastify';
+export type IMessageType = {
+    type: MessageType;
+    icon: boolean;
+    heading: string;
+    content: string;
+    details?: string;
+};
+export interface IToastProps {
+    id?: ToastId;
+    message: IMessageType;
+    autoClose?: number;
+    onClose?: () => void;
+}
+export declare const toast: ({ id, message, autoClose, onClose, }: IToastProps) => void | React.ReactText;

package/dist/components/toaster/toaster.stories.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IToastProps } from "./toaster";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IToastProps>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IToastProps>;
+export declare const PreventDuplicates: {
+    (): React.JSX.Element;
+    parameters: {
+        docs: {
+            iframeHeight: number;
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface IToggleProps {
+    name?: string;
+    label?: string | React.ReactElement;
+    checked?: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    noMargin?: boolean;
+    testId?: string;
+    helpText?: string;
+    onClickHelp?: (event: any) => void;
+}
+export declare const Toggle: ({ name, label, checked, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IToggleProps) => React.JSX.Element;

package/dist/components/toggle/toggle.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryFn } from '@storybook/react';
+import { IToggleProps } from './toggle';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IToggleProps>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IToggleProps>;
+export declare const DisabledChecked: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IToggleProps>;
+export declare const HelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IToggleProps>;
+export declare const OnClickHelp: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IToggleProps>;
+export declare const TestClickEvent: StoryFn<IToggleProps>;

package/dist/components/tooltip/tooltip-layer.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode, CSSProperties } from 'react';
+import { ArrowProps } from 'react-laag';
+export interface ITooltipLayerProps {
+    text?: string | number | ReactNode;
+    error?: boolean;
+    warning?: boolean;
+    fontSize?: string | number;
+    padding?: string | number;
+    maxWidth?: string | number;
+    layerProps?: {
+        style?: CSSProperties;
+        [key: string]: any;
+    };
+    arrowProps?: Partial<ArrowProps>;
+}
+export declare const TooltipLayer: ({ text, error, warning, maxWidth, fontSize, padding, layerProps, arrowProps, }: ITooltipLayerProps) => React.JSX.Element;

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { Placement } from 'react-laag';
+export 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;
+}
+export declare const Tooltip: ({ children, text, error, placement, possiblePlacements, enabled, warning, maxWidth, triggerOffset, fontSize, padding, display, flex, forceOpen, }: ITooltipProps) => React.JSX.Element;

package/dist/components/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,11 @@
+import { ITooltipProps } from './tooltip';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;
+export declare const JSX: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;
+export declare const Placement: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;
+export declare const Offset: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;
+export declare const ForceOpen: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;
+export declare const Display: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;

package/dist/components/tooltip/tooltip.test-case.stories.d.ts

@@ -0,0 +1,4 @@
+import { ITooltipProps } from './tooltip';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const CloseWhenMenuOpen: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITooltipProps>;

package/dist/components/top-bar/element/element.d.ts

@@ -0,0 +1,32 @@
+import React, { ReactNode } from "react";
+import { TopBarElementType } from "./enum";
+type BaseElementProps = {
+    label?: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    testId?: string;
+};
+type LinkElement = BaseElementProps & {
+    type: TopBarElementType.LINK;
+    url: string;
+    active?: boolean;
+    disabled?: boolean;
+};
+type ButtonElement = BaseElementProps & {
+    type: TopBarElementType.BUTTON;
+    colored?: boolean;
+    disabled?: boolean;
+};
+type MenuElement = BaseElementProps & {
+    type: TopBarElementType.MENU;
+    sections: any[] | ReactNode;
+};
+type ComponentElement = {
+    type: TopBarElementType.COMPONENT;
+    component: ReactNode;
+};
+export type TTopBarElementProps = {
+    element: LinkElement | ButtonElement | MenuElement | ComponentElement;
+};
+export declare const Element: ({ element }: TTopBarElementProps) => React.JSX.Element | null;
+export {};

package/dist/components/top-bar/element/enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum TopBarElementType {
+    LINK = "Link",
+    BUTTON = "Button",
+    MENU = "Menu",
+    COMPONENT = "Component"
+}

package/dist/components/top-bar/element/link.d.ts

@@ -0,0 +1,11 @@
+import React, { MouseEventHandler } from 'react';
+export type TTopBarLinkProps = {
+    label?: string;
+    url?: string;
+    icon?: React.ReactNode;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
+    active?: boolean;
+    disabled?: boolean;
+    testId?: string;
+};
+export declare const Link: ({ label, url, icon, onClick, active, disabled, testId, }: TTopBarLinkProps) => React.JSX.Element;

package/dist/components/top-bar/title.d.ts

@@ -0,0 +1,9 @@
+import React, { MouseEventHandler } from 'react';
+export interface ITopBarTitleProps {
+    label?: string;
+    logo?: React.ReactNode;
+    url?: string;
+    version?: string | number;
+    onClick?: MouseEventHandler<HTMLDivElement | HTMLAnchorElement>;
+}
+export declare const Title: ({ label, logo, url, version, onClick, }: ITopBarTitleProps) => React.JSX.Element;

package/dist/components/top-bar/top-bar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ITopBarTitleProps } from './title';
+import { TTopBarElementProps } from './element/element';
+export interface ITopBarProps {
+    title?: ITopBarTitleProps;
+    content?: TTopBarElementProps[];
+    contentRight?: TTopBarElementProps[];
+    warning?: string;
+    height?: string | number;
+    fixedPosition?: boolean;
+}
+export declare const TopBar: ({ title, content, contentRight, warning, height, fixedPosition, }: ITopBarProps) => React.JSX.Element;

package/dist/components/top-bar/top-bar.stories.d.ts

@@ -0,0 +1,6 @@
+import { ITopBarProps } from "./top-bar";
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITopBarProps>;
+export declare const WithWarning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITopBarProps>;
+export declare const TextBranding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITopBarProps>;

package/dist/components/top-bar/top-bar.testcase.stories.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+import { ITopBarProps } from './top-bar';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const OverflowingLinks: StoryFn<ITopBarProps>;

package/dist/components/top-bar/warning.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+export interface ITopBarWarningProps {
+    warning: ReactNode;
+}
+export declare const Warning: ({ warning }: ITopBarWarningProps) => React.JSX.Element;

package/dist/components/tree/tree-item.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { NodeModel } from '@minoru/react-dnd-treeview';
+export interface ITreeItemProps {
+    node: NodeModel<any>;
+    depth: number;
+    isOpen: boolean;
+    onToggle: (id: string | number) => void;
+    hasChild: boolean;
+    draggable?: boolean;
+}
+export declare const TreeItem: ({ node, depth, isOpen, onToggle, hasChild, draggable, }: ITreeItemProps) => React.JSX.Element;

package/dist/components/tree/tree-placeholder.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface ITreePlaceholderProps {
+    depth: number;
+}
+export declare const TreePlaceholder: ({ depth }: ITreePlaceholderProps) => React.JSX.Element;

package/dist/components/tree/tree.d.ts

@@ -0,0 +1,42 @@
+import React, { RefObject } from 'react';
+export interface ITreeListProps {
+    name?: string | React.ReactNode;
+    noHeader?: boolean;
+    items: {
+        id: string | number;
+        name: string | React.ReactNode;
+        parent: string | number;
+        droppable?: boolean;
+        details?: string | React.ReactNode;
+        active?: boolean;
+        testId?: string;
+        icon?: {
+            icon: React.ReactNode;
+            color: string;
+            tooltip?: {
+                text: string | number | React.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[];
+}
+export 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 Tree: ({ list, draggable, onListReorder, onChangeOpen, testId, isInitialOpen, treeRef, }: ITreeProps) => React.JSX.Element;

package/dist/components/tree/tree.stories-data.d.ts

@@ -0,0 +1,126 @@
+export declare const list: {
+    name: string;
+    items: ({
+        id: number;
+        parent: number;
+        droppable: boolean;
+        name: string;
+        onClick: () => void;
+        active?: undefined;
+    } | {
+        id: number;
+        parent: number;
+        droppable: boolean;
+        name: string;
+        onClick?: undefined;
+        active?: undefined;
+    } | {
+        id: number;
+        parent: number;
+        droppable: boolean;
+        name: string;
+        active: boolean;
+        onClick?: undefined;
+    })[];
+};
+export declare const listActions: {
+    header: {
+        actions: {
+            label: string;
+            primary: boolean;
+            icon: string;
+            onClick: () => void;
+        }[];
+    };
+    items: ({
+        actions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        id: number;
+        parent: number;
+        droppable: boolean;
+        name: string;
+        onClick: () => void;
+        active?: undefined;
+    } | {
+        actions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        id: number;
+        parent: number;
+        droppable: boolean;
+        name: string;
+        onClick?: undefined;
+        active?: undefined;
+    } | {
+        actions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        id: number;
+        parent: number;
+        droppable: boolean;
+        name: string;
+        active: boolean;
+        onClick?: undefined;
+    })[];
+    name: string;
+};
+export declare const listControlParents: {
+    items: ({
+        droppable: boolean;
+        details: string;
+        id: number;
+        parent: number;
+        name: string;
+        onClick: () => void;
+        active?: undefined;
+    } | {
+        droppable: boolean;
+        details: string;
+        id: number;
+        parent: number;
+        name: string;
+        onClick?: undefined;
+        active?: undefined;
+    } | {
+        droppable: boolean;
+        details: string;
+        id: number;
+        parent: number;
+        name: string;
+        active: boolean;
+        onClick?: undefined;
+    })[];
+    name: string;
+};
+export declare const listFlat: {
+    items: ({
+        parent: number;
+        droppable: boolean;
+        id: number;
+        name: string;
+        onClick: () => void;
+        active?: undefined;
+    } | {
+        parent: number;
+        droppable: boolean;
+        id: number;
+        name: string;
+        onClick?: undefined;
+        active?: undefined;
+    } | {
+        parent: number;
+        droppable: boolean;
+        id: number;
+        name: string;
+        active: boolean;
+        onClick?: undefined;
+    })[];
+    name: string;
+};

package/dist/components/tree/tree.stories.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ITreeProps } from './tree';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITreeProps>;
+export declare const Actions: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITreeProps>;
+export declare const Draggable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITreeProps>;
+export declare const Droppable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITreeProps>;
+export declare const Flat: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITreeProps>;
+export declare const ExpandedByDefault: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITreeProps>;
+export declare const OnOpenChangeCallback: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ITreeProps>;
+export declare const Managed: () => React.JSX.Element;

package/dist/helpers/disabled-context.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DisabledContext: React.Context<boolean>;

package/dist/helpers/text.d.ts

@@ -0,0 +1 @@
+export declare const getTextWidth: (text: string, font: string) => number;