@spaceandtimelabs/dapp-mi-components 0.3.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,70 +52,78 @@ 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 Chat: ({ messageCollection, onNewUserMessage, userInput, onInputValueChange, messageLoading, onImageUploadClick, imageUploadDisabled, isSendDisabled, }: ChatProps) => default_3.JSX.Element;
+export declare const Chat: ({ messageCollection, onNewUserMessage, userInput, onInputValueChange, messageLoading, onImageUploadClick, imageUploadDisabled, isSendDisabled, }: ChatProps) => JSX_2.Element;
 
-export declare const ChatBotButton: default_3.FC<ChatBotProps>;
+export declare const ChatBotButton: default_2.FC<ChatBotProps>;
 
-export declare const ChatBotComponentsTab: () => 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_3.ComponentType;
-    ComponentsTab: default_3.ComponentType;
-    ProjectsTab: default_3.ComponentType;
-    ManageTab: default_3.ComponentType;
+    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) => default_3.JSX.Element;
+export declare const ChatBotWrapper: ({ ChatTab, ComponentsTab, ProjectsTab, ManageTab, onChatBotPinnedClick, onChatBotCloseClick, chatBotPinned, }: ChatBotWrapperProps) => JSX_2.Element;
 
 declare interface ChatBotWrapperProps {
-    ChatTab: default_3.ComponentType;
-    ComponentsTab: default_3.ComponentType;
-    ProjectsTab: default_3.ComponentType;
-    ManageTab: default_3.ComponentType;
+    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",
@@ -128,20 +138,20 @@ declare interface ChatProps {
     messageCollection: ChatbotMessage[];
     onNewUserMessage: () => void;
     userInput: string;
-    onInputValueChange: (e: Event) => void;
+    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>;
 
@@ -149,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>;
@@ -161,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;
@@ -189,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);
@@ -207,12 +218,12 @@ 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: ({ onAuthButtonClick }: HeaderProps) => React_2.JSX.Element;
+export declare const Header: ({ onAuthButtonClick }: HeaderProps) => JSX_2.Element;
 
 declare interface HeaderProps {
     onAuthButtonClick: () => void;
@@ -220,15 +231,13 @@ declare interface HeaderProps {
 
 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';
@@ -238,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;
@@ -256,7 +265,7 @@ 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;
 
@@ -277,7 +286,7 @@ 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;
 }
 
@@ -556,11 +565,11 @@ export declare const MI_DAPP_COMPONENTS_THEME: {
 };
 
 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>;
 
@@ -569,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;
 
@@ -588,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;
@@ -616,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;
 
@@ -649,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;
@@ -673,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[];
@@ -689,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;
 
@@ -705,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;
     }
 }