demio-ui 2.5.59 → 2.5.61

package/dist/esm/types/src/components/Button/Button.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEventHandler, ReactNode } from 'react';
+import React, { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 type Props = {
     disabled?: boolean;
     children?: ReactNode;
@@ -11,6 +11,7 @@ type Props = {
     suffix?: string | React.ReactNode;
     fullWidth?: boolean;
     showLoader?: boolean;
+    style?: CSSProperties;
 };
 /**
  * Button component documentation.

package/dist/esm/types/src/components/Toast/Toast.d.ts

@@ -1,39 +1,14 @@
-import { FC, ReactNode } from 'react';
-declare global {
-    interface Window {
-        showToast: (options?: IToast) => void;
-    }
-}
+import { CSSProperties, FC, ReactNode } from 'react';
 export interface IToast {
-    attempts?: number;
     className?: string;
     duration?: number;
+    icon?: ReactNode;
     id?: number;
     isClosable?: boolean;
-    isInfo?: boolean;
-    isError?: boolean;
-    isSuccess?: boolean;
     message?: ReactNode;
     onClose?: (id: number) => void;
-    timeout?: number;
-}
-/**
- ### Example of usage
-
- ```
-import { toast } from 'demio-ui';
-  ...
-try {
-  ...
-} catch(error) {
-  toast({
-    message: error?.message || 'Some custom message',
-    isError: true,
-    onClose: (id) => console.log(`Close toast[${id}]`),
- });
+    style?: CSSProperties;
+    type?: 'error' | 'info' | 'success';
 }
-   ```
- ##### PS: Toast disappears on pressing the "Escape" button
- **/
-declare const Toast: FC;
+declare const Toast: FC<IToast>;
 export default Toast;

package/dist/esm/types/src/components/ToastList/ToastList.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const ToastList: FC;
+export default ToastList;

package/dist/esm/types/src/components/ToastList/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ToastList';

package/dist/esm/types/src/utils/toast/toast.d.ts

@@ -1,2 +1,16 @@
+import React from 'react';
 import { IToast } from '../../components/Toast/Toast';
-export declare const toast: (options?: IToast) => void;
+declare class ToastManager {
+    private setToastList;
+    constructor();
+    render: () => void;
+    updateSetter(setToastList: React.Dispatch<React.SetStateAction<IToast[]>>): void;
+    remove: (id: number) => void;
+    private getUIToastListAmount;
+    private add;
+    info: (options: IToast) => void;
+    success: (options: IToast) => void;
+    error: (options: IToast) => void;
+}
+export declare const toast: ToastManager;
+export {};

package/dist/types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { MouseEventHandler, FC, ReactNode, SetStateAction, DragEvent, ReactEventHandler, PropsWithChildren } from 'react';
+import React__default, { MouseEventHandler, FC, ReactNode, CSSProperties, SetStateAction, DragEvent, ReactEventHandler, PropsWithChildren } from 'react';
 import { CheckedState } from '@radix-ui/react-checkbox';
 import { Point, Area } from 'react-easy-crop';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -59,6 +59,7 @@ type Props$i = {
     suffix?: string | React__default.ReactNode;
     fullWidth?: boolean;
     showLoader?: boolean;
+    style?: CSSProperties;
 };
 /**
  * Button component documentation.
@@ -454,43 +455,18 @@ interface TagProps extends PropsWithChildren {
 }
 declare function Tag({ children, onDelete, className }: TagProps): React__default.JSX.Element;
 
-declare global {
-    interface Window {
-        showToast: (options?: IToast) => void;
-    }
-}
 interface IToast {
-    attempts?: number;
     className?: string;
     duration?: number;
+    icon?: ReactNode;
     id?: number;
     isClosable?: boolean;
-    isInfo?: boolean;
-    isError?: boolean;
-    isSuccess?: boolean;
     message?: ReactNode;
     onClose?: (id: number) => void;
-    timeout?: number;
+    style?: CSSProperties;
+    type?: 'error' | 'info' | 'success';
 }
-/**
- ### Example of usage
-
- ```
-import { toast } from 'demio-ui';
-  ...
-try {
-  ...
-} catch(error) {
-  toast({
-    message: error?.message || 'Some custom message',
-    isError: true,
-    onClose: (id) => console.log(`Close toast[${id}]`),
- });
-}
-   ```
- ##### PS: Toast disappears on pressing the "Escape" button
- **/
-declare const Toast: FC;
+declare const Toast: FC<IToast>;
 
 type Props = {
     align?: 'start' | 'center' | 'end';
@@ -2442,6 +2418,18 @@ declare const getCroppedImageURL: (imageSrc: string, pixelCrop: Area, rotation?:
     vertical: boolean;
 }) => Promise<string | null>;
 
-declare const toast: (options?: IToast) => void;
+declare class ToastManager {
+    private setToastList;
+    constructor();
+    render: () => void;
+    updateSetter(setToastList: React__default.Dispatch<React__default.SetStateAction<IToast[]>>): void;
+    remove: (id: number) => void;
+    private getUIToastListAmount;
+    private add;
+    info: (options: IToast) => void;
+    success: (options: IToast) => void;
+    error: (options: IToast) => void;
+}
+declare const toast: ToastManager;
 
 export { Alert, Avatar, Badge, Button$1 as Button, Button as ButtonNew, Card, Checkbox, Crop, DnDArea, Drawer, DropdownItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, ModalWindow, MultiSelect, Pagination, Popover, PopoverTooltip, Progress, RadioGroup, Select, SelectItem, SelectItemText, SliderDemo as Slider, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Toast, Tooltip, Typography, Upload, UploadError, UploadMenu, UploadProgressPreview, createImage, getCroppedImageURL, getFileExtension, getFileMimeType, getRadianAngle, index as icons, isExtensionMatchingMimeType, isImage, isValidFileDimension, isValidFileSize, isValidFileType, isVideo, mimeTypeMap, rotateSize, toast, useCroppedImage, useFileValidation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "2.5.59",
+  "version": "2.5.61",
   "description": "",
   "repository": {
     "type": "git",