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

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

@@ -0,0 +1,101 @@
+import React from "react";
+import { IMenuSection } from "./menu.interface";
+import { MenuType } from "./enum";
+import { TriggerType } from "../../common-enum";
+export declare const menu: {
+    label?: string;
+    trigger: TriggerType;
+    sections: IMenuSection[];
+};
+export declare const menuFileUpload: {
+    sections: (IMenuSection | {
+        onClick: undefined;
+        onChange: (selectedFiles: FileList | null) => Promise<void>;
+        upload: boolean;
+        type: MenuType;
+        label?: string | number | undefined;
+        icon?: React.ReactNode;
+        testId?: string | undefined;
+        description?: string | undefined;
+        selected?: boolean | undefined;
+        disabled?: boolean | undefined;
+        inline?: boolean | undefined;
+        title?: string | undefined;
+        download?: boolean | undefined;
+        menu?: any;
+        visible?: boolean | undefined;
+        closeOnOptionClick?: boolean | undefined;
+        actions?: any[] | undefined;
+        url?: string | undefined;
+    })[];
+    label?: string | undefined;
+    trigger: TriggerType;
+};
+export declare const menuJsxItems: {
+    label: React.JSX.Element;
+    sections: any[];
+    trigger: TriggerType;
+};
+export declare const menuDescriptionOnRight: {
+    label: string;
+    trigger: string;
+    sections: ({
+        type: string;
+        label: string;
+        description: string;
+        inline: boolean;
+        onClick: () => void;
+        selected?: undefined;
+    } | {
+        type: string;
+        label: string;
+        description: string;
+        inline: boolean;
+        onClick: () => void;
+        selected: boolean;
+    })[];
+};
+export declare const menuActions: {
+    sections: IMenuSection[];
+    label?: string | undefined;
+    trigger: TriggerType;
+};
+export declare const menuIcons: {
+    sections: IMenuSection[];
+    label?: string | undefined;
+    trigger: TriggerType;
+};
+export declare const menuSubmenus: {
+    sections: any[];
+    label?: string | undefined;
+    trigger: TriggerType;
+};
+export declare const menuLong: {
+    sections: any[];
+    label?: string | undefined;
+    trigger: TriggerType;
+};
+export declare const menuEmpty: {
+    label: string;
+    trigger: string;
+    sections: never[];
+};
+export declare const menuShowAll: {
+    label: string;
+    trigger: string;
+    showAllButton: {
+        visible: boolean;
+        showAllTitle: string;
+        showLessTitle: string;
+        additionalSections: ({
+            type: string;
+            label?: undefined;
+            onClick?: undefined;
+        } | {
+            type: string;
+            label: string;
+            onClick: () => void;
+        })[];
+    };
+    sections: any[];
+};

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

@@ -0,0 +1,31 @@
+import { StoryFn } from '@storybook/react';
+import { IMenuProps } from './menu.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, IMenuProps>;
+export declare const PrimaryTrigger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const DestructiveTrigger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const TextTrigger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const CustomTrigger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const FileUpload: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const DescriptionOnRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Actions: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Icons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Tooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Badge: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Dot: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Empty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Submenus: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const WithoutCloseOnOptionClick: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const RightClickContextMenu: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const FullWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const JSXItems: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const JSXContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const ShowAll: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const Long: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMenuProps>;
+export declare const ControlOpenStateFromParent: StoryFn<IMenuProps>;

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

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

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

@@ -0,0 +1,15 @@
+import React from "react";
+import { GroupOrder } from "../../../common-enum";
+export interface IMenuButtonProps {
+    trigger: 'Button' | 'DropDownButton' | string;
+    label: string;
+    colored?: boolean | string;
+    small?: boolean;
+    width?: string | number;
+    disabled?: boolean;
+    groupOrder?: GroupOrder;
+    loading?: boolean;
+    error?: string;
+    warning?: string;
+}
+export declare const Button: ({ trigger, label, colored, small, width, disabled, groupOrder, loading, error, warning, }: IMenuButtonProps) => React.JSX.Element;

package/dist/components/menu/trigger/component.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IMenuComponentProps {
+    component: React.ReactNode;
+    disabled?: boolean;
+    testId?: string;
+}
+export declare const Component: ({ component, disabled, testId, }: IMenuComponentProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { MenuCarat } from "../enum";
+interface IMenuTextProps {
+    label: string;
+    title?: string;
+    carat?: MenuCarat;
+    disabled?: boolean;
+    isOpen?: boolean;
+}
+export declare const Text: ({ label, title, carat, disabled, isOpen, }: IMenuTextProps) => React.JSX.Element;
+export {};

package/dist/components/menu/trigger/trigger.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+import { GroupOrder, TriggerType } from "../../../common-enum";
+export interface IMenuTriggerProps {
+    isDisabled?: boolean;
+    badgeTitle?: string;
+    badgeDot?: boolean;
+    loading?: boolean;
+    width?: number | string;
+    trigger: TriggerType;
+    label?: string;
+    title?: string;
+    onClickTrigger: () => void;
+    colored?: boolean | string;
+    small?: boolean;
+    isNested?: boolean;
+    contextMenu?: boolean;
+    component?: ReactNode;
+    groupOrder?: GroupOrder;
+    fullHeight?: boolean;
+    isOpen?: boolean;
+    error?: string;
+    warning?: string;
+    tooltip?: string | number | ReactNode;
+    testId?: string;
+    children?: React.ReactNode;
+}
+export declare const Trigger: React.ForwardRefExoticComponent<IMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/message/dismiss.d.ts

@@ -0,0 +1,8 @@
+import React, { MouseEvent } from "react";
+import { MessageType } from "./enum";
+export interface IDismissProps {
+    type: MessageType;
+    onClose?: (evt: MouseEvent<SVGSVGElement>) => void;
+    isInToast?: boolean;
+}
+export declare const Dismiss: ({ type, onClose, isInToast }: IDismissProps) => React.JSX.Element;

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

@@ -0,0 +1,9 @@
+export declare enum MessageType {
+    INFO = "Info",
+    SUCCESS = "Success",
+    WARNING = "Warning",
+    ERROR = "Error"
+}
+export declare enum MessageToggle {
+    TOGGLE_DETAILS = "TOGGLE_DETAILS"
+}

package/dist/components/message/message.d.ts

@@ -0,0 +1,19 @@
+import React, { MouseEvent, ReactNode } from "react";
+import { MessageType } from "./enum";
+export interface IMessage {
+    visible?: boolean;
+    type: MessageType;
+    icon?: boolean;
+    heading?: ReactNode;
+    content: ReactNode;
+    details?: ReactNode;
+    footer?: ReactNode;
+    withDismiss?: boolean;
+    onClose?: (evt: MouseEvent<SVGSVGElement>) => void;
+    width?: string | number;
+    maxHeight?: string | number;
+}
+export interface IMessageProps {
+    message: IMessage;
+}
+export declare const Message: ({ message }: IMessageProps) => React.JSX.Element;

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

@@ -0,0 +1,11 @@
+import { IMessage } from "./message";
+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, IMessage>;
+export declare const Heading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMessage>;
+export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMessage>;
+export declare const Details: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMessage>;
+export declare const Footer: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMessage>;
+export declare const FullWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMessage>;
+export declare const FixedWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMessage>;
+export declare const MaxHeight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IMessage>;

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+export interface IModalProps {
+    children: ReactNode;
+    visible?: boolean;
+    centered?: boolean;
+    width?: string | number;
+}
+export declare const Modal: ({ children, visible, centered, width, }: IModalProps) => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import { StoryFn } from "@storybook/react";
+import { IModalProps } from "./modal";
+import { IDialogProps } from "../dialog/dialog";
+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<IDialogProps | IModalProps>;
+export declare const Centered: StoryFn<IDialogProps | IModalProps>;
+export declare const LineBreak: StoryFn<IDialogProps | IModalProps>;
+export declare const Scroll: StoryFn<IDialogProps | IModalProps>;
+export declare const FullWidth: StoryFn<IDialogProps | IModalProps>;
+export declare const NoContentPadding: StoryFn<IDialogProps | IModalProps>;
+export declare const WithPopoverLayers: StoryFn<IDialogProps | IModalProps>;

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

@@ -0,0 +1,26 @@
+import React, { ChangeEvent, FocusEvent } from 'react';
+export 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<HTMLInputElement>) => void;
+    tabIndex?: number;
+    testId?: string;
+    tooltip?: string | number | React.ReactNode;
+    warning?: string | boolean;
+    validationCallback?: (name: string | {
+        fieldName: string;
+    }, error: string | null) => void;
+    allowEmpty?: boolean;
+    isInTable?: boolean;
+    groupOrder?: any;
+}
+export declare const NumberInput: ({ name, placeholder, disabled, error, left, small, width, value, onChange, onFocus, tabIndex, testId, tooltip, warning, validationCallback, allowEmpty, isInTable, groupOrder, }: INumberInputProps) => React.JSX.Element;

package/dist/components/number-input/number-input.stories.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { INumberInputProps } from './number-input';
+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, INumberInputProps>;
+export declare const Small: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const Width: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const Left: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const AllowEmpty: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const BadInput: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, INumberInputProps>;
+export declare const TestInputGroup: () => React.JSX.Element;

package/dist/components/option-dropdown/enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum DropdownType {
+    HEADING = "Heading",
+    DIVIDER = "Divider",
+    DEFAULT = "Default"
+}

package/dist/components/option-dropdown/heading.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IOptDropdownHeadingProps {
+    label: string;
+}
+export declare const Heading: ({ label }: IOptDropdownHeadingProps) => React.JSX.Element;

package/dist/components/option-dropdown/layer.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactElement } from 'react';
+import { DropdownType } from "./enum";
+interface IOptionType {
+    type?: DropdownType;
+    label?: string;
+    value?: any;
+    selected?: boolean;
+}
+export interface IOptDropdownLayerProps {
+    options: IOptionType[];
+    onChangeOptions: (event: React.MouseEvent<HTMLAnchorElement>, options: IOptionType[]) => void;
+    showHeader?: boolean;
+    maxHeight?: string | number;
+}
+export declare const Layer: ({ options, onChangeOptions, showHeader, maxHeight, }: IOptDropdownLayerProps) => ReactElement;
+export {};

package/dist/components/option-dropdown/option-dropdown.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ChangeEvent } from 'react';
+interface IOptionType {
+    label?: string;
+    value?: string | number;
+    selected?: boolean;
+}
+export interface IOptionDropdownProps {
+    name?: string;
+    label: string;
+    options: IOptionType[];
+    onChange: (event: ChangeEvent<HTMLInputElement & {
+        name?: string;
+        value: IOptionType[];
+    }>) => void;
+    showHeader?: boolean;
+    maxHeight?: string;
+}
+export declare const OptionDropdown: ({ name, label, options, onChange, showHeader, maxHeight, }: IOptionDropdownProps) => ReactElement;
+export {};

package/dist/components/option-dropdown/option-dropdown.stories.d.ts

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

package/dist/components/option-dropdown/option.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactElement } from 'react';
+export interface IOptDropdownOptionProps {
+    option: {
+        key?: string;
+        label?: string;
+        selected?: boolean;
+    };
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Option: ({ option, onChange, }: IOptDropdownOptionProps) => ReactElement;

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IPaginationPerPageType } from './pagination.interface';
+export interface IPagination {
+    rowCount: number;
+    selectedPage: string | number;
+    onSelectPage?: (value: number) => void;
+    rowsPerPage?: IPaginationPerPageType;
+    small?: boolean;
+    errorMessageTemplate?: string;
+}
+export interface IPaginationProps {
+    pagination: IPagination;
+}
+export declare const Pagination: ({ pagination }: IPaginationProps) => React.JSX.Element;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface IPaginationValidationResult {
+    valid: boolean;
+    error: string | null;
+}
+export interface IPaginationOptionType {
+    label?: string;
+    value?: string | number;
+    selected?: boolean;
+}
+export interface IPaginationPerPageType {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    options?: IPaginationOptionType[];
+    value?: string | number;
+}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+import { IPaginationProps } from './pagination';
+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<IPaginationProps>;
+export declare const RowsPerPage: () => React.JSX.Element;
+export declare const Small: () => React.JSX.Element;

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

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

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

@@ -0,0 +1,17 @@
+import { IPaginationOptionType, IPaginationPerPageType, IPaginationValidationResult } from './pagination.interface';
+export declare const selectedRowsPerPage: (options?: IPaginationOptionType[], value?: number) => number;
+/**
+ * Calculate number of pages
+ * @param numberOfRows Number of rows
+ * @param pageContainer Object containing page 'options' and rows per page 'value'.
+ * @returns Number of pages
+ */
+export declare const numberOfPages: (numberOfRows?: number, pageContainer?: IPaginationPerPageType) => number;
+/**
+ * Validate the selected page input value
+ * @param selectedPage Selected page
+ * @param numPages Number of pages
+ * @param errorMessageTemplate Error message template
+ * @returns Validation object
+ */
+export declare const validateSelectedPage: (selectedPage: string, numPages: number, errorMessageTemplate?: string) => IPaginationValidationResult;

package/dist/components/pop-confirm/content.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface IPopConfirmContentProps {
+    title?: string;
+    okText: string;
+    onClickOk: (close: () => void) => void;
+    cancelText: string;
+    onClickCancel: (close: () => void) => void;
+    close?: () => void;
+}
+export declare const Content: ({ title, okText, onClickOk, cancelText, onClickCancel, close, }: IPopConfirmContentProps) => React.JSX.Element;

package/dist/components/pop-confirm/pop-confirm.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+import { Placement } from 'react-laag';
+export interface IPopConfirmProps {
+    children?: ReactNode;
+    placement?: Placement;
+    closeOnOutsideClick?: boolean;
+    fullWidth?: boolean;
+    title?: string;
+    cancelText?: string;
+    onClickCancel?: (close: () => void) => void;
+    okText?: string;
+    onClickOk?: (close: () => void) => void;
+}
+export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, }: IPopConfirmProps) => React.JSX.Element;

package/dist/components/pop-confirm/pop-confirm.stories.d.ts

@@ -0,0 +1,4 @@
+import { IPopConfirmProps } from './pop-confirm';
+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, IPopConfirmProps>;

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from "react";
+import { Placement } from "react-laag";
+export interface IPopoverProps {
+    children: ReactNode;
+    content?: ReactNode;
+    placement?: Placement;
+    closeOnOutsideClick?: boolean;
+    fullWidth?: boolean;
+    showCloseButton?: boolean;
+    testId?: string;
+    disabled?: boolean;
+    overflowContainer?: boolean;
+}
+export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, overflowContainer, }: IPopoverProps) => React.JSX.Element;

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

@@ -0,0 +1,7 @@
+import { IPopoverProps } from './popover';
+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, IPopoverProps>;
+export declare const InputTrigger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IPopoverProps>;
+export declare const CloseButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IPopoverProps>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IPopoverProps>;

package/dist/components/portal/portal.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface IPortalProps {
+    id: string;
+    children: ReactNode | any;
+}
+export declare const Portal: ({ id, children }: IPortalProps) => import("react").ReactPortal | null;

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

@@ -0,0 +1,7 @@
+import { StoryFn } from '@storybook/react';
+import { IPortalProps } from './portal';
+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, IPortalProps>;
+export declare const CreatePortal: StoryFn<IPortalProps>;
+export declare const CreatePortalWithDynamicDOMNode: StoryFn<IPortalProps>;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface IProgressBarProps {
+    width?: string | number;
+    inverted?: boolean;
+    colored?: boolean;
+    showProgressColors?: boolean;
+    percentage?: number;
+    noLabel?: boolean;
+}
+export declare const ProgressBar: ({ width, inverted, colored, showProgressColors, percentage, noLabel, }: IProgressBarProps) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import { IProgressBarProps } from './progress-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, IProgressBarProps>;

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

@@ -0,0 +1,27 @@
+import React, { ChangeEvent, MouseEvent } from 'react';
+export interface IRadioButtonOption {
+    label: string | number;
+    value: string | number;
+    testId?: string;
+    helpText?: string;
+    onClickHelp?: (event: MouseEvent<HTMLButtonElement>) => void;
+    name?: string;
+    checked?: boolean;
+    disabled?: boolean;
+}
+export 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';
+}
+export declare const RadioButton: ({ name, label: rawLabel, options: rawOptions, value: rawValue, onChange, disabled, small, noMargin, onClick, inline, mainLabel, radioButtonsData, classForContainer, }: IRadioButtonProps) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+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 HelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;
+export declare const OnClickHelp: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, any>;

package/dist/components/radio-button/radio-input.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IRadioInputProps {
+    name: string | number;
+    label: string | number;
+    value: string | number;
+    selected: boolean;
+    disabled?: boolean;
+    small?: boolean;
+    onChange?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    noMargin?: boolean;
+    testId?: string;
+    helpText?: string;
+    onClickHelp?: (event?: any) => void;
+}
+export declare const RadioInput: ({ name, label, value, selected, disabled, small, onChange, noMargin, testId, helpText, onClickHelp, }: IRadioInputProps) => React.JSX.Element;
+export {};

package/dist/components/rich-text-input/rich-text-input.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from 'react';
+export interface IRichTextInputProps {
+    disabled?: boolean;
+    onChange?: (markdown: string) => void;
+    placeholder?: string;
+    value?: string;
+    toolbarComponent?: ReactNode;
+}
+export declare const RichTextInput: React.ForwardRefExoticComponent<IRichTextInputProps & React.RefAttributes<any>>;

package/dist/components/rich-text-input/rich-text-input.stories.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IRichTextInputProps } from './rich-text-input';
+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, IRichTextInputProps>;
+export declare const Filled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
+export declare const Placeholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
+export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;
+export declare const HandlingStateExternallyWithRef: () => React.JSX.Element;
+export declare const WithToolbarComponent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IRichTextInputProps>;