magneto365.ui 2.47.0 → 2.48.1

package/dist/cjs/types/components/UI/molecules/Message/Message.component.d.ts

@@ -1,4 +1,7 @@
-import { FC } from 'react';
-import { IMessage } from './Message.interface';
-export declare const Message: FC<IMessage>;
-export declare const message: (props: IMessage) => void;
+import React from 'react';
+import { IMessageProps } from './Message.interface';
+export declare const Component: React.FC<IMessageProps>;
+/**
+ * Molecule UI component for Message
+ */
+export declare const Message: React.FC<IMessageProps>;

package/dist/cjs/types/components/UI/molecules/Message/Message.interface.d.ts

@@ -1,4 +1,25 @@
-export interface IMessage {
+import { IconProps } from '@components/UI/atoms';
+export interface IMessageProps {
+    /**
+     * Optional class name
+     */
+    className?: string;
+    /**
+     * Optional description of the message
+     */
+    description?: string;
+    /**
+     * This is the optional duration in milliseconds
+     * */
+    duration?: number;
+    /**
+     * Optional props for the icon
+     */
+    iconProps?: IconProps;
+    /**
+     * This is the function to be called when the message is hidden
+     */
+    onHide?: (visible: boolean) => void;
     /**
      * This is the main text in the message
      * */
@@ -6,9 +27,10 @@ export interface IMessage {
     /**
      * This is the type of message
      *  */
-    type?: 'info' | 'success' | 'warning' | 'error';
+    type?: TMessageType;
     /**
-     * This is the optional duration in milliseconds
-     * */
-    duration?: number;
+     * Handles visibility of the message
+     */
+    visible?: boolean;
 }
+export declare type TMessageType = 'info' | 'success' | 'warning' | 'error';

package/dist/cjs/types/components/UI/molecules/Message/constants/message.constant.d.ts

@@ -1,8 +1,9 @@
-import { IMessage } from '../Message.interface';
-export declare const initialState: IMessage;
+import { IMessageProps } from '../Message.interface';
+export declare const initialState: IMessageProps;
 export declare const iconByType: {
     info: any;
     success: any;
     warning: any;
     error: any;
 };
+export declare const transitionDuration = 300;

package/dist/cjs/types/components/UI/molecules/Message/index.d.ts

@@ -1,2 +1,2 @@
-export { Message, message } from './Message.component';
+export { Message } from './Message.component';
 export * from './Message.interface';

package/dist/cjs/types/components/UI/molecules/MobileDrawer/MobileDrawer.component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { IMoblieDrawer } from './MobileDrawer.interface';
+import { IMobileDrawer } from './MobileDrawer.interface';
 /**
  * Molecule UI component for Mobile Drawer
  */
-export declare const MobileDrawer: React.FC<IMoblieDrawer>;
+export declare const MobileDrawer: React.FC<IMobileDrawer>;

package/dist/cjs/types/components/UI/molecules/MobileDrawer/MobileDrawer.interface.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export interface IMoblieDrawer {
+export interface IMobileDrawer {
     className?: string;
     /**
      * open drawer

package/dist/cjs/types/components/UI/molecules/SearchButton/SearchButton.component.d.ts

@@ -1,2 +1,5 @@
 import React from 'react';
-export declare const SearchButton: React.FC<any>;
+import { IMainButton } from '@components/UI/atoms';
+export declare const SearchButton: React.FC<IMainButton & {
+    searchValue: string;
+}>;

package/dist/cjs/types/components/UI/organism/MobileDrawer/MobileDrawerMenu.interface.d.ts

@@ -1,5 +1,5 @@
-import { IListMenuIcons, IMoblieDrawer } from '../../molecules';
-export interface IMobileDrawerMenu extends IMoblieDrawer {
+import { IListMenuIcons, IMobileDrawer } from '../../molecules';
+export interface IMobileDrawerMenu extends IMobileDrawer {
     /**
      * menu items props
      */

package/dist/cjs/types/constants/icons.constants.d.ts

@@ -35,6 +35,7 @@ export { default as ClipboardClose } from '../assets/ClipboardClose.svg';
 export { default as Clock } from '../assets/Clock.svg';
 export { default as Close } from '../assets/Close.svg';
 export { default as CloseCircle } from '../assets/closeCircle.svg';
+export { default as CloseCircleRedBold } from '../assets/closeCircleRedBold.svg';
 export { default as CoinBlackOutline } from '../assets/coinBlackOutline.svg';
 export { default as Danger } from '../assets/danger.svg';
 export { default as DocTextBlueBold } from '../assets/docTextBlueBold.svg';
@@ -66,6 +67,7 @@ export { default as HomeWhiteOutline } from '../assets/homeWhiteOutline.svg';
 export { default as ImageBlueBold } from '../assets/imageBlueBold.svg';
 export { default as ImageWhiteOutline } from '../assets/imageWhiteOutline.svg';
 export { default as Info } from '../assets/info.svg';
+export { default as InfoCircleBlueBold } from '../assets/infoCircleBlueBold.svg';
 export { default as Instagram } from '../assets/Instagram.svg';
 export { default as InstagramSolid } from '../assets/InstagramSolid.svg';
 export { default as IsoLogoMagneto } from '../assets/favicon-m.svg';
@@ -121,6 +123,7 @@ export { default as Tag } from '../assets/tag.svg';
 export { default as TaskBlueBold } from '../assets/taskBlueBold.svg';
 export { default as TaskSquare } from '../assets/TaskSquare.svg';
 export { default as TaskWhiteOutline } from '../assets/taskWhiteOutline.svg';
+export { default as TickCircleGreenBold } from '../assets/tickCircleGreenBold.svg';
 export { default as Tiktok } from '../assets/Tiktok.svg';
 export { default as TiktokSolid } from '../assets/TiktokSolid.svg';
 export { default as Trash } from '../assets/trash.svg';
@@ -133,6 +136,7 @@ export { default as UserRoundedGray } from '../assets/userRoundedGray.svg';
 export { default as UserSearchBlueBold } from '../assets/userSearchBlueBold.svg';
 export { default as UserSearchWhiteOutline } from '../assets/userSearchWhiteOutline.svg';
 export { default as Warning } from '../assets/warning.svg';
+export { default as WarningYellowBold } from '../assets/warningYellowBold.svg';
 export { default as WhatsAppColor } from '../assets/Whatsapp1.svg';
 export { default as WhatsAppDark } from '../assets/Whatsapp.svg';
 export { default as X } from '../assets/X.svg';

package/dist/cjs/types/constants/stories/vacancies.constants.d.ts

@@ -1,5 +1,5 @@
+import { IShareLink } from '@components/UI/molecules';
 import { IVacancies } from '@components/UI/page';
-import { IShareLink } from '../../../dist';
 export declare const vacancies: IVacancies[];
 export declare const buttonIconsList: any[];
 export declare const anchorIconList: any[];