@spaceandtimelabs/dapp-mi-components 0.1.1 → 0.3.0

package/dist/index.d.ts

@@ -0,0 +1,717 @@
+import { AccordionProps } from '../../@mui/material';
+import { ButtonProps as ButtonProps_2 } from '../../@mui/material/Button';
+import { ChangeEvent } from '../../react';
+import { Component } from '../../react';
+import { default as default_2 } from '../../react';
+import { default as default_3 } from '../../../../react';
+import { default as default_4 } from '../../../react';
+import { DefaultTheme } from './styled-components';
+import { ErrorInfo } from '../../react';
+import { GlobalStyleComponent } from './styled-components';
+import { MenuProps } from '../../@mui/material';
+import { PaginationProps } from '../../@mui/material';
+import * as React_2 from 'react';
+import { ReactNode } from '../../react';
+import { SnackbarCloseReason } from '../../@mui/material/Snackbar';
+import { SwitchProps } from '../../@mui/material';
+import { Theme } from './@mui/material/styles';
+import { TooltipProps } from '../../@mui/material/Tooltip';
+
+export declare const Accordion: default_2.FC<AccordionComponentProps>;
+
+declare interface AccordionComponentProps extends Omit<AccordionProps, 'children'> {
+    id: string;
+    summary: string;
+    items: ItemProps[];
+    accordionInnerContainer?: boolean;
+    expandIcon?: default_2.ReactNode;
+    collapseIcon?: default_2.ReactNode;
+}
+
+export declare const ActivityBar: React_2.FC<ActivityBarProps>;
+
+declare interface ActivityBarProps {
+    handleClose: (event: Event | React_2.SyntheticEvent, reason?: SnackbarCloseReason) => void;
+    open: boolean;
+    theme?: any;
+    anchorOrigin?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'right';
+    };
+}
+
+export declare const add: string;
+
+export declare const addIcn: string;
+
+export declare const arrowDown: string;
+
+export declare const arrowRight: string;
+
+export declare const arrowRightUp: string;
+
+export declare const btnArrowRight: string;
+
+export declare const Button: ({ type, sizes, variants, className, icon, iconPosition, text, onClick, isDisabled, theme, children, iconColor, ...rest }: ButtonProps) => default_2.JSX.Element;
+
+export declare interface ButtonProps extends Omit<ButtonProps_2, 'variant' | 'size'> {
+    type?: 'button' | 'submit' | 'reset';
+    sizes?: 'sm' | 'md';
+    variants?: 'primary' | 'secondary' | 'primary-outline' | 'skyPink' | 'skyPink-outline' | 'blue' | 'blue-outline' | 'indigo' | 'indigo-outline' | 'violet' | 'violet-outline' | 'danger' | 'danger-outline';
+    className?: string;
+    icon?: string;
+    iconPosition?: 'right' | 'left' | string | undefined;
+    text?: string | undefined;
+    onClick?: (event: default_2.MouseEvent<HTMLButtonElement>) => void;
+    isDisabled?: boolean;
+    theme?: any;
+    iconColor?: string;
+}
+
+export declare const Cards: ({ variants, className, theme, title, content, image, }: CardsProps) => default_2.JSX.Element;
+
+declare interface CardsProps {
+    variants?: 'apps' | 'dashboard';
+    className?: string;
+    theme?: any;
+    title?: string;
+    content?: string;
+    image?: string;
+}
+
+export declare const Chat: ({ messageCollection, onNewUserMessage, userInput, onInputValueChange, messageLoading, onImageUploadClick, imageUploadDisabled, isSendDisabled, }: ChatProps) => default_3.JSX.Element;
+
+export declare const ChatBotButton: default_3.FC<ChatBotProps>;
+
+export declare const ChatBotComponentsTab: () => default_3.JSX.Element;
+
+declare interface ChatbotMessage {
+    content: string;
+    role: string;
+    timestamp: number;
+    type: ChatMessageTypeEnum;
+}
+
+declare interface ChatBotProps {
+    ChatTab: default_3.ComponentType;
+    ComponentsTab: default_3.ComponentType;
+    ProjectsTab: default_3.ComponentType;
+    ManageTab: default_3.ComponentType;
+    onChatBotPinnedClick: () => void;
+    onChatBotCloseClick: () => void;
+    chatBotPinned: boolean;
+}
+
+export declare const ChatBotWrapper: ({ ChatTab, ComponentsTab, ProjectsTab, ManageTab, onChatBotPinnedClick, onChatBotCloseClick, chatBotPinned, }: ChatBotWrapperProps) => default_3.JSX.Element;
+
+declare interface ChatBotWrapperProps {
+    ChatTab: default_3.ComponentType;
+    ComponentsTab: default_3.ComponentType;
+    ProjectsTab: default_3.ComponentType;
+    ManageTab: default_3.ComponentType;
+    onChatBotPinnedClick: () => void;
+    onChatBotCloseClick: () => void;
+    chatBotPinned: boolean;
+}
+
+declare enum ChatMessageTypeEnum {
+    popularTrade = "popular",
+    suggestion = "suggestion",
+    trade = "trade",
+    success = "success",
+    error = "error",
+    default = "default",
+    currency = "currency"
+}
+
+declare interface ChatProps {
+    messageCollection: ChatbotMessage[];
+    onNewUserMessage: () => void;
+    userInput: string;
+    onInputValueChange: (e: Event) => void;
+    messageLoading: boolean;
+    onImageUploadClick: () => void;
+    imageUploadDisabled: boolean;
+    isSendDisabled: boolean;
+}
+
+export declare const ChoiceOptions: default_4.FC;
+
+export declare const Circular: () => default_2.JSX.Element;
+
+export declare const circular: string;
+
+export declare const CloseIconComponent: ({ className, iconColor, theme, }: IconsProps) => default_2.JSX.Element;
+
+export declare const CommonDrawer: default_2.FC<CommonDrawerProps>;
+
+export declare interface CommonDrawerProps {
+    children?: default_2.ReactNode;
+    header?: default_2.ReactNode;
+    drawerList: default_2.ReactNode;
+    theme?: any;
+}
+
+export declare const CommonTable: default_2.FC<TableProps>;
+
+export declare const CommonTooltip: default_2.FC<CommonTooltipProps>;
+
+export declare interface CommonTooltipProps extends TooltipProps {
+    variant?: 'primary | secondary';
+    sizes?: 'sm' | 'md';
+}
+
+export declare const create: string;
+
+export declare const CreateProject: () => default_2.JSX.Element;
+
+export declare const CurrencyBox: default_4.FC;
+
+declare interface CustomPaginationProps extends PaginationProps {
+}
+
+export declare const CustomSwitch: default_2.FC<CustomSwitchProps>;
+
+export declare interface CustomSwitchProps extends SwitchProps {
+    className?: string;
+    theme?: any;
+    label?: string;
+    labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
+}
+
+declare interface Data {
+    [key: string]: string;
+}
+
+export declare const data: string;
+
+export declare const downArrow: string;
+
+export declare const edit: string;
+
+export declare const EditMenu: () => React_2.JSX.Element;
+
+export declare class ErrorBoundary extends Component<Props, State> {
+    constructor(props: Props);
+    static getDerivedStateFromError(error: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): default_2.ReactNode;
+}
+
+export declare const Explore: default_2.FC;
+
+export declare const ExplorePage: default_2.FC;
+
+export declare const filterIcn: string;
+
+export declare const Footer: default_2.FC;
+
+export declare const GlobalStyle: GlobalStyleComponent<    {
+theme: any;
+$useImgColors?: boolean | undefined;
+$chartBackground?: string[] | undefined;
+}, DefaultTheme>;
+
+export declare const Header: ({ onAuthButtonClick }: HeaderProps) => React_2.JSX.Element;
+
+declare interface HeaderProps {
+    onAuthButtonClick: () => void;
+}
+
+export declare const icnSearchInput: string;
+
+export declare interface IconsProps extends Omit<ButtonProps_2, 'variant' | 'size'> {
+    className?: string;
+    iconColor?: string;
+    theme?: any;
+}
+
+export declare const infoCircle: string;
+
+export declare const Input: ({ type, isDisabled, onClick, className, icon, iconPosition, placeholder, isButton, btnText, isBtnIcon, isIconPosition, inputRef, onChange, onBlur, onFocus, ...rest }: InputProps) => default_2.JSX.Element;
+
+declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
+    type: 'text' | 'email' | 'password' | 'search';
+    className?: string;
+    icon?: string;
+    iconPosition?: 'right' | 'left';
+    placeholder: string;
+    onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
+    isDisabled?: boolean;
+    isButton?: boolean;
+    btnText?: string;
+    isBtnIcon?: string;
+    isIconPosition?: string;
+    inputRef?: default_2.Ref<HTMLInputElement>;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+}
+
+declare interface ItemProps {
+    id: string;
+    title: string;
+    content: string;
+}
+
+export declare const Landing: default_2.FC;
+
+export declare const LandingDrawer: default_4.FC<MiniDrawerProps>;
+
+export declare const LandingPage: default_2.FC;
+
+export declare const layer: string;
+
+export declare const Layout: default_2.FC<LayoutProps>;
+
+declare interface LayoutProps {
+    children: default_2.ReactNode;
+    onAuthButtonClick: () => void;
+    onSidebarLinkClick: (link: string) => void;
+}
+
+export declare const magicpen: string;
+
+export declare const menu: string;
+
+declare interface MenuItem {
+    icon: string;
+    title: string;
+    onClick?: (event: default_4.MouseEvent<HTMLElement>) => void;
+    className?: string;
+}
+
+export declare const messages: string;
+
+export declare const MI_DAPP_COMPONENTS_THEME: {
+    bodyBg: string;
+    palette: {
+        primary: {
+            main: string;
+            dark: string;
+            light: string;
+        };
+        secondary: {
+            main: string;
+            dark: string;
+            light: string;
+        };
+        error: {
+            main: string;
+            dark: string;
+            light: string;
+        };
+    };
+    typography: {
+        fontFamily: string;
+    };
+    breakpoints: {
+        values: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+    };
+    custom: {
+        brown: string;
+        blue: string;
+        blueLight: string;
+        blueActive: string;
+        navyBlue: string;
+        green: string;
+        greenLight: string;
+        red: string;
+        redLight: string;
+        redTrash: string;
+        violet: string;
+        orange: string;
+        cyan: string;
+        pink: string;
+        pinkDark: string;
+        olive: string;
+        blueDark: string;
+        mint: string;
+        purple: string;
+        purpleRgba: string;
+        purpleDark: string;
+        purpleLight: string;
+        purpleShade: string;
+        resizer: string;
+        chartGrid: string;
+        chartLabel: string;
+        yellow: string;
+        skelton: string;
+        axisPointer: string;
+        insightInfoBg: string;
+        nebulaBlue: string;
+        mutedColor: string;
+        drawerWidth: string;
+        drawerWidthMobile: string;
+        chatBotWidth: string;
+        pythonScriptColor: {
+            color1: string;
+            color2: string;
+            color3: string;
+            color5: string;
+            color6: string;
+            color7: string;
+            color8: string;
+            color9: string;
+            color10: string;
+            color11: string;
+            footerButtonBg: string;
+        };
+        chart: {
+            area: string;
+            bar: string;
+            sliderBg: string;
+            pieShadow: string;
+            A1: string;
+        };
+        gradiant: {
+            blue: string;
+            red: string;
+            mint: string;
+            bluePink: string;
+            violet: string;
+        };
+        tags: {
+            A1: string;
+            A2: string;
+            A3: string;
+            A4: string;
+            bg1: string;
+            bg2: string;
+            bg3: string;
+            bg4: string;
+            bg5: string;
+        };
+        counterType: {
+            A1: string;
+            A2: string;
+            A3: string;
+            A4: string;
+        };
+        greyText: {
+            A1: string;
+            A2: string;
+            A3: string;
+            A4: string;
+            A5: string;
+            A6: string;
+            A7: string;
+            A8: string;
+            A9: string;
+            A10: string;
+            A11: string;
+            A12: string;
+            A13: string;
+        };
+        black: {
+            A1: string;
+            A2: string;
+            A3: string;
+            A4: string;
+            A5: string;
+            A6: string;
+            A7: string;
+            A8: string;
+            Rgba: string;
+        };
+        white: {
+            A1: string;
+            A2: string;
+            A3: string;
+            A4: string;
+            A5: string;
+            A6: string;
+            A7: string;
+            A8: string;
+            A9: string;
+            A10: string;
+            A11: string;
+            A12: string;
+            A13: string;
+            A14: string;
+            Rgba: string;
+        };
+        erd: {
+            miniMap: {
+                nodeColor: string;
+                maskColor: string;
+                background: string;
+            };
+            parentHeadBg: string;
+        };
+        erdTable: {
+            titleBg: string;
+            countBg: string;
+            tableBg: string;
+            border: string;
+            headBg: string;
+            headText: string;
+            icon: string;
+            cellActive: string;
+            name: string;
+            type: string;
+            greyBg: string;
+            greyHeadBg: string;
+            greyLight: string;
+            pendingBg: string;
+            pendingTableHead: string;
+        };
+        editor: {
+            keyword: string;
+            function: string;
+            string: string;
+            type: string;
+            numeric: string;
+            ddl: string;
+            dml: string;
+            transactions: string;
+        };
+        chatBot: {
+            A1: string;
+            A2: string;
+            A3: string;
+            A4: string;
+            A5: string;
+            A6: string;
+            A7: string;
+        };
+        inputBg: string;
+        inputFocused: string;
+        primaryBg: string;
+        primaryBgActive: string;
+        primaryDisabled: string;
+        secondaryBg: string;
+        secondaryBgActive: string;
+        secondaryDisabled: string;
+        HeaderBg: string;
+        toolBarBg: string;
+        boxBg: string;
+        boxBg2: string;
+        boxBg3: string;
+        gredientBg: string;
+        editorBg: string;
+        modalBg: string;
+        popupBg: string;
+        cardBg: string;
+        dropdownBg: string;
+        trashBg: string;
+        tableBg: string;
+        tableActionBg: string;
+        tableActionBgHover: string;
+        tableActionBgDisabled: string;
+        thumbnailBg: string;
+        thumbnailImgBg: string;
+        thumbnailBgHover: string;
+        chartThumbnail: string;
+        chartThumbnailActive: string;
+        gridColumnsBg: string;
+        tableHoverBg: string;
+        counterBg: string;
+        counterThumbnailBg: string;
+        paymentCardBg: string;
+        avatarBgGradient: string;
+        loadData: {
+            panelBg: string;
+            listBg: string;
+            listBgActive: string;
+            descText: string;
+        };
+        piplineBg: string;
+        piplineFilterBg: string;
+        azureCardBg: string;
+        fontSize: {
+            font8: string;
+            font10: string;
+            font11: string;
+            font12: string;
+            font14: string;
+            font16: string;
+            font18: string;
+            font20: string;
+            font22: string;
+            font24: string;
+            font26: string;
+            font30: string;
+            font48: string;
+        };
+        fontWeight: {
+            lt: number;
+            rg: number;
+            md: number;
+            sm: number;
+            bd: number;
+        };
+        heading: {
+            h1: string;
+            h2: string;
+            h3: string;
+        };
+    };
+};
+
+declare interface MiniDrawerProps {
+    children: default_4.ReactNode;
+    onSidebarLinkClick: (link: string) => void;
+}
+
+export declare const MyAppsContent: () => default_2.JSX.Element;
+
+export declare const MyProjectHeader: default_2.FC<MyProjectHeaderProps>;
+
+declare interface MyProjectHeaderProps {
+    subTitle: string;
+    title: string;
+}
+
+export declare const MyProjects: () => default_2.JSX.Element;
+
+export declare const MySavedQueries: () => default_4.JSX.Element;
+
+export declare const NextIcon: () => default_2.JSX.Element;
+
+export declare const OverlayLoading: default_2.FC;
+
+export declare const PageHead: default_2.FC<PageHeadProps>;
+
+declare interface PageHeadProps {
+    head: string;
+    subHead?: string;
+    centerAlign?: boolean;
+    className?: string;
+}
+
+export declare const pages: string;
+
+export declare const PagesVersions: () => default_2.JSX.Element;
+
+export declare const PaginationComponent: default_2.FC<CustomPaginationProps>;
+
+export declare const plus: string;
+
+export declare const PopoverMenu: default_2.FC<PopoverMenuProps>;
+
+export declare interface PopoverMenuProps extends Omit<MenuProps, 'variant' | 'content' | 'open'> {
+    anchorEl: HTMLElement | null;
+    onClose: () => void;
+    onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
+    content?: Array<{
+        id: number;
+        icon: default_2.ReactNode;
+        label: string;
+        action?: () => void;
+        divider?: boolean;
+    }> | default_2.ReactNode;
+    PaperProps?: object;
+    anchorOrigin?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'right';
+    };
+    transformOrigin?: {
+        vertical: 'top' | 'bottom';
+        horizontal: 'left' | 'right';
+    };
+    className?: string;
+    theme?: any;
+}
+
+export declare const PopularTrade: default_4.FC;
+
+export declare const PreviousIcon: () => default_2.JSX.Element;
+
+export declare const ProfileTooltip: () => default_4.JSX.Element;
+
+export declare const proofOFSql: string;
+
+declare interface Props {
+    errorPageType?: string;
+    children?: ReactNode;
+}
+
+export declare const rightArrow: string;
+
+declare const scroll_2: string;
+export { scroll_2 as scroll }
+
+export declare const search: string;
+
+export declare const setting: string;
+
+export declare const settings: string;
+
+export declare const share: string;
+
+declare interface SideBarButtonProps {
+    menuItems: MenuItem[];
+    section: string;
+    tootlTipProps?: any;
+}
+
+export declare const SideBarButtons: default_4.FC<SideBarButtonProps>;
+
+export declare const SideBarListItem: default_4.FC<SideBarListItemProps>;
+
+declare interface SideBarListItemProps {
+    icon: string;
+    title: string;
+    className?: string;
+    isSelected: boolean;
+    onClick?: (event: default_4.MouseEvent<HTMLElement>) => void;
+    tooltipProps?: any;
+}
+
+export declare const spaceArchitecture: string;
+
+export declare const SpinKitCube: default_2.FC;
+
+declare interface State {
+    hasError: boolean;
+}
+
+export declare const SuggestedTrade: default_4.FC;
+
+declare interface TableProps {
+    headers: string[];
+    data: Data[];
+    actionButtons?: default_2.ReactNode;
+}
+
+declare interface TabProps {
+    className?: 'inlineTabs' | 'blockTabs' | string;
+    tabsText: string[];
+    tabContent?: React_2.ReactNode[];
+}
+
+export declare const TabsComponent: React_2.FC<TabProps>;
+
+export declare const TradeInfo: () => default_4.JSX.Element;
+
+export declare const TradeSuccess: default_4.FC;
+
+export declare const transactions: string;
+
+export declare const TypeWriterInput: () => default_4.JSX.Element;
+
+export declare const UIComponents: () => default_3.JSX.Element;
+
+export declare const upload: string;
+
+export declare const variableTheme: Theme;
+
+export { }
+
+declare module '@mui/material/styles' {
+    interface Theme {
+        custom: any;
+        bodyBg: any;
+    }
+    interface ThemeOptions {
+        custom?: any;
+        bodyBg?: any;
+    }
+}