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

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

@@ -0,0 +1,55 @@
+import { ReactNode } from 'react';
+import { IListItem } from './list-row/list-row.interface';
+interface ISubAction {
+    label: string;
+    icon: ReactNode;
+    onClick: () => void;
+}
+interface IListAction {
+    label: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+    primary?: boolean;
+    subActions?: ISubAction[];
+    childComponent?: ReactNode;
+}
+export interface IListData {
+    name?: ReactNode | string;
+    actions?: IListAction[];
+    items: IListItem[];
+}
+export interface IScrollDetails {
+    scrollable?: boolean;
+    hideScrollbar?: boolean;
+    triggerScrollToActiveItem?: boolean;
+    infiniteScroll?: boolean;
+    infiniteScrollTarget?: string;
+    limit?: number;
+}
+export interface IReorderData {
+    from?: number;
+    to?: number;
+}
+export 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;
+}
+export interface IToggleNarrowProps {
+    toggleNarrow?: boolean;
+    onClickToggleNarrow?: () => void;
+}
+export {};

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

@@ -0,0 +1,310 @@
+import React from "react";
+import { IListItem } from "./list-row/list-row.interface";
+export declare const items: IListItem[];
+export declare const list: {
+    items: IListItem[];
+};
+export declare const listHeader: {
+    name: string;
+    actions: ({
+        label: string;
+        subActions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        primary?: undefined;
+        icon?: undefined;
+        onClick?: undefined;
+    } | {
+        label: string;
+        primary: boolean;
+        icon: string;
+        onClick: () => void;
+        subActions?: undefined;
+    })[];
+    items: IListItem[];
+};
+export declare const listSubheadings: {
+    items: IListItem[];
+    name: string;
+    actions: ({
+        label: string;
+        subActions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        primary?: undefined;
+        icon?: undefined;
+        onClick?: undefined;
+    } | {
+        label: string;
+        primary: boolean;
+        icon: string;
+        onClick: () => void;
+        subActions?: undefined;
+    })[];
+};
+export declare const listJsx: {
+    name: React.JSX.Element;
+    items: {
+        name: React.JSX.Element;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        actions?: import("../actions/actions.interface").IAction[] | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+    actions: ({
+        label: string;
+        subActions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        primary?: undefined;
+        icon?: undefined;
+        onClick?: undefined;
+    } | {
+        label: string;
+        primary: boolean;
+        icon: string;
+        onClick: () => void;
+        subActions?: undefined;
+    })[];
+};
+export declare const listSubcomponents: {
+    items: {
+        actions: {
+            childComponent: React.JSX.Element;
+        }[];
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+};
+export declare const listSubmenus: {
+    items: {
+        actions: {
+            label: string;
+            subActions: {
+                label: string;
+                icon: string;
+                onClick: () => void;
+            }[];
+        }[];
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+};
+export declare const listBadges: {
+    items: {
+        label: {
+            value: string;
+            color: string;
+        };
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        actions?: import("../actions/actions.interface").IAction[] | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+};
+export declare const listSubheadingsBadges: {
+    items: {
+        label: {
+            value: string;
+            color: string;
+        };
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        actions?: import("../actions/actions.interface").IAction[] | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+    name: string;
+    actions: ({
+        label: string;
+        subActions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        primary?: undefined;
+        icon?: undefined;
+        onClick?: undefined;
+    } | {
+        label: string;
+        primary: boolean;
+        icon: string;
+        onClick: () => void;
+        subActions?: undefined;
+    })[];
+};
+export declare const listActions: {
+    items: {
+        actions: {
+            label: string;
+            icon: string;
+            onClick: () => void;
+        }[];
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+};
+export declare const listDetails: {
+    items: {
+        details: string;
+        metadata: string;
+        testId: string;
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        actions?: import("../actions/actions.interface").IAction[] | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+};
+export declare const listExpanding: {
+    items: {
+        content: React.JSX.Element;
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        actions?: import("../actions/actions.interface").IAction[] | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+};
+export declare const listNested: {
+    items: IListItem[];
+};
+export declare const listInvalid: {
+    items: (IListItem | {
+        id: number;
+        name: string;
+        invalid: boolean;
+    })[];
+};
+export declare const listIconTooltip: {
+    items: {
+        icon: {
+            icon: string;
+            color: string;
+            tooltip: {
+                text: React.JSX.Element;
+            };
+        };
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        actions?: import("../actions/actions.interface").IAction[] | undefined;
+        id: string | number;
+        type?: string | undefined;
+        metaCount?: number | undefined;
+    }[];
+};
+export declare const listCounts: {
+    items: {
+        metaCount: number;
+        name?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
+        cursor?: string | undefined;
+        url?: string | undefined;
+        active?: boolean | undefined;
+        disabled?: boolean | undefined;
+        onClick?: ((evt: any) => void) | undefined;
+        title?: string | undefined;
+        testId?: string | undefined;
+        level?: number | undefined;
+        label?: import("./list-row/list-row.interface").ILabel | undefined;
+        actions?: import("../actions/actions.interface").IAction[] | undefined;
+        id: string | number;
+        type?: string | undefined;
+    }[];
+};
+export declare const listLong: {
+    name: string;
+    items: {
+        id: number;
+        name: string;
+    }[];
+};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { IListProps } from './list.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, IListProps>;
+export declare const Actions: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Menus: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Details: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Expanding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Header: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Badges: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Nested: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const InvalidItems: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const JSXTitles: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Bordered: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const IconWithTooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Metacount: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const StickyHeader: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const Scrollable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, IListProps>;
+export declare const InfiniteScroll: () => React.JSX.Element;
+export declare const ScrollToActiveItem: () => React.JSX.Element;
+export declare const HeadingsManaged: () => React.JSX.Element;
+export declare const ManagedDragAndDrop: () => React.JSX.Element;

package/dist/components/list/toggle-narrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IToggleNarrowProps } from './list.interface';
+export declare const ToggleNarrow: ({ toggleNarrow, onClickToggleNarrow, }: IToggleNarrowProps) => React.JSX.Element | null;

package/dist/components/loader/loader.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from "react";
+import { Theme } from "../../common-enum";
+export interface ILoaderProps {
+    fullViewPortSize?: boolean;
+    cover?: boolean;
+    width?: string | number;
+    height?: string | number;
+    text?: string;
+    details?: string | ReactNode;
+    children?: ReactNode;
+    testId?: string | null;
+    theme?: Theme;
+}
+export declare const Loader: ({ width, height, text, details, fullViewPortSize, cover, children, theme, testId, }: ILoaderProps) => React.JSX.Element;

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

@@ -0,0 +1,33 @@
+import React from "react";
+import { ILoaderProps } from "./loader";
+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, ILoaderProps>;
+export declare const WithProgressBar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILoaderProps>;
+export declare const TintedBackground: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILoaderProps>;
+export declare const FullViewport: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILoaderProps>;
+export declare const FullViewportWithProgressBar: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILoaderProps>;
+export declare const WithExtraTextDetails: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILoaderProps>;
+export declare const WithExtraJSXDetails: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ILoaderProps>;
+export declare const CoversCardContent: {
+    (): React.JSX.Element;
+    parameters: {
+        docs: {
+            story: {
+                inline: boolean;
+                iframeHeight: number;
+            };
+        };
+    };
+};
+export declare const ReplacesCardContent: {
+    (): React.JSX.Element;
+    parameters: {
+        docs: {
+            story: {
+                inline: boolean;
+                iframeHeight: number;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,11 @@
+export declare enum MenuType {
+    HEADING = "Heading",
+    DIVIDER = "Divider",
+    OPTION = "Option",
+    MENU = "Menu"
+}
+export declare enum MenuCarat {
+    FALSE = "false",
+    RIGHT = "right",
+    DOWN = "down"
+}

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

@@ -0,0 +1,4 @@
+export { Layer } from './layer/layer';
+export { placementOptions } from './layer/placementOptions';
+export { siblings, registerClose } from './layer/path';
+export { Trigger } from './trigger/trigger';

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Divider: () => React.JSX.Element;

package/dist/components/menu/layer/heading.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IHeadingProps {
+    label: string | number;
+    onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    icon?: React.ReactNode;
+    testId?: string;
+}
+export declare const Heading: ({ label, onClick, icon, testId, }: IHeadingProps) => React.JSX.Element;

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

@@ -0,0 +1,15 @@
+import React, { ReactNode } from "react";
+import { IMenuSection, IMenuShowAllButton } from "../menu.interface";
+export interface IMenuLayerProps {
+    sections: IMenuSection[] | ReactNode;
+    isNested?: boolean;
+    width?: string | number;
+    closeOnOptionClick?: boolean;
+    close?: () => void;
+    tree?: any;
+    path?: any;
+    maxHeight?: string | number;
+    showAllButton?: IMenuShowAllButton;
+    testId?: string;
+}
+export declare const Layer: ({ sections, isNested, width, closeOnOptionClick, close, tree, path, maxHeight, showAllButton, testId, }: IMenuLayerProps) => React.JSX.Element;

package/dist/components/menu/layer/option.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface IOptionProps {
+    actions?: any[];
+    label: string | number;
+    url?: string;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    description?: string;
+    icon?: any;
+    selected?: boolean;
+    closeOnOptionClick?: boolean;
+    close?: () => void;
+    disabled?: boolean;
+    inline?: boolean;
+    title?: string;
+    upload?: boolean;
+    onChange?: (files: FileList | null) => void;
+    testId?: string;
+}
+export declare const Option: ({ actions, label, url, onClick, description, icon, selected, closeOnOptionClick, close, disabled, inline, title, upload, onChange, testId, }: IOptionProps) => React.JSX.Element;

package/dist/components/menu/layer/path.d.ts

@@ -0,0 +1,5 @@
+export declare const parentPath: (path: string) => string;
+export declare const childPath: (path: string, sectionIndex: number) => string;
+export declare const closePath: (path: string) => string;
+export declare const siblings: (tree: any, path: string) => any[];
+export declare const registerClose: (tree: any, path: string, close: any) => void;

package/dist/components/menu/layer/placementOptions.d.ts

@@ -0,0 +1,3 @@
+type PlacementType = 'right-start' | 'bottom-start' | string;
+export declare const placementOptions: (placement?: PlacementType, isNested?: boolean) => object;
+export {};

package/dist/components/menu/layer/section.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IMenuSection } from "../menu.interface";
+export interface ISectionProps {
+    section: IMenuSection;
+    closeOnOptionClick?: boolean;
+    close: () => void;
+    tree: any;
+    path: string;
+    maxHeight?: string | number;
+}
+export declare const Section: ({ section, closeOnOptionClick, close, tree, path, maxHeight, }: ISectionProps) => React.JSX.Element | null;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { IMenuProps } from "./menu.interface";
+export declare const DropDownMenu: ({ menu, width, disabled, badgeTitle, badgeDot, loading, isNested, closeOnOptionClick, closeParent, tree, path, groupOrder, overflowContainer, maxHeight, testId, open: openProp, setOpen: setOpenProp, tooltip, error, warning, }: IMenuProps) => React.JSX.Element;
+export declare const Menu: (props: IMenuProps) => React.JSX.Element;

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

@@ -0,0 +1,82 @@
+import { ReactNode } from "react";
+import { Placement } from "react-laag";
+import { MenuType } from "./enum";
+import { GroupOrder, TriggerType } from "../../common-enum";
+export 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;
+}
+export interface IMenuShowAllButton {
+    visible: boolean;
+    showAllTitle: string;
+    showLessTitle: string;
+    additionalSections: IMenuSection[];
+}
+export interface IUseContextMenuProps {
+    sections: ReactNode | IMenuSection[];
+    width?: string | number;
+    placement?: string;
+    possiblePlacements: Placement[];
+    closeOnOptionClick: boolean;
+    closeParent?: () => void;
+    tree: any;
+    path: string;
+    groupOrder: any;
+    overflowContainer: boolean;
+    maxHeight: string | number;
+    testId?: string;
+}
+export 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;
+}