jiffy-ui 1.0.0

package/dist/components/HorizontalFlex/HorizontalFlex.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import "./Horizontalflex.css";
+type align = "start" | "center" | "end" | "spaceAround" | "spaceBetween" | "spaceEvenly";
+type blockAlign = "start" | "center" | "end" | "baseline" | "stretch";
+export interface HorizontalFlexI {
+    children: JSX.Element | React.ReactNode;
+    gap?: 2 | 4 | 6 | 8 | 10 | 12 | 14 | 16 | 18 | 20 | 24 | 28 | 32 | 36 | 40;
+    wrap?: boolean;
+    blockAlign?: {
+        sm?: blockAlign;
+        md?: blockAlign;
+        lg?: blockAlign;
+        xl?: blockAlign;
+        xxl?: blockAlign;
+    };
+    align?: {
+        sm?: align;
+        md?: align;
+        lg?: align;
+        xl?: align;
+        xxl?: align;
+    };
+}
+declare const HorizontalFlex: (props: HorizontalFlexI) => React.JSX.Element;
+export default HorizontalFlex;

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

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

package/dist/components/Indicator/Indicator.d.ts

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

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

@@ -0,0 +1,40 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ label, color, size, content, ...props }: import("./Indicator").IndicatorI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        color: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        size: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const IndicatorsWithAllColors: any;
+export declare const DotIndicatorsWithAllColors: any;
+export declare const LabelIndicatorWithAllSizes: any;
+export declare const DotIndicatorWithAllSizes: any;
+export declare const WithNumber: any;

package/dist/components/Input/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./Checkbox.css";
+declare const Checkbox: React.FC<CheckboxI>;
+export interface CheckboxI {
+    checked?: boolean | "indeterminate";
+    onChange?: (newState: boolean, value: any) => void;
+    label?: string | React.ReactNode;
+    name?: string;
+    required?: boolean;
+    isDisabled?: boolean;
+    value?: any;
+    hasError?: boolean;
+}
+export default Checkbox;

package/dist/components/Input/Checkbox/Checkbox.stories.d.ts

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

package/dist/components/Input/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "../FormGroup.css";
+export interface OptionsI {
+    label?: string | React.ReactNode;
+    value: any;
+    isDisabled?: boolean;
+}
+export interface CheckboxGroupI {
+    title?: string | React.ReactNode;
+    name?: string;
+    value?: any[];
+    onChange?: (newVal: any[]) => void;
+    options: OptionsI[];
+    direction?: "horizontal" | "vertical";
+    helpText?: string;
+    helpIcon?: React.ReactNode;
+    type?: "success" | "warning" | "error";
+    isClickableFullItem?: boolean;
+}
+declare const CheckboxGroup: (props: CheckboxGroupI) => React.JSX.Element;
+export default CheckboxGroup;

package/dist/components/Input/CheckboxGroup/CheckboxGroup.stories.d.ts

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

package/dist/components/Input/FileUpload/FileItem.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: React.MemoExoticComponent<({ removeImage, accept, item, sizeAllowed, fileUpload, }: any) => React.JSX.Element>;
+export default _default;

package/dist/components/Input/FileUpload/FileUpload.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import "./FileUpload.css";
+declare const FileUpload: (props: UploadI) => React.JSX.Element;
+export interface UploadI {
+    accept?: string[];
+    isMultiple?: boolean;
+    isDragable?: boolean;
+    isDisabled?: boolean;
+    maxCount?: number;
+    maxSize?: number;
+    helpText?: string;
+    helpIcon?: React.ReactNode;
+    onChange?: (e: any, single?: any) => void;
+    onError?: (errorData: any, message: string) => void;
+    onRemove?: (e: any) => void;
+    isFileUploaded: boolean[];
+}
+export default FileUpload;

package/dist/components/Input/FileUpload/FileUpload.stories.d.ts

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

package/dist/components/Input/FileUpload/Fileprogress.d.ts

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

package/dist/components/Input/Radio/Radio.d.ts

@@ -0,0 +1,14 @@
+import "./Radio.css";
+import React from "react";
+export interface RadioI {
+    name?: string;
+    label?: string | React.ReactNode;
+    value?: any;
+    onChange?: (val: any) => void;
+    checked?: boolean;
+    isDisabled?: boolean;
+    hasError?: boolean;
+    id?: string;
+}
+declare const Radio: (props: RadioI) => React.JSX.Element;
+export default Radio;

package/dist/components/Input/Radio/Radio.stories.d.ts

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

package/dist/components/Input/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import "../FormGroup.css";
+export interface OptionsI {
+    label?: string | React.ReactNode;
+    value: any;
+    isDisabled?: boolean;
+}
+export interface RadioGroupI {
+    title?: string | React.ReactNode;
+    name?: string;
+    value?: any;
+    onChange?: (val: string | number) => void;
+    options: OptionsI[];
+    direction?: "horizontal" | "vertical";
+    helpText?: string;
+    helpIcon?: React.ReactNode;
+    type?: "success" | "warning" | "error";
+    isClickableFullItem?: boolean;
+}
+declare const RadioGroup: (props: RadioGroupI) => React.JSX.Element;
+export default RadioGroup;

package/dist/components/Input/RadioGroup/RadioGroup.stories.d.ts

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

package/dist/components/Input/Select/Select.d.ts

@@ -0,0 +1,18 @@
+import "./Select.css";
+import React from "react";
+export interface SelectI {
+    open?: boolean;
+    options: any[];
+    value?: string | string[];
+    onChange: (e: string | string[], i?: any) => void;
+    selectionType?: "single" | "multiple";
+    type?: "select" | "autoComplete";
+    isDisabled?: boolean;
+    label?: string;
+    placeholder?: string;
+    helpText?: string;
+    inputValue?: string;
+    onInputValueChange?: (e: any) => void;
+}
+declare const Select: (props: SelectI) => React.JSX.Element;
+export default Select;

package/dist/components/Input/Select/Select.stories.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: (props: import("./Select").SelectI) => React.JSX.Element;
+    tags: string[];
+};
+export default _default;
+export declare const Default: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const MultiSelect: any;
+export declare const SelectWithGroupedData: any;
+export declare const MultiSelectWithGroupedData: any;
+export declare const SelectWithAutoComplete: any;
+export declare const MultiSelectWithAutoComplete: any;

package/dist/components/Input/TextArea/TextArea.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import "./TextArea.css";
+declare const TextArea: (props: TextAreaI) => JSX.Element;
+export interface TextAreaI {
+    onChange?: (e: string) => void;
+    value?: string | number;
+    label?: string;
+    resize?: "horizontal" | "vertical" | "both" | "none";
+    placeholder?: string;
+    helpText?: string;
+    readOnly?: boolean;
+    error?: boolean;
+    rows?: number;
+    required?: boolean;
+}
+export default TextArea;

package/dist/components/Input/TextArea/TextArea.stories.d.ts

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

package/dist/components/Input/TextField/TextField.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import "./TextField.css";
+declare const TextField: React.ForwardRefExoticComponent<TextfieldI & React.RefAttributes<unknown>>;
+export interface TextfieldI {
+    value?: string | number;
+    label?: string | React.ReactNode;
+    type?: "text" | "number" | "password" | "tel" | "url" | "email";
+    placeholder?: string;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    helpText?: string;
+    helpIcon?: React.ReactNode;
+    variant?: "success" | "warning" | "error" | "default";
+    isClearable?: boolean;
+    isRequired?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    maxlength?: number | string | any;
+    isDisabled?: boolean;
+    autoFocus?: boolean;
+    onBlur?: () => void;
+    onKeyUp?: () => void;
+    onFocus?: () => void;
+    onChange?: (e: any) => void;
+    onClear?: () => void;
+    size?: "XSmall" | "Small" | "Medium" | "Large";
+}
+export default TextField;

package/dist/components/Input/TextField/story/TextField.stories.d.ts

@@ -0,0 +1,173 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: React.ForwardRefExoticComponent<import("../TextField").TextfieldI & React.RefAttributes<unknown>>;
+    argTypes: {
+        value: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        label: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        type: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        helpText: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        variant: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+        };
+        prefix: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        suffix: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        isClearable: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        onFocus: {
+            description: string;
+            control: {
+                disable: boolean;
+            };
+        };
+        onEnter: {
+            description: string;
+            control: {
+                disable: boolean;
+            };
+        };
+        onClear: {
+            description: string;
+            control: {
+                disable: boolean;
+            };
+        };
+        onKeyUp: {
+            description: string;
+            control: {
+                disable: boolean;
+            };
+        };
+        onBlur: {
+            description: string;
+            control: {
+                disable: boolean;
+            };
+        };
+        onChange: {
+            description: string;
+            control: {
+                disable: boolean;
+            };
+        };
+        maxlength: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        min: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        max: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        step: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        helpIcon: {
+            description: string;
+            control: {
+                type: string;
+                disable: boolean;
+            };
+        };
+        isRequired: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        isDisabled: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        hasStrength: {
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: {
+        maxlength: string;
+        min: string;
+        max: string;
+        step: string;
+        helpIcon: string;
+        placeholder: string;
+        value: string;
+        label: string;
+        type: string;
+        helpText: string;
+        variant: string;
+        prefix: React.JSX.Element;
+        suffix: string;
+        isClearable: boolean;
+        isRequired: boolean;
+        isDisabled: boolean;
+        size: string;
+    };
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const Prefix: any;
+export declare const Suffix: any;

package/dist/components/List/List.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./List.css";
+export interface ListI {
+    type: "ul" | "ol";
+    unorderedStyle?: "Disc" | "Squire" | "Circle";
+    orderedStyle?: "Decimal" | "Roman" | "Alfabet";
+    children?: any;
+}
+declare const List: {
+    ({ type, unorderedStyle, orderedStyle, children, ...props }: ListI): React.JSX.Element;
+    Item: (props: any) => React.JSX.Element;
+};
+export default List;

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

@@ -0,0 +1,20 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: {
+        ({ type, unorderedStyle, orderedStyle, children, ...props }: import("./List").ListI): React.JSX.Element;
+        Item: (props: any) => React.JSX.Element;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default _default;
+export declare const Primary: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const Order_List_with_decimal_number: any;
+export declare const Order_List_with_Alfabet: any;
+export declare const Order_List_with_Roman: any;
+export declare const UnOrder_List_with_Circle: any;
+export declare const UnOrder_List_with_Disc: any;
+export declare const UnOrder_List_with_Squire: any;

package/dist/components/MediaCard/MediaCard.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { ButtonI } from "../Button/Button";
+import "./MediaCard.css";
+import { ActionListObjI } from "../Actionlist/Actionlist";
+declare const MediaCard: ({ type, mediaSrc, primaryAction, orientation, title, subtitle, secondaryAction, headerActions, ...props }: MediaCardI) => React.JSX.Element;
+export interface MediaCardI {
+    type: "Plain" | "Shadow" | "Borderd" | "BorderWithShadow";
+    orientation?: "Vertical" | "Horizontal";
+    mediaSrc?: string;
+    title?: string | React.ReactNode;
+    subtitle?: string | React.ReactNode;
+    primaryAction?: ButtonI;
+    secondaryAction?: ButtonI;
+    headerActions?: ActionListObjI[];
+}
+export default MediaCard;

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

@@ -0,0 +1,57 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ type, mediaSrc, primaryAction, orientation, title, subtitle, secondaryAction, headerActions, ...props }: import("./MediaCard").MediaCardI) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        type: {
+            description: string;
+            control: {
+                type: string;
+                options: string[];
+            };
+            defaultValue: string;
+        };
+        title: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        subtitle: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        primaryAction: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        secondaryAction: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+        mediaSrc: {
+            description: string;
+            control: {
+                type: string;
+            };
+            defaultValue: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: ({ ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
+export declare const CardWithNoImage: any;
+export declare const HorizontalMediaCard: any;

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

@@ -0,0 +1,14 @@
+import "./modal.css";
+import React from "react";
+import { ButtonI } from "../Button/Button";
+declare const Modal: ({ isOpen, onDismiss, children, title, primaryAction, secondaryAction, footer, ...props }: ModalI) => React.JSX.Element | null;
+export interface ModalI {
+    isOpen: boolean;
+    onDismiss: () => void;
+    children: string | React.ReactNode;
+    title?: string;
+    footer?: string | React.ReactNode;
+    primaryAction?: ButtonI;
+    secondaryAction?: ButtonI;
+}
+export default Modal;