@spaceandtimelabs/dapp-mi-components 0.2.0 → 0.3.2

package/dist/index.d.ts

@@ -1,25 +1,27 @@
-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 { 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 { DefaultTheme } from 'styled-components';
+import { ErrorInfo } from 'react';
+import { GlobalStyleComponent } from 'styled-components';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { MenuProps } from '@mui/material';
+import { PaginationProps } from '@mui/material';
+import { PropsWithChildren } from 'react';
 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';
+import { ReactNode } from 'react';
+import { SnackbarCloseReason } from '@mui/material/Snackbar';
+import { SwitchProps } from '@mui/material';
+import { SxProps } from '@mui/system';
+import { Theme } from '@mui/material/styles';
+import { TooltipProps } from '@mui/material/Tooltip';
+import { TooltipProps as TooltipProps_2 } from '@mui/material';
 
-export declare const Accordion: default_2.FC<AccordionComponentProps>;
+export declare const Accordion: default_2.FC<ComponentWithChildren<AccordionComponentProps>>;
 
-declare interface AccordionComponentProps extends Omit<AccordionProps, 'children'> {
+declare interface AccordionComponentProps extends Omit_2<AccordionProps, 'children'>, BaseComponentProps {
     id: string;
     summary: string;
     items: ItemProps[];
@@ -33,7 +35,7 @@ export declare const ActivityBar: React_2.FC<ActivityBarProps>;
 declare interface ActivityBarProps {
     handleClose: (event: Event | React_2.SyntheticEvent, reason?: SnackbarCloseReason) => void;
     open: boolean;
-    theme?: any;
+    theme?: Theme;
     anchorOrigin?: {
         vertical: 'top' | 'bottom';
         horizontal: 'left' | 'right';
@@ -50,48 +52,106 @@ export declare const arrowRight: string;
 
 export declare const arrowRightUp: string;
 
+declare interface BaseComponentProps {
+    className?: string;
+    theme?: Theme;
+    sx?: SxProps<Theme>;
+}
+
 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 const Button: default_2.FC<ComponentWithChildren<ButtonProps>>;
 
-export declare interface ButtonProps extends Omit<ButtonProps_2, 'variant' | 'size'> {
+export declare interface ButtonProps extends Omit_2<ButtonProps_2, 'variant' | 'size'>, BaseComponentProps {
     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;
+export declare const Cards: ({ variants, className, theme, title, content, image }: CardsProps) => JSX_2.Element;
 
 declare interface CardsProps {
     variants?: 'apps' | 'dashboard';
     className?: string;
-    theme?: any;
+    theme?: Theme;
     title?: string;
     content?: string;
     image?: string;
 }
 
-export declare const ChatBot: default_3.FC;
+export declare const Chat: ({ messageCollection, onNewUserMessage, userInput, onInputValueChange, messageLoading, onImageUploadClick, imageUploadDisabled, isSendDisabled, }: ChatProps) => JSX_2.Element;
 
-export declare const ChatBotComponentsTab: () => default_3.JSX.Element;
+export declare const ChatBotButton: default_2.FC<ChatBotProps>;
 
-export declare const ChatBotWrapper: () => default_3.JSX.Element;
+export declare const ChatBotComponentsTab: () => JSX_2.Element;
+
+declare interface ChatbotMessage {
+    content: string;
+    role: string;
+    timestamp: number;
+    type: ChatMessageTypeEnum;
+    class?: string;
+}
+
+declare interface ChatBotProps {
+    ChatTab: default_2.ComponentType;
+    ComponentsTab: default_2.ComponentType;
+    ProjectsTab: default_2.ComponentType;
+    ManageTab: default_2.ComponentType;
+    onChatBotPinnedClick: () => void;
+    onChatBotCloseClick: () => void;
+    chatBotPinned: boolean;
+}
+
+export declare const ChatBotWrapper: ({ ChatTab, ComponentsTab, ProjectsTab, ManageTab, onChatBotPinnedClick, onChatBotCloseClick, chatBotPinned, }: ChatBotWrapperProps) => JSX_2.Element;
+
+declare interface ChatBotWrapperProps {
+    ChatTab: default_2.ComponentType;
+    ComponentsTab: default_2.ComponentType;
+    ProjectsTab: default_2.ComponentType;
+    ManageTab: default_2.ComponentType;
+    onChatBotPinnedClick: () => void;
+    onChatBotCloseClick: () => void;
+    chatBotPinned: boolean;
+}
+
+declare interface ChatInputEvent extends React.ChangeEvent<HTMLInputElement> {
+    target: HTMLInputElement;
+}
+
+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: ChatInputEvent) => void;
+    messageLoading: boolean;
+    onImageUploadClick: () => void;
+    imageUploadDisabled: boolean;
+    isSendDisabled: boolean;
+}
 
-export declare const ChoiceOptions: default_4.FC;
+export declare const ChoiceOptions: default_2.FC;
 
-export declare const Circular: () => default_2.JSX.Element;
+export declare const Circular: () => JSX_2.Element;
 
 export declare const circular: string;
 
-export declare const CloseIconComponent: ({ className, iconColor, theme, }: IconsProps) => default_2.JSX.Element;
+export declare const CloseIconComponent: default_2.FC<ComponentWithChildren<IconsProps>>;
 
 export declare const CommonDrawer: default_2.FC<CommonDrawerProps>;
 
@@ -99,7 +159,7 @@ export declare interface CommonDrawerProps {
     children?: default_2.ReactNode;
     header?: default_2.ReactNode;
     drawerList: default_2.ReactNode;
-    theme?: any;
+    theme?: Theme;
 }
 
 export declare const CommonTable: default_2.FC<TableProps>;
@@ -111,26 +171,27 @@ export declare interface CommonTooltipProps extends TooltipProps {
     sizes?: 'sm' | 'md';
 }
 
+declare type ComponentWithChildren<P = Record<string, unknown>> = PropsWithChildren<P>;
+
 export declare const create: string;
 
-export declare const CreateProject: () => default_2.JSX.Element;
+export declare const CreateProject: () => JSX_2.Element;
 
-export declare const CurrencyBox: default_4.FC;
+export declare const CurrencyBox: default_2.FC;
 
-declare interface CustomPaginationProps extends PaginationProps {
-}
+declare type CustomPaginationProps = PaginationProps;
 
 export declare const CustomSwitch: default_2.FC<CustomSwitchProps>;
 
 export declare interface CustomSwitchProps extends SwitchProps {
     className?: string;
-    theme?: any;
+    theme?: Theme;
     label?: string;
     labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
 }
 
 declare interface Data {
-    [key: string]: string;
+    [key: string]: unknown;
 }
 
 export declare const data: string;
@@ -139,7 +200,7 @@ export declare const downArrow: string;
 
 export declare const edit: string;
 
-export declare const EditMenu: () => React_2.JSX.Element;
+export declare const EditMenu: () => JSX_2.Element;
 
 export declare class ErrorBoundary extends Component<Props, State> {
     constructor(props: Props);
@@ -150,29 +211,33 @@ export declare class ErrorBoundary extends Component<Props, State> {
 
 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;
+theme: Theme;
 $useImgColors?: boolean | undefined;
 $chartBackground?: string[] | undefined;
 }, DefaultTheme>;
 
-export declare const Header: () => React_2.JSX.Element;
+export declare const Header: ({ onAuthButtonClick }: HeaderProps) => JSX_2.Element;
+
+declare interface HeaderProps {
+    onAuthButtonClick: () => void;
+}
 
 export declare const icnSearchInput: string;
 
-export declare interface IconsProps extends Omit<ButtonProps_2, 'variant' | 'size'> {
-    className?: string;
+export declare interface IconsProps extends Omit_2<ButtonProps_2, 'variant' | 'size'>, BaseComponentProps {
     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;
+export declare const Input: ({ type, isDisabled, onClick, className, icon, iconPosition, placeholder, isButton, btnText, isBtnIcon, isIconPosition, inputRef, onChange, onBlur, onFocus, ...rest }: InputProps) => JSX_2.Element;
 
 declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
     type: 'text' | 'email' | 'password' | 'search';
@@ -182,7 +247,7 @@ declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElem
     placeholder: string;
     onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
     isDisabled?: boolean;
-    isButton?: boolean;
+    isButton: boolean;
     btnText?: string;
     isBtnIcon?: string;
     isIconPosition?: string;
@@ -200,7 +265,9 @@ declare interface ItemProps {
 
 export declare const Landing: default_2.FC;
 
-export declare const LandingDrawer: default_4.FC<MiniDrawerProps>;
+export declare const LandingDrawer: default_2.FC<MiniDrawerProps>;
+
+export declare const LandingPage: default_2.FC;
 
 export declare const layer: string;
 
@@ -208,6 +275,8 @@ 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;
@@ -217,17 +286,290 @@ export declare const menu: string;
 declare interface MenuItem {
     icon: string;
     title: string;
-    onClick?: (event: default_4.MouseEvent<HTMLElement>) => void;
+    onClick?: (event: default_2.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;
+    children: default_2.ReactNode;
+    onSidebarLinkClick: (link: string) => void;
 }
 
-export declare const MyAppsContent: () => default_2.JSX.Element;
+export declare const MyAppsContent: () => JSX_2.Element;
 
 export declare const MyProjectHeader: default_2.FC<MyProjectHeaderProps>;
 
@@ -236,11 +578,13 @@ declare interface MyProjectHeaderProps {
     title: string;
 }
 
-export declare const MyProjects: () => default_2.JSX.Element;
+export declare const MyProjects: () => JSX_2.Element;
 
-export declare const MySavedQueries: () => default_4.JSX.Element;
+export declare const MySavedQueries: () => JSX_2.Element;
 
-export declare const NextIcon: () => default_2.JSX.Element;
+export declare const NextIcon: () => JSX_2.Element;
+
+declare type Omit_2<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
 export declare const OverlayLoading: default_2.FC;
 
@@ -255,15 +599,16 @@ declare interface PageHeadProps {
 
 export declare const pages: string;
 
-export declare const PagesVersions: () => default_2.JSX.Element;
+export declare const PagesVersions: () => JSX_2.Element;
 
 export declare const PaginationComponent: default_2.FC<CustomPaginationProps>;
 
 export declare const plus: string;
 
-export declare const PopoverMenu: default_2.FC<PopoverMenuProps>;
+export declare const PopoverMenu: default_2.FC<ComponentWithChildren<PopoverMenuProps>>;
 
-export declare interface PopoverMenuProps extends Omit<MenuProps, 'variant' | 'content' | 'open'> {
+export declare interface PopoverMenuProps extends Omit_2<MenuProps, 'variant' | 'content' | 'open'>, BaseComponentProps {
+    id?: string;
     anchorEl: HTMLElement | null;
     onClose: () => void;
     onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
@@ -283,15 +628,13 @@ export declare interface PopoverMenuProps extends Omit<MenuProps, 'variant' | 'c
         vertical: 'top' | 'bottom';
         horizontal: 'left' | 'right';
     };
-    className?: string;
-    theme?: any;
 }
 
-export declare const PopularTrade: default_4.FC;
+export declare const PopularTrade: default_2.FC;
 
-export declare const PreviousIcon: () => default_2.JSX.Element;
+export declare const PreviousIcon: () => JSX_2.Element;
 
-export declare const ProfileTooltip: () => default_4.JSX.Element;
+export declare const ProfileTooltip: () => JSX_2.Element;
 
 export declare const proofOFSql: string;
 
@@ -316,20 +659,20 @@ export declare const share: string;
 declare interface SideBarButtonProps {
     menuItems: MenuItem[];
     section: string;
-    tootlTipProps?: any;
+    tootlTipProps?: Partial<TooltipProps_2>;
 }
 
-export declare const SideBarButtons: default_4.FC<SideBarButtonProps>;
+export declare const SideBarButtons: default_2.FC<SideBarButtonProps>;
 
-export declare const SideBarListItem: default_4.FC<SideBarListItemProps>;
+export declare const SideBarListItem: default_2.NamedExoticComponent<SideBarListItemProps>;
 
 declare interface SideBarListItemProps {
     icon: string;
     title: string;
     className?: string;
     isSelected: boolean;
-    onClick?: (event: default_4.MouseEvent<HTMLElement>) => void;
-    tooltipProps?: any;
+    onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
+    tooltipProps?: Partial<TooltipProps_2>;
 }
 
 export declare const spaceArchitecture: string;
@@ -340,7 +683,7 @@ declare interface State {
     hasError: boolean;
 }
 
-export declare const SuggestedTrade: default_4.FC;
+export declare const SuggestedTrade: default_2.FC;
 
 declare interface TableProps {
     headers: string[];
@@ -356,15 +699,15 @@ declare interface TabProps {
 
 export declare const TabsComponent: React_2.FC<TabProps>;
 
-export declare const TradeInfo: () => default_4.JSX.Element;
+export declare const TradeInfo: () => JSX_2.Element;
 
-export declare const TradeSuccess: default_4.FC;
+export declare const TradeSuccess: default_2.FC;
 
 export declare const transactions: string;
 
-export declare const TypeWriterInput: () => default_4.JSX.Element;
+export declare const TypeWriterInput: () => JSX_2.Element;
 
-export declare const UIComponents: () => default_3.JSX.Element;
+export declare const UIComponents: () => JSX_2.Element;
 
 export declare const upload: string;
 
@@ -372,13 +715,14 @@ export declare const variableTheme: Theme;
 
 export { }
 
+
 declare module '@mui/material/styles' {
     interface Theme {
-        custom: any;
-        bodyBg: any;
+        custom: CustomTheme;
+        bodyBg: string;
     }
     interface ThemeOptions {
-        custom?: any;
-        bodyBg?: any;
+        custom?: CustomTheme;
+        bodyBg?: string;
     }
 }