jiffy-ui 1.0.0

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

@@ -0,0 +1,47 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ isOpen, onDismiss, children, title, primaryAction, secondaryAction, footer, ...props }: import("./Modal").ModalI) => React.JSX.Element | null;
+    tags: string[];
+    argTypes: {
+        isOpen: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        onDismiss: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        title: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        footer: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/PageTitle/PageTitle.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { ButtonI } from "../Button/Button";
+import { BadgeI } from "../Badge/Badge";
+import "./PageTitle.css";
+export interface PageTitleI {
+    title: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    isReverseNavigation?: boolean;
+    primaryAction?: ButtonI;
+    secondaryAction?: ButtonI;
+    tertiaryAction?: ButtonI;
+    badge?: BadgeI;
+    extraClass?: string;
+    onClick?: () => void;
+}
+declare const PageTitle: React.ForwardRefExoticComponent<PageTitleI & React.RefAttributes<unknown>>;
+export default PageTitle;

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

@@ -0,0 +1,16 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./PageTitle").PageTitleI & React.RefAttributes<unknown>>;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const PageTitleWithTitleOnly: any;
+export declare const PageTitleWithTitleAndDescriptionOnly: any;
+export declare const PageTitlewithActions: any;
+export declare const PageTitleBackAction: any;
+export declare const PageTitleWithBadge: any;

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,13 @@
+import "./Pagination.css";
+import React from "react";
+export interface PaginationI {
+    isNextDisable?: boolean;
+    isPreviousDisable?: boolean;
+    onNext?: () => void;
+    onPrevious?: () => void;
+    children?: React.ReactNode;
+    type?: "center" | "end";
+    primaryAction?: React.ReactNode;
+}
+declare const Pagination: (props: PaginationI) => React.JSX.Element;
+export default Pagination;

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

@@ -0,0 +1,13 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: (props: import("./Pagination").PaginationI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const PaginationInTable: any;
+export declare const PaginationWithAllFeatures: any;

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./ProgressBar.css";
+export interface ProgressBarI {
+    variant?: "Positive" | "Negative" | "Notice" | "Primary" | "Neutral";
+    size?: "Small" | "Medium" | "Large";
+    showLabel?: boolean;
+    showPercentage?: boolean;
+    label: string;
+    valuePercentage: number;
+    outOf?: number;
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarI & React.RefAttributes<unknown>>;
+export default ProgressBar;

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

@@ -0,0 +1,38 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("./ProgressBar").ProgressBarI & React.RefAttributes<unknown>>;
+    tags: string[];
+    argTypes: {
+        variant: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        size: {
+            description: string;
+            control: {
+                type: string;
+                options: {
+                    name: string;
+                    des: string;
+                }[];
+            };
+            defaultValue: string;
+        };
+        valuePercentage: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/SideBar/SideBar.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import "./sidebar.css";
+export interface SideBarI {
+    onChange: (newPath: string) => void;
+    logo?: React.ReactNode;
+    children: React.ReactElement<ItemI>[] | React.ReactElement<ItemI>;
+    isCloseOnEsc?: boolean;
+    className?: string;
+    isLogoutAction?: boolean;
+    onLogoutClick?: () => void;
+}
+export interface MenuI {
+    id: string | number;
+    label: string;
+    path: string;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    children?: MenuI[];
+    isDisabled?: boolean;
+}
+export interface ItemI {
+    title?: string | React.ReactNode;
+    menu: MenuI[];
+    onChange?: (newPath: string) => void;
+    type?: string;
+    expandedItem?: any;
+    expandIconClickHandler?: Function;
+}
+declare const SideBar: {
+    ({ onChange, logo, children, isCloseOnEsc, className, isLogoutAction, }: SideBarI): React.JSX.Element;
+    Item: ({ title, menu, onChange, type, expandedItem, expandIconClickHandler, }: ItemI) => React.JSX.Element;
+};
+export default SideBar;

package/dist/components/SideBar/Sidebar.stories.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: {
+        ({ onChange, logo, children, isCloseOnEsc, className, isLogoutAction, }: import("./SideBar").SideBarI): React.JSX.Element;
+        Item: ({ title, menu, onChange, type, expandedItem, expandIconClickHandler, }: import("./SideBar").ItemI) => React.JSX.Element;
+    };
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/SideBar/globalFunc.d.ts

@@ -0,0 +1 @@
+export declare const searchWordInString: (str: string, searchStr: string) => boolean;

package/dist/components/SideSheet/SideSheet.d.ts

@@ -0,0 +1,11 @@
+import "./SideSheet.css";
+import React from "react";
+declare const SideSheet: ({ isOpen, onDismiss, children, title, footer, ...props }: SideSheetI) => React.JSX.Element | null;
+export interface SideSheetI {
+    isOpen: boolean;
+    onDismiss: () => void;
+    children: string | React.ReactNode;
+    title?: string;
+    footer: string | React.ReactNode;
+}
+export default SideSheet;

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

@@ -0,0 +1,47 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ isOpen, onDismiss, children, title, footer, ...props }: import("./SideSheet").SideSheetI) => React.JSX.Element | null;
+    tags: string[];
+    argTypes: {
+        isOpen: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: boolean;
+        };
+        onDismiss: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        children: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        title: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        footer: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/SimpleTest/Simple.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: (props: any) => React.JSX.Element;
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/SimpleTest/SimpleTest.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SimpleTest: (props: any) => React.JSX.Element;
+export default SimpleTest;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "./Skeleton.css";
+export interface SkeletonI {
+    variant?: "Primary" | "Secondry" | "Tertiary" | "Link";
+    size?: "XSmall" | "Small" | "Medium" | "Large";
+    color?: "Primary" | "Positive" | "Negative" | "Waiting" | "Neutral";
+    isDisabled?: boolean;
+    icon?: string | React.ReactNode;
+    isLoading?: boolean;
+    isFullWidth?: boolean;
+    iconOnly?: boolean;
+    alignIcon?: "Left" | "Right";
+    onClick?: () => void;
+    label?: string;
+}
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonI & React.RefAttributes<unknown>>;

package/dist/components/Skeleton/SkeletonBadge/SkeletonBadge.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import "../Skeleton.css";
+export interface SkeletonBadgeI {
+    size?: "Small" | "Medium" | "Large";
+}
+declare const SkeletonBadge: ({ size, ...props }: SkeletonBadgeI) => React.JSX.Element;
+export default SkeletonBadge;

package/dist/components/Skeleton/SkeletonBadge/SkeletonBadge.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ size, ...props }: import("./SkeletonBadge").SkeletonBadgeI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const ThumbnailWithSize: any;

package/dist/components/Skeleton/SkeletonButton/SkeletonButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../Skeleton.css';
+export interface SkeletonButtonI {
+    size?: "XSmall" | "Small" | "Medium" | "Large";
+}
+declare const SkeletonButton: ({ size, ...props }: SkeletonButtonI) => React.JSX.Element;
+export default SkeletonButton;

package/dist/components/Skeleton/SkeletonButton/SkeletonButton.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ size, ...props }: import("./SkeletonButton").SkeletonButtonI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const ThumbnailWithSize: any;

package/dist/components/Skeleton/SkeletonCustom/SkeletonCustom.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import '../Skeleton.css';
+export interface SkeletonCustomI {
+    height?: number;
+    width?: number;
+    radius?: number;
+}
+declare const SkeletonCustom: ({ height, width, radius, ...props }: SkeletonCustomI) => React.JSX.Element;
+export default SkeletonCustom;

package/dist/components/Skeleton/SkeletonCustom/SkeletonCustom.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ height, width, radius, ...props }: import("./SkeletonCustom").SkeletonCustomI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/Skeleton/SkeletonLine/SkeletonLine.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import '../Skeleton.css';
+export interface SkeletonLineI {
+    numberOfLine?: number;
+    lineGap?: number;
+    lineHeight?: number;
+}
+declare const SkeletonLine: ({ numberOfLine, lineGap, lineHeight, ...props }: SkeletonLineI) => React.JSX.Element;
+export default SkeletonLine;

package/dist/components/Skeleton/SkeletonLine/SkeletonLine.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ numberOfLine, lineGap, lineHeight, ...props }: import("./SkeletonLine").SkeletonLineI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/Skeleton/SkeletonList/SkeletonList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../Skeleton.css';
+export interface SkeletonListI {
+    numberOfList?: number;
+}
+declare const SkeletonList: ({ numberOfList, ...props }: SkeletonListI) => React.JSX.Element;
+export default SkeletonList;

package/dist/components/Skeleton/SkeletonList/SkeletonList.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ numberOfList, ...props }: import("./SkeletonList").SkeletonListI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/Skeleton/SkeletonTabs/SkeletonTabs.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../Skeleton.css';
+export interface SkeletonTabsI {
+    numberOfTabs?: number;
+}
+declare const SkeletonTabs: ({ numberOfTabs, ...props }: SkeletonTabsI) => React.JSX.Element;
+export default SkeletonTabs;

package/dist/components/Skeleton/SkeletonTabs/SkeletonTabs.stories.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ numberOfTabs, ...props }: import("./SkeletonTabs").SkeletonTabsI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;

package/dist/components/Skeleton/SkeletonThumbnail/SkeletonThumbnail.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import '../Skeleton.css';
+export interface SkeletonThumbnailI {
+    size?: "ExtraSmall" | "Small" | "Medium" | "Large";
+}
+declare const SkeletonThumbnail: ({ size, ...props }: SkeletonThumbnailI) => React.JSX.Element;
+export default SkeletonThumbnail;

package/dist/components/Skeleton/SkeletonThumbnail/SkeletonThumbnail.stories.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ size, ...props }: import("./SkeletonThumbnail").SkeletonThumbnailI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const ThumbnailWithSize: any;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./Spinner.css";
+declare const Spinner: ({ size, color, label, labelPosition, ...props }: SpinnerI) => React.JSX.Element;
+export interface SpinnerI {
+    size: "Small" | "Medium" | "Large";
+    color?: "Positive" | "Negative" | "Notice" | "Information" | "Neutral" | "Primary";
+    label?: string;
+    labelPosition?: "Right" | "Bottom";
+}
+export default Spinner;

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

@@ -0,0 +1,46 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ size, color, label, labelPosition, ...props }: import("./Spinner").SpinnerI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        size: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        color: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        labelPosition: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const SpinnerWithColor: any;
+export declare const SpinnerWithSize: any;
+export declare const SpinnerWithLabelPosition: any;

package/dist/components/StepWizard/StepWizard.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import "./StepWizard.css";
+export interface StepI {
+    label: string | React.ReactNode;
+    value: any;
+    description?: string | React.ReactNode;
+}
+export interface StepWizardI {
+    currentStep: number;
+    steps: StepI[];
+    direction?: "horizontal" | "vertical";
+    type?: "icon" | "number";
+    customClass?: string;
+    onChange?: (newStep: number, step: StepI) => void;
+}
+declare const StepWizard: ({ currentStep, steps, direction, type, customClass, onChange, }: StepWizardI) => React.JSX.Element;
+export default StepWizard;

package/dist/components/StepWizard/getClassnames.d.ts

@@ -0,0 +1,5 @@
+interface ClassesI {
+    [className: string]: any;
+}
+declare const getClassNames: (classes: ClassesI) => string;
+export default getClassNames;

package/dist/components/StepWizard/story/StepWizard.stories.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ currentStep, steps, direction, type, customClass, onChange, }: import("../StepWizard").StepWizardI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: any;

package/dist/components/Switcher/Switcher.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "./Switcher.css";
+declare function Switcher(props: SwitcherI): JSX.Element;
+export interface SwitcherI {
+    checked?: boolean;
+    onChange?: (newState: boolean) => void;
+    label?: React.ReactNode;
+    isDisabled?: boolean;
+}
+export default Switcher;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import Switcher from "./Switcher";
+declare const _default: {
+    title: string;
+    component: typeof Switcher;
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const DisabledSwitcher: any;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import "./Table.css";
+export interface TableI {
+    headings: {
+        title: string;
+    }[];
+    children: any;
+    selectable?: boolean;
+    onRowSelection?: (id: any) => void;
+    sortable?: boolean[];
+    sortDirection?: "ascending" | "descending";
+    sortColumnIndex?: number;
+    onSort?: (headingIndex: number, direction: "ascending" | "descending") => void;
+}
+declare const Table: {
+    (props: TableI): React.JSX.Element;
+    Row: (props: any) => React.JSX.Element;
+    Cell: (props: any) => React.JSX.Element;
+};
+export default Table;

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

@@ -0,0 +1,14 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: {
+        (props: import("./Table").TableI): React.JSX.Element;
+        Row: (props: any) => React.JSX.Element;
+        Cell: (props: any) => React.JSX.Element;
+    };
+    tags: string[];
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const TableWithSelectable: any;
+export declare const TableWithSorting: any;

package/dist/components/Table/useRowSelection.d.ts

@@ -0,0 +1,5 @@
+export declare const useRowSelection: (initialOrders: any[]) => {
+    selectedRows: string[];
+    allRowsSelected: boolean;
+    handleSelectionChange: (id: string) => void;
+};

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "./Tabs.css";
+export interface TabsI {
+    tabs: TabI[];
+    value: any;
+    onChange: (newTabKey: string) => void;
+    filled?: boolean;
+    direction?: "horizontal" | "vertical";
+    children?: React.ReactNode;
+}
+export interface TabI {
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    label: string;
+    key: string;
+    isDisabled?: boolean;
+}
+declare const Tabs: (props: TabsI) => React.JSX.Element;
+export default Tabs;