@spaceandtimelabs/dapp-mi-components 0.2.0 → 0.3.0

package/dist/index.d.ts

@@ -79,11 +79,61 @@ declare interface CardsProps {
     image?: string;
 }
 
-export declare const ChatBot: default_3.FC;
+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;
 
-export declare const ChatBotWrapper: () => 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;
 
@@ -150,6 +200,8 @@ 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;
@@ -160,7 +212,11 @@ $useImgColors?: boolean | undefined;
 $chartBackground?: string[] | undefined;
 }, DefaultTheme>;
 
-export declare const Header: () => React_2.JSX.Element;
+export declare const Header: ({ onAuthButtonClick }: HeaderProps) => React_2.JSX.Element;
+
+declare interface HeaderProps {
+    onAuthButtonClick: () => void;
+}
 
 export declare const icnSearchInput: string;
 
@@ -202,12 +258,16 @@ 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;
@@ -223,8 +283,281 @@ declare interface MenuItem {
 
 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;