@matbea-ui/matbea-ui 0.2.0-dev.204250 → 0.2.0-dev.214554

package/dist/types/index.d.ts

@@ -18,8 +18,10 @@ type ButtonProps = {
     icon?: ReactNode;
     iconPosition?: IconPosition;
     children?: ReactNode;
+    ref?: React.Ref<HTMLButtonElement>;
+    disabled?: boolean;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ variant, size, form, fullWidth, icon, iconPosition, children, disabled, ref, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
 type CopyTooltipProps = {
     label: string;
@@ -61,8 +63,10 @@ type TextFieldProps = {
     defaultValue?: string;
     placeholder?: string;
     label?: string;
+    labelVariant?: TypographyVariant;
     error?: string;
     disabled?: boolean;
+    labelColor?: string;
     icon?: React.ReactNode;
     action?: React.ReactNode;
     name?: string;
@@ -213,7 +217,28 @@ interface ButtonSwitcherProps {
 }
 declare const ButtonSwitcher: React.FC<ButtonSwitcherProps>;
 
-declare const Avatar: (props: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+declare const Avatar: (props: HTMLAttributes<HTMLDivElement> & {
+    size?: number;
+}) => react_jsx_runtime.JSX.Element;
+
+interface LangCountrySelectProps {
+    currentLang: string;
+    currentCurrency: string;
+    currentCountry: string;
+    countries: SelectFieldProps["options"];
+    currencies: SelectFieldProps["options"];
+    languages: SelectFieldProps["options"];
+    handleSave?: ({ lang, currency, country, }: {
+        lang: string;
+        currency: string;
+        country: string;
+    }) => void;
+    labelLang: string;
+    labelCurrency: string;
+    labelCountry: string;
+    saveText?: string;
+}
+declare const LangCountrySelect: React.FC<LangCountrySelectProps>;
 
 type ApplicationDataVariant = "primary" | "secondary";
 interface ApplicationDataProps {
@@ -229,7 +254,7 @@ type ApplicationInfoVariant = "primary" | "secondary";
 
 interface ApplicationInfoProps {
     children: React.ReactNode;
-    actions: React.ReactNode;
+    actions?: React.ReactNode;
     variant?: ApplicationInfoVariant;
 }
 declare const ApplicationInfo: React.FC<ApplicationInfoProps>;
@@ -284,6 +309,33 @@ interface TransactionStatusProps {
 }
 declare const TransactionStatus: React.FC<TransactionStatusProps>;
 
+interface InputMessageProps {
+    onChangeMessage?: (value: string) => void;
+    message?: string;
+    onChangeFiles?: (files: File[]) => void;
+    files?: File[];
+    handleClickEmoji?: (value: string) => void;
+    onSend?: () => void;
+}
+declare const InputMessage: React.FC<InputMessageProps>;
+
+type MessageVariant = "self" | "other";
+
+interface ChatMessageProps {
+    children: React.ReactNode;
+    variant?: MessageVariant;
+    longName?: string;
+    date?: string;
+}
+declare const ChatMessage: React.FC<ChatMessageProps>;
+
+interface ChatProps {
+    children: React.ReactNode;
+    inputMessage: React.ReactNode;
+    longName: string;
+}
+declare const Chat: React.FC<ChatProps>;
+
 declare const maskEmail: (email: string, keep?: number, stars?: number) => string;
 declare const formatCardNumber: (cardNum: number) => string;
 declare const copyToClipboard: (text: string) => Promise<void>;
@@ -329,15 +381,15 @@ declare const theme: {
     };
     readonly media: {
         readonly maxWidth: {
-            readonly mobile: "@media (max-width: 375px)";
-            readonly tablet: "@media (max-width: 834px)";
+            readonly mobile: "@media (max-width: 576px)";
+            readonly tablet: "@media (max-width: 1023px)";
         };
     };
 };
 type AppTheme = typeof theme;
 
 interface IconProps extends react__default.SVGProps<SVGSVGElement> {
-    size?: number | string;
+    size?: number;
     children?: react__default.ReactNode;
 }
 
@@ -676,27 +728,7 @@ declare const StyledProvider: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const breakpoints: {
-    mobile: {
-        max: number;
-        scale: number;
-    };
-    tablet: {
-        min: number;
-        max: number;
-        scale: number;
-    };
-    desktop: {
-        min: number;
-        max: number;
-        scale: number;
-    };
-    wide: {
-        min: number;
-        scale: number;
-    };
-};
 declare const GlobalStyles: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
 
-export { AaveIcon, AlgorandIcon, ApplicationData, ApplicationInfo, ApplicationStatus, ArrowIcon, AttachIcon, AvalancheIcon, Avatar, BalanceRow, BatIcon, BitcoinIcon, BnbSmallIcon, BtgIcon, BusdIcon, Button, ButtonSwitcher, CakeIcon, CardanoIcon, ChainlinkIcon, CheckIcon, Checkbox, CircleSendCryptoIcon, ClockIcon, Close2Icon, CloseIcon, Container, CopyIcon, CopyTooltip, CosmosIcon, Counter, CountryBrIcon, CountryCzechIcon, CountryKzIcon, CountryRusIcon, CurrencyName, CurrencyRate, DashSmallIcon, DashboardIcon, DecentralandIcon, DepositIcon, DepositSimpleIcon, DigibyteIcon, DogeSmallIcon, DropdownIcon, DropdownSmallIcon, DropdownUpIcon, EditIcon, ElrondIcon, EmojiIcon, EnjinIcon, EosIcon, ErrorBigIcon, EtcIcon, EthIcon, EurIcon, ExchangeArrowsIcon, ExchangeIcon, ExchangeSimpleIcon, FantomIcon, FilecoinIcon, FtxIcon, GlobalStyles, HamburgerButton, HamburgerIcon, HeadphonesIcon, HederaIcon, HideUiIcon, HistoryIcon, IcomputerIcon, IconNeoIcon, IcxIcon, IlsIcon, InfoIcon, Informer, IotaIcon, KlaytnIcon, LariIcon, LinkIcon, LiskIcon, LitecoinIcon, Loader, Logo, LogoAbankIcon, LogoAbsolutIcon, LogoAcbaCreditIcon, LogoAlphabankIcon, LogoArmEconomBankIcon, LogoArshidBankIcon, LogoBankcentercreditIcon, LogoBankofGeorgiaIcon, LogoEurobankIcon, LogoForteBankIcon, LogoHalykBankIcon, LogoHomecreditIcon, LogoHumoCardIcon, LogoJysanBankIcon, LogoKaspiBankIcon, LogoMonobankIcon, LogoMtsbankIcon, LogoNetellerIcon, LogoOshadbankIcon, LogoOtkrutieIcon, LogoPochtabankIcon, LogoPrivatebankIcon, LogoPumbIcon, LogoQiwiIcon, LogoRayfuzenbankIcon, LogoRevolutIcon, LogoRnkbIcon, LogoRosbankIcon, LogoRosselhozbankIcon, LogoRusstandartIcon, LogoSberIcon, LogoSbpIcon, LogoSotovuyIcon, LogoTbcBankIcon, LogoTinkoffIcon, LogoUkrsibbankIcon, LogoUzCardIcon, LogoVtbIcon, LogoWiseIcon, LogoYoumoneyIcon, LogoutIcon, LunaIcon, MakerIcon, MaticIcon, MessageSendIcon, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, SolanaIcon, StellarIcon, StepnIcon, StyledProvider, SuccessfullBigIcon, SuccessfullSmallIcon, SushiIcon, Switcher, SynthetixIcon, TabList, Table, TetherIcon, TextField, TezosIcon, ThegraphIcon, ThetaIcon, Tooltip, TopUpIcon, TransactionStatus, TrxSmallIcon, Typography, UniswapIcon, UpSmallIcon, UsdIcon, UsdcIcon, UserAccount, UserIcon, UsersIcon, VechainIcon, WalletFillIcon, WalletIcon, WarningIcon, WavesIcon, WithdrawIcon, WithdrawSimpleIcon, XmrSmallIcon, ZcashSmallIcon, ZilliqaIcon, ZrxIcon, adaptiveScalePlugin, breakpoints, copyToClipboard, createAdaptiveScalePlugin, formatCardNumber, maskEmail, theme };
-export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, CurrencyNameProps, InformerProps, InformerType, RequisitesProps, SelectFieldProps, SelectOption, TextFieldProps, TransactionStatusProps, TypographyVariant };
+export { AaveIcon, AlgorandIcon, ApplicationData, ApplicationInfo, ApplicationStatus, ArrowIcon, AttachIcon, AvalancheIcon, Avatar, BalanceRow, BatIcon, BitcoinIcon, BnbSmallIcon, BtgIcon, BusdIcon, Button, ButtonSwitcher, CakeIcon, CardanoIcon, ChainlinkIcon, Chat, ChatMessage, CheckIcon, Checkbox, CircleSendCryptoIcon, ClockIcon, Close2Icon, CloseIcon, Container, CopyIcon, CopyTooltip, CosmosIcon, Counter, CountryBrIcon, CountryCzechIcon, CountryKzIcon, CountryRusIcon, CurrencyName, CurrencyRate, DashSmallIcon, DashboardIcon, DecentralandIcon, DepositIcon, DepositSimpleIcon, DigibyteIcon, DogeSmallIcon, DropdownIcon, DropdownSmallIcon, DropdownUpIcon, EditIcon, ElrondIcon, EmojiIcon, EnjinIcon, EosIcon, ErrorBigIcon, EtcIcon, EthIcon, EurIcon, ExchangeArrowsIcon, ExchangeIcon, ExchangeSimpleIcon, FantomIcon, FilecoinIcon, FtxIcon, GlobalStyles, HamburgerButton, HamburgerIcon, HeadphonesIcon, HederaIcon, HideUiIcon, HistoryIcon, IcomputerIcon, IconNeoIcon, IcxIcon, IlsIcon, InfoIcon, Informer, InputMessage, IotaIcon, KlaytnIcon, LangCountrySelect, LariIcon, LinkIcon, LiskIcon, LitecoinIcon, Loader, Logo, LogoAbankIcon, LogoAbsolutIcon, LogoAcbaCreditIcon, LogoAlphabankIcon, LogoArmEconomBankIcon, LogoArshidBankIcon, LogoBankcentercreditIcon, LogoBankofGeorgiaIcon, LogoEurobankIcon, LogoForteBankIcon, LogoHalykBankIcon, LogoHomecreditIcon, LogoHumoCardIcon, LogoJysanBankIcon, LogoKaspiBankIcon, LogoMonobankIcon, LogoMtsbankIcon, LogoNetellerIcon, LogoOshadbankIcon, LogoOtkrutieIcon, LogoPochtabankIcon, LogoPrivatebankIcon, LogoPumbIcon, LogoQiwiIcon, LogoRayfuzenbankIcon, LogoRevolutIcon, LogoRnkbIcon, LogoRosbankIcon, LogoRosselhozbankIcon, LogoRusstandartIcon, LogoSberIcon, LogoSbpIcon, LogoSotovuyIcon, LogoTbcBankIcon, LogoTinkoffIcon, LogoUkrsibbankIcon, LogoUzCardIcon, LogoVtbIcon, LogoWiseIcon, LogoYoumoneyIcon, LogoutIcon, LunaIcon, MakerIcon, MaticIcon, MessageSendIcon, NearIcon, NemIcon, OmgnetworkIcon, OmiseIcon, OntologyIcon, P2PIcon, PaxgIcon, PlusIcon, PolkaIcon, QnekworkIcon, QutumIcon, RadioButton, ReciveCryptoIcon, Requisites, RippleIcon, RubIcon, SandboxIcon, ScanQrIcon, SearchIcon, SelectField, SendCryptoIcon, SettingsIcon, ShowUiIcon, SolanaIcon, StellarIcon, StepnIcon, StyledProvider, SuccessfullBigIcon, SuccessfullSmallIcon, SushiIcon, Switcher, SynthetixIcon, TabList, Table, TetherIcon, TextField, TezosIcon, ThegraphIcon, ThetaIcon, Tooltip, TopUpIcon, TransactionStatus, TrxSmallIcon, Typography, UniswapIcon, UpSmallIcon, UsdIcon, UsdcIcon, UserAccount, UserIcon, UsersIcon, VechainIcon, WalletFillIcon, WalletIcon, WarningIcon, WavesIcon, WithdrawIcon, WithdrawSimpleIcon, XmrSmallIcon, ZcashSmallIcon, ZilliqaIcon, ZrxIcon, adaptiveScalePlugin, copyToClipboard, createAdaptiveScalePlugin, formatCardNumber, maskEmail, theme };
+export type { AppTheme, ApplicationDataProps, ApplicationInfoProps, ApplicationStatusProps, ChatProps, CurrencyNameProps, InformerProps, InformerType, LangCountrySelectProps, RequisitesProps, SelectFieldProps, SelectOption, TextFieldProps, TransactionStatusProps, TypographyVariant };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matbea-ui/matbea-ui",
-  "version": "0.2.0-dev.204250",
+  "version": "0.2.0-dev.214554",
   "license": "MIT",
   "type": "module",
   "main": "dist/matbea-ui.cjs.js",
@@ -44,8 +44,10 @@
     "styled-components": "^6"
   },
   "dependencies": {
+    "emoji-picker-react": "^4.16.1",
     "lodash": "^4.17.21",
-    "react-tooltip": "^5.30.0"
+    "react-tooltip": "^5.30.0",
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",