magneto365.ui 2.47.0 → 2.48.1

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/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/esm/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/esm/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/esm/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/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/esm/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[];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React$1, { ChangeEvent, FC, ReactNode, SetStateAction } from 'react';
-import { IDateDropdown as IDateDropdown$1, IconProps as IconProps$1, ISearchItem as ISearchItem$1, IJobCompanyLogo as IJobCompanyLogo$1, IJobHeader as IJobHeader$1, IShareButton as IShareButton$1, IImage as IImage$1, ILinkProps as ILinkProps$1, ILogoComponent as ILogoComponent$1 } from '@components/UI/atoms';
+import { IDateDropdown as IDateDropdown$1, IconProps as IconProps$1, ISearchItem as ISearchItem$1, IJobCompanyLogo as IJobCompanyLogo$1, IJobHeader as IJobHeader$1, IShareButton as IShareButton$1, IImage as IImage$1, IMainButton as IMainButton$1, ILinkProps as ILinkProps$1, ILogoComponent as ILogoComponent$1 } from '@components/UI/atoms';
 import { IconProps as IconProps$2 } from '@components/UI/atoms/Icon';
 import { ISaveButton as ISaveButton$1 } from '@components/UI/atoms/SaveButton';
 import { ICustomText } from '@components/UI/atoms/Text/Text.interface';
@@ -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,17 +2470,20 @@ 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 {
+interface IMobileDrawer {
     className?: string;
     /**
      * open drawer
@@ -2483,7 +2506,7 @@ interface IMoblieDrawer {
 /**
  * Molecule UI component for Mobile Drawer
  */
-declare const MobileDrawer: React$1.FC<IMoblieDrawer>;
+declare const MobileDrawer: React$1.FC<IMobileDrawer>;
 
 interface IMobileJobDetailsHeader {
     /**
@@ -2760,7 +2783,9 @@ interface ISearchbar {
  */
 declare const Searchbar: React$1.FC<ISearchbar>;
 
-declare const SearchButton: React$1.FC<any>;
+declare const SearchButton: React$1.FC<IMainButton$1 & {
+    searchValue: string;
+}>;
 
 interface ISimilarJobsCard {
     id?: number | null;
@@ -3287,7 +3312,7 @@ interface IMobileDatePicker {
 
 declare const MobileDatePicker: React$1.FC<IMobileDatePicker$2>;
 
-interface IMobileDrawerMenu extends IMoblieDrawer {
+interface IMobileDrawerMenu extends IMobileDrawer {
     /**
      * menu items props
      */
@@ -4687,4 +4712,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, IMobileDrawer, IMobileDrawerMenu, IMobileJobDetailsDrawer, IMobileJobDetailsHeader, IMobileSearchbar, IMobileSortMenu, 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.1",
   "description": "Magneto365 UI common components",
   "scripts": {
     "lint": "eslint ./src --ext .js,.ts,.jsx,.tsx",