mainstack-design-system 0.0.7 → 0.0.9

package/build/src/app.d.ts

@@ -0,0 +1 @@
+/** @format */

package/build/src/assets/themes/baseThemes.d.ts

@@ -0,0 +1,2 @@
+/** @format */
+export declare const theme: Record<string, any>;

package/build/src/components/Accordion/index.d.ts

@@ -0,0 +1,15 @@
+/** @format */
+/// <reference types="react" />
+import { AccordionItemProps } from "@chakra-ui/react";
+export interface IAccordionItem extends AccordionItemProps {
+    children?: React.ReactNode;
+    title: string;
+    subtitle?: React.ReactNode;
+    isDraggable?: boolean;
+    type: "has-toggle" | "has-delete" | "normal";
+    error?: boolean;
+    handleDelete?: () => void;
+    handleToggle?: () => void;
+}
+declare const AccordionItemComponent: ({ children, title, subtitle, isDraggable, type, error, handleDelete, handleToggle, ...props }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
+export default AccordionItemComponent;

package/build/src/components/Avatars/index.d.ts

@@ -0,0 +1,15 @@
+/** @format */
+export interface AvatarProp {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+}
+interface ImageAvatarProp extends AvatarProp {
+    src?: string;
+    type: "image";
+    fallback: "store" | "picture";
+}
+interface InitialsAvatarProp extends AvatarProp {
+    name: string;
+    type: "initials";
+}
+declare const Avatar: (props: ImageAvatarProp | InitialsAvatarProp) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/build/src/components/Button/IconButton.d.ts

@@ -0,0 +1,13 @@
+/** @format */
+/// <reference types="react" />
+import { ButtonProps } from "@chakra-ui/react";
+export interface IconButtonProps extends ButtonProps {
+    children: React.ReactNode;
+    size: "small" | "medium" | "large";
+    bgColor?: string;
+    textColor?: string;
+    variant: "primary" | "secondary" | "tertiary" | "outline" | "link";
+    disabled?: boolean;
+}
+declare const IconButton: ({ children, size, bgColor, variant, disabled, textColor, onClick, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default IconButton;

package/build/src/components/Button/index.d.ts

@@ -0,0 +1,26 @@
+/** @format */
+/// <reference types="react" />
+import { ButtonProps } from "@chakra-ui/react";
+export type ButtonVariantType = {
+    bgColor: string;
+    color: string;
+    hoverColor: string;
+    activeBorderColor: string;
+    border?: string;
+};
+export declare const ButtonVariant: Record<string, ButtonVariantType>;
+export interface IButtonProps extends ButtonProps {
+    label?: string | React.ReactNode;
+    size: "small" | "medium" | "large";
+    bgColor?: string;
+    textColor?: string;
+    variant: "primary" | "secondary" | "tertiary" | "outline" | "link";
+    disabled?: boolean;
+}
+interface IButtonPropsWithIcons extends IButtonProps {
+    hasIcons: true;
+    icon: React.ReactNode;
+    iconType: "leading" | "trailing";
+}
+declare const Button: ({ label, size, bgColor, variant, disabled, textColor, onClick, ...props }: IButtonProps | IButtonPropsWithIcons) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/build/src/components/InputFields/Input.d.ts

@@ -0,0 +1,20 @@
+/** @format */
+import { InputProps } from "@chakra-ui/react";
+export interface IInput extends InputProps {
+    label: string;
+    name: string;
+    value?: any;
+    id: string;
+    onChange?: () => void;
+    defaultValue?: any;
+    placeholder?: string;
+    type: "text" | "number" | "password";
+    error?: boolean;
+    errorMessage?: string;
+    success?: boolean;
+    successMessage?: string;
+    hint?: string;
+    width?: string;
+}
+declare const Input: ({ label, name, id, value, onChange, defaultValue, placeholder, error, errorMessage, success, successMessage, hint, type, width, }: IInput) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/build/src/components/InputFields/MarkdownEditor.d.ts

@@ -0,0 +1,16 @@
+interface IMarkdownEditor {
+    onChange: (val: string) => void;
+    border?: string;
+    placeholder?: string;
+    onHandleFile: (e: File) => void;
+    label?: string;
+}
+type MarkdownEditorWithExclusiveValues = (IMarkdownEditor & {
+    value?: string;
+    defaultValue?: never;
+}) | (IMarkdownEditor & {
+    defaultValue?: string;
+    value?: never;
+});
+declare const MarkdownEditor: ({ defaultValue, onChange, border, placeholder, value, onHandleFile, label, }: MarkdownEditorWithExclusiveValues) => import("react/jsx-runtime").JSX.Element;
+export default MarkdownEditor;

package/build/src/components/InputFields/SearchInput.d.ts

@@ -0,0 +1,18 @@
+/** @format */
+import { InputProps } from "@chakra-ui/react";
+export interface ISearchInput extends InputProps {
+    name: string;
+    value?: string;
+    id: string;
+    onChange?: (e?: any) => void;
+    defaultValue?: any;
+    placeholder?: any;
+    error?: boolean;
+    errorMessage?: string;
+    success?: boolean;
+    successMessage?: string;
+    hint?: string;
+    onClear?: any;
+}
+declare const SearchInput: ({ name, id, value, onChange, defaultValue, placeholder, onClear, }: ISearchInput) => import("react/jsx-runtime").JSX.Element;
+export default SearchInput;

package/build/src/components/InputFields/SelectInput/CountrySelect.d.ts

@@ -0,0 +1,12 @@
+/** @format */
+export interface ICountrySelectProps {
+    valueType?: "full" | "code";
+    options?: any;
+    label?: string;
+    placeholder?: string;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    value?: any;
+}
+declare const CountrySelect: ({ value, onChange, label, valueType, placeholder, options, }: ICountrySelectProps) => import("react/jsx-runtime").JSX.Element;
+export default CountrySelect;

package/build/src/components/InputFields/SelectInput/PhoneNumberInput.d.ts

@@ -0,0 +1,12 @@
+/** @format */
+export interface IPhoneNumberInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    enableSearch?: boolean;
+    placeholder?: string;
+    label?: string;
+    id?: string;
+    subtext?: string;
+}
+declare const PhoneNumberInput: ({ value, onChange, enableSearch, placeholder, label, id, subtext, }: IPhoneNumberInputProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneNumberInput;

package/build/src/components/InputFields/SelectInput/SelectInput.d.ts

@@ -0,0 +1,26 @@
+/** @format */
+/// <reference types="react" />
+import { DropdownIndicatorProps, GroupBase, MultiValueProps, OptionProps, StylesConfig } from "react-select";
+export declare const selectStyles: StylesConfig<any, boolean, GroupBase<any>>;
+export type OptionType = {
+    value: string;
+    label: string;
+};
+export interface ISelectInputProps {
+    label: string;
+    id: string;
+    name: string;
+    placeholder?: string;
+    onChange?: (e: any) => void;
+    onBlur?: (e: any) => void;
+    options: Array<OptionType>;
+    value?: any;
+    defaultValue?: string;
+    isMulti?: boolean;
+    hideSelectedOptions?: boolean;
+    CustomOption?: React.ComponentType<OptionProps<any, boolean, GroupBase<any>>>;
+    CustomMultiValue?: React.ComponentType<MultiValueProps<any, boolean, GroupBase<any>>>;
+}
+export declare const DropdownIndicator: (props: DropdownIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreatableSelectInput: ({ label, id, name, placeholder, onBlur, onChange, value, defaultValue, options, isMulti, hideSelectedOptions, CustomOption, CustomMultiValue, }: ISelectInputProps) => import("react/jsx-runtime").JSX.Element;

package/build/src/components/InputFields/SelectInput/index.d.ts

@@ -0,0 +1,8 @@
+/** @format */
+export { SelectInput } from "./SelectInput";
+export { CreatableSelectInput } from "./SelectInput";
+export type { ISelectInputProps } from "./SelectInput";
+export { default as CountrySelect } from "./CountrySelect";
+export type { ICountrySelectProps } from "./CountrySelect";
+export { default as PhoneNumberInput } from "./PhoneNumberInput";
+export type { IPhoneNumberInputProps } from "./PhoneNumberInput";

package/build/src/components/InputFields/TextArea.d.ts

@@ -0,0 +1,19 @@
+/** @format */
+import { TextareaProps } from "@chakra-ui/react";
+interface ITextArea extends TextareaProps {
+    label: string;
+    name: string;
+    value?: any;
+    id: string;
+    onChange?: () => void;
+    defaultValue?: any;
+    placeholder?: any;
+    error?: boolean;
+    errorMessage?: string;
+    hint?: string;
+    textLimit?: number;
+    height?: string;
+    width?: string;
+}
+declare const TextArea: ({ label, name, id, value, onChange, defaultValue, placeholder, error, errorMessage, textLimit, height, width, }: ITextArea) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/build/src/components/InputFields/UsernameInput.d.ts

@@ -0,0 +1,20 @@
+/** @format */
+import { InputProps } from "@chakra-ui/react";
+interface IInput extends InputProps {
+    label: string;
+    name: string;
+    value?: any;
+    id: string;
+    onChange?: () => void;
+    defaultValue?: any;
+    placeholder?: any;
+    type?: "text";
+    errorMessage?: string;
+    inputLeftMargin?: string;
+    isChecking?: boolean;
+    isAvailable?: boolean;
+    isNotAvailable?: boolean;
+    width?: string;
+}
+declare const UsernameInput: ({ label, name, id, value, onChange, defaultValue, placeholder, inputLeftMargin, isChecking, isAvailable, isNotAvailable, errorMessage, width, ...props }: IInput) => import("react/jsx-runtime").JSX.Element;
+export default UsernameInput;

package/build/src/components/Tiles/index.d.ts

@@ -0,0 +1,13 @@
+/** @format */
+/// <reference types="react" />
+export interface TileProps {
+    isSelected?: boolean;
+    title: string;
+    subText?: string;
+    icon?: JSX.Element;
+    iconPosition?: "leading" | "trailing" | "top";
+    hasRadioButton?: boolean;
+    onClick?: () => void;
+}
+declare const Tile: ({ icon, iconPosition, hasRadioButton, isSelected, title, subText, onClick, }: TileProps) => import("react/jsx-runtime").JSX.Element;
+export default Tile;

package/build/src/components/Typography/Display.d.ts

@@ -0,0 +1,17 @@
+/** @format */
+import { TextProps } from "@chakra-ui/react";
+type DefaultType = "3xl" | "xxl" | "xl" | "l" | "m";
+type ResponsiveType = {
+    xl?: DefaultType;
+    lg?: DefaultType;
+    md?: DefaultType;
+    sm?: DefaultType;
+    base?: DefaultType;
+};
+interface IDisplay extends TextProps {
+    children: any;
+    color?: string;
+    size: DefaultType | ResponsiveType;
+}
+declare const Display: ({ size, color, children, ...props }: IDisplay) => import("react/jsx-runtime").JSX.Element;
+export default Display;

package/build/src/components/Typography/Heading.d.ts

@@ -0,0 +1,17 @@
+/** @format */
+import { TextProps } from "@chakra-ui/react";
+type DefaultType = "3xl" | "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | "3xs" | "4xs" | "5xs";
+type ResponsiveType = {
+    xl?: DefaultType;
+    lg?: DefaultType;
+    md?: DefaultType;
+    sm?: DefaultType;
+    base?: DefaultType;
+};
+interface IHeading extends TextProps {
+    children: any;
+    color?: string;
+    size: DefaultType | ResponsiveType;
+}
+declare const Heading: ({ size, color, children, ...props }: IHeading) => import("react/jsx-runtime").JSX.Element;
+export default Heading;

package/build/src/components/Typography/Paragraph.d.ts

@@ -0,0 +1,17 @@
+/** @format */
+import { TextProps } from "@chakra-ui/react";
+type DefaultType = "xl" | "l" | "m" | "s" | "xs" | "xxs" | "3xs";
+type ResponsiveType = {
+    xl?: DefaultType;
+    lg?: DefaultType;
+    md?: DefaultType;
+    sm?: DefaultType;
+    base?: DefaultType;
+};
+interface IParagraph extends TextProps {
+    children: any;
+    color?: string;
+    size: DefaultType | ResponsiveType;
+}
+declare const Paragraph: ({ size, color, children, ...props }: IParagraph) => import("react/jsx-runtime").JSX.Element;
+export default Paragraph;

package/build/src/components/Typography/Subtitle.d.ts

@@ -0,0 +1,17 @@
+/** @format */
+import { TextProps } from "@chakra-ui/react";
+type DefaultType = "3xl" | "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | "3xs" | "4xs" | "5xs" | "6xs" | "7xs";
+type ResponsiveType = {
+    xl?: DefaultType;
+    lg?: DefaultType;
+    md?: DefaultType;
+    sm?: DefaultType;
+    base?: DefaultType;
+};
+interface ISubtitle extends TextProps {
+    children: any;
+    color?: string;
+    size: DefaultType | ResponsiveType;
+}
+declare const Subtitle: ({ size, color, children, ...props }: ISubtitle) => import("react/jsx-runtime").JSX.Element;
+export default Subtitle;

package/build/src/components/Uploader/FileUploader.d.ts

@@ -0,0 +1,14 @@
+/** @format */
+import { ChangeEvent } from "react";
+export interface IFileUpload {
+    file?: File | undefined;
+    onHandleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    sizeLimit?: number;
+    fileActionPopover?: React.ReactNode;
+    accept?: string;
+    fileTypeIcon?: JSX.Element;
+    headerText?: string;
+    subtitleText?: string;
+}
+declare const FileUploader: ({ file, onHandleChange, sizeLimit, fileActionPopover, accept, fileTypeIcon, headerText, subtitleText, }: IFileUpload) => import("react/jsx-runtime").JSX.Element;
+export default FileUploader;

package/build/src/components/Uploader/ImageUploader.d.ts

@@ -0,0 +1,14 @@
+/** @format */
+import { ChangeEvent } from "react";
+export interface IImageUpload {
+    onHandleChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    imageArray: string[];
+    multiple?: boolean;
+    coverImageIndex?: number;
+    multiImagePopover?: React.ReactNode;
+    handleDeleteImage?: (e: any) => void;
+    handleChangeCoverImage?: (e: any) => void;
+    accept?: string;
+}
+declare const ImageUploader: ({ multiple, onHandleChange, imageArray, coverImageIndex, handleDeleteImage, handleChangeCoverImage, multiImagePopover, accept, ...props }: IImageUpload) => import("react/jsx-runtime").JSX.Element;
+export default ImageUploader;

package/build/src/components/controls/Chip.d.ts

@@ -0,0 +1,9 @@
+/** @format */
+import { FlexProps } from "@chakra-ui/react";
+interface Props extends FlexProps {
+    isChecked: boolean;
+    label: string;
+    hasRadio?: boolean;
+}
+declare const Chip: ({ isChecked, label, hasRadio, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/build/src/components/controls/DoubleTab.d.ts

@@ -0,0 +1,10 @@
+/** @format */
+import { TabProps } from "@chakra-ui/react";
+export interface DoubleTabProps extends TabProps {
+    items: {
+        name: string;
+        element: any;
+    }[];
+}
+declare const DoubleTab: ({ items }: DoubleTabProps) => import("react/jsx-runtime").JSX.Element;
+export default DoubleTab;

package/build/src/components/controls/Pagination.d.ts

@@ -0,0 +1,11 @@
+/** @format */
+export interface PaginationProps {
+    limit: number;
+    setLimit: any;
+    page: number;
+    setPage: any;
+    total?: number;
+    options?: any;
+}
+declare const Pagination: ({ limit, setLimit, page, setPage, total, options, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export default Pagination;

package/build/src/components/controls/RadioButton.d.ts

@@ -0,0 +1,8 @@
+/** @format */
+import { RadioProps } from "@chakra-ui/react";
+interface Props extends RadioProps {
+    label?: string;
+    subtext?: string;
+}
+declare const RadioButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

package/build/src/components/controls/RectangleCheckButton.d.ts

@@ -0,0 +1,8 @@
+/** @format */
+import { CheckboxProps } from "@chakra-ui/react";
+interface Props extends CheckboxProps {
+    label?: string;
+    subtext?: string;
+}
+declare const RectangleCheckButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default RectangleCheckButton;

package/build/src/components/controls/RoundCheckButton.d.ts

@@ -0,0 +1,8 @@
+/** @format */
+import { CheckboxProps } from "@chakra-ui/react";
+interface Props extends CheckboxProps {
+    label?: string;
+    subtext?: string;
+}
+declare const RoundCheckButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default RoundCheckButton;

package/build/src/components/controls/Stepper.d.ts

@@ -0,0 +1,11 @@
+/** @format */
+import { FlexProps } from "@chakra-ui/react";
+export interface StepperProps extends FlexProps {
+    steps: {
+        name: string;
+        id: number;
+    }[];
+    page: number;
+}
+declare const Stepper: ({ steps, page, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export default Stepper;

package/build/src/components/controls/TabMenu.d.ts

@@ -0,0 +1,10 @@
+/** @format */
+import { TabProps } from "@chakra-ui/react";
+export interface TabMenuProps extends TabProps {
+    items: {
+        name: string;
+        element: any;
+    }[];
+}
+declare const TabMenu: ({ items }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default TabMenu;

package/build/src/components/controls/ToggleButton.d.ts

@@ -0,0 +1,14 @@
+/** @format */
+import { SwitchProps } from "@chakra-ui/react";
+interface ISwitch extends SwitchProps {
+    label?: string;
+    subtext?: string;
+    refkey?: string;
+    access?: string;
+    as?: any;
+    name?: string;
+    className?: string;
+    value?: any;
+}
+declare const ToggleButton: ({ label, subtext, refkey, size, className, value, as, id, onChange, isChecked, name, isDisabled, }: ISwitch) => import("react/jsx-runtime").JSX.Element;
+export default ToggleButton;

package/build/src/components/index.d.ts

@@ -0,0 +1,32 @@
+/** @format */
+export { default as Button } from "./Button";
+export { default as IconButton } from "./Button/IconButton";
+export { default as Accordion } from "./Accordion";
+export { default as Avatars } from "./Avatars";
+export { default as Chip } from "./controls/Chip";
+export { default as DoubleTab } from "./controls/DoubleTab";
+export { default as Pagination } from "./controls/Pagination";
+export { default as RadioButton } from "./controls/RadioButton";
+export { default as RectangleCheckButton } from "./controls/RectangleCheckButton";
+export { default as RoundCheckButton } from "./controls/RoundCheckButton";
+export { default as Stepper } from "./controls/Stepper";
+export { default as TabMenu } from "./controls/TabMenu";
+export { default as ToggleButton } from "./controls/ToggleButton";
+export * from "./InputFields/SelectInput";
+export { default as Input } from "./InputFields/Input";
+export { default as MarkdownEditor } from "./InputFields/MarkdownEditor";
+export { default as SearchInput } from "./InputFields/SearchInput";
+export { default as TextArea } from "./InputFields/TextArea";
+export { default as UsernameInput } from "./InputFields/UsernameInput";
+export { default as Banner } from "./notifications/Banner";
+export { default as ClickTooltip } from "./notifications/ClickTooltip";
+export { default as HoverTooltip } from "./notifications/HoverTooltip";
+export { default as Snackbar } from "./notifications/Snackbar";
+export { default as Colors } from "./styleGuide/Colors";
+export { default as Tiles } from "./Tiles";
+export { default as Display } from "./Typography/Display";
+export { default as Heading } from "./Typography/Heading";
+export { default as Paragraph } from "./Typography/Paragraph";
+export { default as Subtitle } from "./Typography/Subtitle";
+export { default as FileUploader } from "./Uploader/FileUploader";
+export { default as ImageUploader } from "./Uploader/ImageUploader";

package/build/src/components/notifications/Banner.d.ts

@@ -0,0 +1,11 @@
+/** @format */
+interface Props {
+    variant: "blue" | "red" | "green" | "yellow" | "purple" | "orange" | "gradient";
+    onProceed: () => void;
+    message: string;
+    buttonText?: string;
+    hasProceedButton?: boolean;
+    hasCloseButton?: boolean;
+}
+declare const Banner: ({ variant, onProceed, message, buttonText, hasProceedButton, hasCloseButton, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Banner;

package/build/src/components/notifications/ClickTooltip.d.ts

@@ -0,0 +1,10 @@
+/** @format */
+/// <reference types="react" />
+export interface ICustomTooltip {
+    triggerComponent: JSX.Element;
+    body: string;
+    label: string;
+    hasSpecialArrow?: boolean;
+}
+declare const CickTooltip: ({ label, body, hasSpecialArrow, triggerComponent, }: ICustomTooltip) => import("react/jsx-runtime").JSX.Element;
+export default CickTooltip;

package/build/src/components/notifications/HoverTooltip.d.ts

@@ -0,0 +1,7 @@
+/** @format */
+import { TooltipProps } from "@chakra-ui/react";
+export interface ITooltip extends TooltipProps {
+    label: string;
+}
+declare const HoverTooltip: ({ label, children, placement, ...rest }: ITooltip) => import("react/jsx-runtime").JSX.Element;
+export default HoverTooltip;

package/build/src/components/notifications/Snackbar.d.ts

@@ -0,0 +1,10 @@
+/** @format */
+import { TypeOptions } from "react-toastify";
+export declare enum SnackbarType {
+    info = "info",
+    success = "success",
+    warning = "warning",
+    error = "error",
+    default = "default"
+}
+export default function customSnackbar(title: string, type: TypeOptions, subtext?: string, showUndoButton?: boolean, handleUndo?: () => void): void;