magneto365.ui 2.47.0 → 2.48.0

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/index.d.ts

@@ -2442,7 +2442,27 @@ interface IMenuSearch {
 
 declare const MenuSearch: FC<IMenuSearch>;
 
-interface IMessage {
+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$1;
+    /**
+     * This is the function to be called when the message is hidden
+     */
+    onHide?: (visible: boolean) => void;
     /**
      * This is the main text in the message
      * */
@@ -2450,15 +2470,18 @@ 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;
 }
+declare type TMessageType = 'info' | 'success' | 'warning' | 'error';
 
-declare const Message: FC<IMessage>;
-declare const message: (props: IMessage) => void;
+/**
+ * Molecule UI component for Message
+ */
+declare const Message: React$1.FC<IMessageProps>;
 
 interface IMoblieDrawer {
     className?: string;
@@ -4687,4 +4710,4 @@ declare const withMegaMenuContainer: <T>(WrappedComponent: React$1.FC<T>) => Rea
     wrapperProps: T;
 }>;
 
-export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$2 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, CitiesDetailDrawer, ComparativeCounter, ComponentProps, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, IActions, IAlert, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, ICitiesDetailDrawer, ICityDetail, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalystProps, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IImage, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalystProps, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessage, IMobileDatePicker, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IMoblieDrawer, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IRadioCommonProps, IRadioProps, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IVacancies$1 as IVacancies, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default as SortMenu, SuggestedJobsPage, Switch, TExpandableInfoSize, TExpandableInfoVariant, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, Timeline, TimelineEvent, TimelineEventProps, TimelineEventStatus, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery, withClickOut, withMegaMenuContainer };
+export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$2 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, CitiesDetailDrawer, ComparativeCounter, ComponentProps, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, IActions, IAlert, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, ICitiesDetailDrawer, ICityDetail, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalystProps, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IImage, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalystProps, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuTab, IMenuCollapseChildren, IMenuDropdownProps, IMenuIcon, IMenuItem, IMenuItems, IMenuSearch, IMenuUser, IMessageProps, IMobileDatePicker, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, IMoblieDrawer, IModalAnalyst, IModalAnalystProps, IModalAnalystScreen, IModalProps, IMultiRangeSlider, INavMMenuAnalystRegionModal, INavMenuAnalystIcons, INavMenuAnalystOption, INavMenuAnalystProps, INavMenuAnalystQueryString, INavMenuAnalystRegion, INavMenuAnalystRegionModalProps, INavMenuAnalystSection, INavMenuDrawerAnalystProps, IOption, IOptionValues, IPaginationProps, IParagraph, IPopover, IRadioCommonProps, IRadioProps, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, ISelect, ISetIsApplied, ISettings, IShareButton, IShareLink, IShareLinksActions, ISharePopover, ISideFilter, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IVacancies$1 as IVacancies, IValueSelect, IconItem, IconProps, IlistMenuUserProps, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobRequirementsElement, JobSkillsCard, JobVideo, JobsPage, Link, LinkElement, LinkType, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default as SortMenu, SuggestedJobsPage, Switch, TExpandableInfoSize, TExpandableInfoVariant, TMessageType, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, Timeline, TimelineEvent, TimelineEventProps, TimelineEventStatus, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, useMediaQuery, withClickOut, withMegaMenuContainer };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/W170/talenta.magneto365.ui.git"
   },
-  "version": "2.47.0",
+  "version": "2.48.0",
   "description": "Magneto365 UI common components",
   "scripts": {
     "lint": "eslint ./src --ext .js,.ts,.jsx,.tsx",