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

package/dist/common-enum.d.ts

@@ -0,0 +1,73 @@
+export declare enum TriggerType {
+    TEXT = "Text",
+    BUTTON = "Button",
+    DROP_DOWN_BUTTON = "DropDownButton",
+    COMPONENT = "Component"
+}
+export declare enum GroupOrder {
+    FIRST = "first",
+    MIDDLE = "middle",
+    LAST = "last"
+}
+export declare enum Color {
+    DANGER = "danger",
+    RED = "red",
+    WHITE = "white",
+    SUCCESS = "success",
+    GREEN = "green",
+    MUTED = "muted"
+}
+export declare enum Align {
+    LEFT = "left",
+    RIGHT = "right",
+    CENTER = "center"
+}
+export declare enum ButtonPosition {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+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"
+}
+export declare enum Theme {
+    DARK = "dark",
+    WHITE = "white",
+    LIGHT = "light",
+    INHERIT = "inherit"
+}
+export declare enum InputType {
+    TEXT = "text",
+    RADIO = "radio",
+    CHECKBOX = "checkbox"
+}

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IAccordionBaseProps, IAccordionManagedProps, IAccordionProps } from './accordion.interface';
+export declare const AccordionBase: ({ heading, expanded, bordered, padding, children, squareBottom, onClick, testId, }: IAccordionBaseProps) => React.JSX.Element;
+export declare const AccordionManaged: ({ heading, bordered, padding, initialExpanded, children, testId, }: IAccordionManagedProps) => React.JSX.Element;
+export declare const Accordion: ({ heading, expanded, managed, bordered, padding, children, onClick, squareBottom, testId, }: IAccordionProps) => React.JSX.Element;

package/dist/components/accordion/accordion.interface.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface IAccordionBaseProps {
+    heading: ReactNode;
+    expanded?: boolean;
+    bordered?: boolean;
+    padding?: boolean;
+    children?: ReactNode;
+    squareBottom?: boolean;
+    onClick?: () => void;
+    testId?: string;
+}
+export interface IAccordionManagedProps extends IAccordionBaseProps {
+    initialExpanded?: boolean;
+}
+export interface IAccordionProps extends IAccordionBaseProps {
+    managed?: boolean;
+}

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

@@ -0,0 +1,11 @@
+import { StoryFn } from '@storybook/react';
+import { IAccordionProps } from './accordion.interface';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IAccordionProps>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IAccordionProps>;
+export declare const Bordered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IAccordionProps>;
+export declare const NoContentPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IAccordionProps>;
+export declare const HelpIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IAccordionProps>;
+export declare const LibraryIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IAccordionProps>;
+export declare const CustomIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IAccordionProps>;
+export declare const AccordionWithDefaultToggle: StoryFn;

package/dist/components/accordion/chevron/chevron.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IChevronProps {
+    expanded: boolean;
+}
+export declare const Chevron: ({ expanded }: IChevronProps) => React.JSX.Element;
+export {};

package/dist/components/accordion/enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum AccordionActionType {
+    TOGGLE_ACCORDION = "TOGGLE_ACCORDION",
+    TOGGLE_ENABLE = "TOGGLE_ENABLE"
+}

package/dist/components/accordion/helpers/accordion-with-default-toggle.d.ts

@@ -0,0 +1,12 @@
+import React, { ChangeEvent, ReactNode } from 'react';
+interface IAccordionWithDefaultToggleProps {
+    heading: ReactNode;
+    toggleLabel: string;
+    expanded?: boolean;
+    defaultEnabled?: boolean;
+    onClickDefaultToggle?: (evt: ChangeEvent<HTMLInputElement>) => void;
+    padding?: boolean;
+    children?: ReactNode;
+}
+export declare const AccordionWithDefaultToggle: ({ heading, toggleLabel, onClickDefaultToggle, expanded, defaultEnabled, padding, children, }: IAccordionWithDefaultToggleProps) => React.JSX.Element;
+export {};

package/dist/components/actions/actions.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { IAction, ISubAction } from './actions.interface';
+export interface ISubMenuProps {
+    subActions: ISubAction[];
+    subMenuIcon?: ReactNode | string;
+    primary?: boolean;
+    testId?: string;
+    tooltip?: ReactNode | string;
+}
+export interface IActionProps {
+    actions: IAction[];
+    closeLayer?: () => void;
+}
+export declare const Actions: (props: IActionProps) => React.JSX.Element;

package/dist/components/actions/actions.interface.d.ts

@@ -0,0 +1,25 @@
+import React, { ReactNode } from 'react';
+export interface ISubAction {
+    label: string;
+    icon?: ReactNode;
+    onClick: (evt: React.MouseEvent) => void;
+    testId?: string;
+    disabled?: boolean;
+}
+export interface IAction {
+    label?: string;
+    childComponent?: ReactNode;
+    subActions?: ISubAction[];
+    primary?: boolean;
+    icon?: ReactNode;
+    testId?: string;
+    hidden?: boolean;
+    disabled?: boolean;
+    onClick?: (evt: React.MouseEvent, id?: string | number) => void;
+    tooltip?: ReactNode | string;
+}
+export interface IChildComponent {
+    childComponent: ReactNode | (() => ReactNode);
+    testId?: string;
+}
+export type IActionsType = (IAction | ISubAction | IChildComponent)[];

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IActionsType } from './actions.interface';
+declare const _default: {
+    title: string;
+    component: (props: import("./actions").IActionProps) => React.JSX.Element;
+    args: {
+        actions: IActionsType;
+        right: boolean;
+    };
+    decorators: ((story: () => React.ReactNode) => React.JSX.Element)[];
+    parameters: {
+        docs: {
+            source: {
+                excludeDecorators: boolean;
+            };
+        };
+    };
+};
+export default _default;
+interface TemplateProps {
+    actions: IActionsType;
+    right?: boolean;
+}
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TemplateProps>;
+export declare const Tooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TemplateProps>;

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+export interface IBadgeProps {
+    children?: ReactNode;
+    color?: string;
+    title?: string | number | null;
+    dot?: boolean;
+    margin?: string | number | null;
+    small?: boolean;
+}
+export declare const Badge: ({ children, color, title, dot, margin, small, }: IBadgeProps) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import { IBadgeProps } from './badge';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IBadgeProps>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IBadgeProps>;
+export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IBadgeProps>;
+export declare const Dot: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IBadgeProps>;
+export declare const Standalone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IBadgeProps>;

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ILinkProps } from './link';
+export interface IBreadcrumbProps {
+    links: ILinkProps[];
+    small?: boolean;
+}
+export declare const Breadcrumb: ({ links, small }: IBreadcrumbProps) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import { IBreadcrumbProps } from './breadcrumb';
+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, IBreadcrumbProps>;
+export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IBreadcrumbProps>;

package/dist/components/breadcrumb/enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum BreadcrumbLinkType {
+    LABEL = "label",
+    LINK = "link",
+    CUSTOM = "custom"
+}

package/dist/components/breadcrumb/link.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+import { BreadcrumbLinkType } from "./enum";
+export interface ILinkProps {
+    type?: BreadcrumbLinkType;
+    label?: string | number;
+    url?: string;
+    onClick?: () => void;
+    active?: boolean;
+    disabled?: boolean;
+    element?: ReactNode;
+}
+export declare const Link: ({ type, label, url, onClick, active, disabled, element, }: ILinkProps) => React.JSX.Element;

package/dist/components/button/button.d.ts

@@ -0,0 +1,31 @@
+import React, { MouseEvent, ReactNode } from 'react';
+import { ButtonType } from './enum';
+export interface IButtonTooltipWrapperProps {
+    children: ReactNode;
+    tooltip?: ReactNode | string;
+}
+export 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<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;
+}
+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.JSX.Element;

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

@@ -0,0 +1,13 @@
+import { IButtonProps } from './button';
+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, IButtonProps>;
+export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const Active: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const WithIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const Round: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const RoundMuted: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const FullWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const Submit: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;
+export declare const Tooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonProps>;

package/dist/components/button/enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum ButtonType {
+    SUBMIT = "submit",
+    BUTTON = "button",
+    RESET = "reset"
+}

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,38 @@
+import React, { ReactNode } from "react";
+export 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;
+}
+export 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;
+}
+export interface IButtonGroupItem {
+    label: ReactNode;
+    value: string | number;
+    key: string | number;
+    hidden: boolean;
+    icon: any;
+    error: any;
+    maxTooltipWidth: any;
+    testId: string;
+    tooltip: any;
+    warning: any;
+    disabled: boolean;
+}
+export declare const ButtonGroup: (props: IButtonGroupProps) => React.JSX.Element;

package/dist/components/button-group/button-group.stories-data.d.ts

@@ -0,0 +1,6 @@
+import { IBtnGroupItemProps } from './button-group';
+export declare const buttonsArrayOfObjects: IBtnGroupItemProps[];
+export declare const buttonsWithIcons: IBtnGroupItemProps[];
+export declare const buttonsArrayOfStrings: string[];
+export declare const buttonsArrayOfArrays: (string[] | IBtnGroupItemProps)[];
+export declare const buttonsWithTooltips: IBtnGroupItemProps[];

package/dist/components/button-group/button-group.stories.d.ts

@@ -0,0 +1,9 @@
+import { IButtonGroupProps } from './button-group';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps>;
+export declare const Icons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps>;
+export declare const Tooltips: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps>;
+export declare const ArrayOfStrings: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps>;
+export declare const ArrayOfArrays: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IButtonGroupProps>;

package/dist/components/card/card.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+export interface ICardProps {
+    bordered?: boolean;
+    heading?: ReactNode;
+    margin?: string;
+    padding?: boolean;
+    raised?: boolean;
+    children?: ReactNode;
+}
+export declare const Card: ({ bordered, heading, children, margin, padding, raised, }: ICardProps) => React.JSX.Element;

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

@@ -0,0 +1,8 @@
+import { ICardProps } from './card';
+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, ICardProps>;
+export declare const WithHeading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ICardProps>;
+export declare const WithHelpHeading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ICardProps>;
+export declare const NoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ICardProps>;
+export declare const NoBorder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ICardProps>;

package/dist/components/check-box/check-box.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface ICheckBoxProps {
+    checked?: boolean;
+    isInTable?: boolean;
+    label?: string;
+    name?: string;
+    noMargin?: boolean;
+    onChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    disabled?: boolean;
+    small?: boolean;
+    testId?: string;
+    key?: string;
+    dataix?: number;
+    value?: string;
+    helpText?: string;
+    onClickHelp?: () => void;
+}
+export declare const CheckBox: ({ noMargin, dataix, isInTable, tabIndex, checked, name, key, label, disabled, small, onChange, testId, value, helpText, onClickHelp, }: ICheckBoxProps) => React.JSX.Element;

package/dist/components/check-box/check-box.stories.d.ts

@@ -0,0 +1,6 @@
+import { ICheckBoxProps } from './check-box';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ICheckBoxProps>;
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ICheckBoxProps>;
+export declare const HelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ICheckBoxProps>;
+export declare const OnClickHelp: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ICheckBoxProps>;

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+export declare const colorsText: string[];
+export declare const colorsBackground: string[];
+export declare const colorsBorder: string[];
+interface IColorPaletteProps {
+    colors: string[];
+}
+export declare const ColorPalette: ({ colors, }: IColorPaletteProps) => ReactElement;
+export {};

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from 'react';
+export 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;
+}
+export interface IDialogProps {
+    dialog: IDialog;
+}
+export declare const Dialog: ({ dialog }: IDialogProps) => React.JSX.Element;

package/dist/components/divider/divider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Align } from "../../common-enum";
+export interface IDividerProps {
+    margin?: number | string;
+    color?: string;
+    align?: Align;
+    children?: React.ReactNode;
+}
+export declare const Divider: ({ children, margin, color, align, }: IDividerProps) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import { IDividerProps } from "./divider";
+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, IDividerProps>;
+export declare const WithText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDividerProps>;
+export declare const Margin: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDividerProps>;
+export declare const CustomColor: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDividerProps>;

package/dist/components/drawer/drawer-resize-wrapper.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDrawerResizeWrapperProps } from './drawer.interface';
+export declare const DrawerResizeWrapper: ({ children, width, right, onResize, setOpen, }: IDrawerResizeWrapperProps) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDrawerTabsProps } from './drawer.interface';
+export declare const DrawerTabs: ({ tabs, activeTab, open, background, handleTabClick, width, testId, }: IDrawerTabsProps) => React.JSX.Element;

package/dist/components/drawer/drawer.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TABS_WIDTH: number;
+export declare const MIN_OPEN_WIDTH: number;

package/dist/components/drawer/drawer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDrawerProps } from './drawer.interface';
+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.JSX.Element;

package/dist/components/drawer/drawer.interface.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactNode } from 'react';
+import { ButtonPosition } from "../../common-enum";
+export interface ITabBadgeProps {
+    badge?: string | number;
+    children: ReactNode;
+}
+export interface IDrawerTab {
+    icon?: ReactNode | React.JSX.Element;
+    content?: ReactNode;
+    badge?: string | number;
+}
+export interface IDrawerTabsProps {
+    tabs: IDrawerTab[];
+    activeTab: number;
+    open: boolean;
+    background: string;
+    handleTabClick: (index: number) => void;
+    width: number | string;
+    testId?: string;
+}
+export interface IDrawerResizeHandleProps {
+    handleAxis?: string;
+}
+export interface IDrawerResizeWrapperProps {
+    children?: ReactNode;
+    width: number | string;
+    right?: boolean;
+    onResize?: (width: number | string) => void;
+    setOpen?: ((isOpen: boolean) => void) | null;
+}
+export 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;
+}

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

@@ -0,0 +1,41 @@
+import React from 'react';
+import { IDrawerProps } from './drawer.interface';
+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, IDrawerProps>;
+export declare const Right: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDrawerProps>;
+export declare const Fixed: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDrawerProps>;
+export declare const CustomButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDrawerProps>;
+export declare const WithList: {
+    (): React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const Tabs: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IDrawerProps>;
+export declare const ControlledOpenClose: {
+    (): React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const ControlledTabs: {
+    (): React.JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export declare const MultipleTabbedDrawers: () => React.JSX.Element;
+export declare const Resizable: () => React.JSX.Element;

package/dist/components/empty/empty.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export interface IEmptyProps {
+    width?: string | number;
+    height?: string | number;
+    text?: string | ReactNode;
+    children?: ReactNode;
+}
+export declare const Empty: ({ width, height, text, children, }: IEmptyProps) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+import { IEmptyProps } from './empty';
+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, IEmptyProps>;
+export declare const WithButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IEmptyProps>;

package/dist/components/file-input/enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum InputReaderMethods {
+    READ_AS_TEXT = "readAsText",
+    READ_AS_ARRAY_BUFFER = "readAsArrayBuffer",
+    READ_AS_DATA_URL = "readAsDataURL",
+    READ_AS_BINARY_STRING = "readAsBinaryString"
+}

package/dist/components/file-input/file-input.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { InputReaderMethods } from "./enum";
+export type FileReaderMethod = InputReaderMethods;
+export declare const readFile: (file?: Blob, method?: FileReaderMethod) => Promise<string | ArrayBuffer | null>;
+export 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;
+}
+export declare const FileInput: ({ label, loading, placeholder, disabled, file, accept, multi, name, width, onChange, testId, }: IFileInputProps) => ReactElement;