magneto365.ui 2.57.3-alpha → 2.57.4

package/dist/index.d.ts

@@ -3,11 +3,12 @@ import React$1, { ChangeEvent, FC, ReactNode, Ref, 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, 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';
+import { ICustomText as ICustomText$1 } from '@components/UI/atoms/Text/Text.interface';
 import { IFilterValue as IFilterValue$1, ISetIsApplied as ISetIsApplied$1, IFilter as IFilter$1, ISearchRenderTypeProps as ISearchRenderTypeProps$1 } from '@components/UI/template/SideFilter';
 import * as _components_UI_molecules from '@components/UI/molecules';
-import { IFiltersRef as IFiltersRef$1, IDatePicker as IDatePicker$1, IBreadcrumbs as IBreadcrumbs$1, IUserMenuWrapperAnalystProps as IUserMenuWrapperAnalystProps$1, IMegaMenuCard as IMegaMenuCard$1, IJobCompanyHeader as IJobCompanyHeader$2, IJobDetailCard as IJobDetailCard$1, IJobSkillsCard as IJobSkillsCard$1, IJobApplyCard as IJobApplyCard$1, IJobFooterCard as IJobFooterCard$1, ICityDetail as ICityDetail$1, TimelineEventStatus as TimelineEventStatus$1, IUserMenuAnalystProps as IUserMenuAnalystProps$1, IFrequentSearch as IFrequentSearch$1, IPaginationProps as IPaginationProps$1, IEmptyResults as IEmptyResults$2, IJobCard as IJobCard$2, ISearchbar as ISearchbar$1 } from '@components/UI/molecules';
+import { IMegaMenuCard as IMegaMenuCard$1, IFiltersRef as IFiltersRef$1, IDatePicker as IDatePicker$1, IBreadcrumbs as IBreadcrumbs$1, IUserMenuWrapperAnalystProps as IUserMenuWrapperAnalystProps$1, IJobCompanyHeader as IJobCompanyHeader$2, IJobDetailCard as IJobDetailCard$1, IJobSkillsCard as IJobSkillsCard$1, IJobApplyCard as IJobApplyCard$1, IJobFooterCard as IJobFooterCard$1, ICityDetail as ICityDetail$1, TimelineEventStatus as TimelineEventStatus$1, IUserMenuAnalystProps as IUserMenuAnalystProps$1, IFrequentSearch as IFrequentSearch$1, IPaginationProps as IPaginationProps$1, IEmptyResults as IEmptyResults$2, IJobCard as IJobCard$2, ISearchbar as ISearchbar$1 } from '@components/UI/molecules';
 import { IMegaMenuLink as IMegaMenuLink$1 } from '@components/UI/template/MegaMenu/MegaMenuContext.interface';
+import { IToggleButton as IToggleButton$1, IToggleButtonOnchangeValues as IToggleButtonOnchangeValues$1 } from '@components/UI/atoms/ToggleButton/ToggleButton.interface';
 import * as _components_UI_organism from '@components/UI/organism';
 import { IMobileDatePicker as IMobileDatePicker$1, IDatePickerComponent as IDatePickerComponent$1, IJobDetailsDrawer as IJobDetailsDrawer$1, IMobileJobDetailsDrawer as IMobileJobDetailsDrawer$1, IHeaderAnalystProps as IHeaderAnalystProps$1, IModalAnalyst as IModalAnalyst$1, INavMenuAnalystRegion as INavMenuAnalystRegion$1 } from '@components/UI/organism';
 import { IListMenuText as IListMenuText$1 } from '@components/UI/molecules/ListMenuText/ListMenuText.interface';
@@ -18,6 +19,8 @@ import { IJobVideo as IJobVideo$1 } from '@components/UI/molecules/JobVideo';
 import { IMobileDatePicker as IMobileDatePicker$2 } from '@components/UI/organism/MobileDatePicker/MobileDatePicker.interface';
 import { IActions as IActions$1 } from '@components/UI/molecules/Actions';
 import { INavMenuAnalystProps as INavMenuAnalystProps$1 } from '@components/UI/organism/NavMenuAnalyst';
+import { ISimilarCardData as ISimilarCardData$1 } from '@components/UI/molecules/SimilarCard';
+import * as _components_UI_molecules_AlertJobStatus from '@components/UI/molecules/AlertJobStatus';
 import { IJobCard as IJobCard$1 } from '@components/UI/molecules/JobCard/JobCard.interface';
 import { ISortBar as ISortBar$1 } from '@components/UI/template/SortBar/SortBar.interface';
 import { ISideFilter as ISideFilter$1 } from '@components/UI/template';
@@ -64,6 +67,19 @@ interface IAvatar {
  */
 declare const Avatar: React$1.FC<IAvatar>;
 
+interface IBadge {
+    /**
+     * this property sets a custom number
+     */
+    number?: number;
+    /**
+     * this property sets custom classname
+     */
+    className?: string;
+}
+
+declare const Badge: React$1.FC<IBadge>;
+
 interface IBardLoader {
     /**
      * Class name of bar loader wrapper
@@ -268,6 +284,7 @@ declare const DateInput: React$1.FC<IDateInput>;
 declare type DIRECTIONS = 'HORIZONTAL' | 'VERTICAL';
 interface IDivider {
     direction?: DIRECTIONS;
+    spacing?: number;
 }
 
 /**
@@ -310,7 +327,14 @@ interface IHeaderTab {
      * Sets the active state of tab
      */
     isActive: boolean;
+    /**
+     * Sets custom className
+     */
     className?: string;
+    /**
+     * Sets badge count
+     */
+    count?: number;
 }
 
 /**
@@ -1014,6 +1038,10 @@ interface ITag {
 
 declare const Tags: React$1.FC<ITag>;
 
+interface IToggleButtonOnchangeValues {
+    name?: string;
+    id: string | number;
+}
 interface IToggleButton {
     /**
      * You can extend the style properties with class names
@@ -1042,10 +1070,11 @@ interface IToggleButton {
     /**
      *  this function returns the name and id value of the button when clicked on
      */
-    onChange: ({ name, id }: {
-        name?: string;
-        id?: string | number;
-    }) => void;
+    onChange?: (value: IToggleButtonOnchangeValues) => void;
+    /**
+     * this property sets custom Icon
+     */
+    customIcon?: string;
 }
 
 declare const ToggleButton: React$1.FC<IToggleButton>;
@@ -1211,11 +1240,11 @@ interface IAlert {
     /**
      * This is the main text in the alert
      * */
-    text?: string;
+    text?: string | React.ReactNode;
     /**
      * This is the custom text in the alert
      * */
-    customText?: ICustomText[];
+    customText?: ICustomText$1[];
     /**
      * This is the custom text in the alert
      * */
@@ -1568,6 +1597,29 @@ declare enum EExpandableInfoSize {
  */
 declare const ExpandableInfo: React$1.FC<IExpandableInfoProps>;
 
+interface IFilterActions {
+    /**
+     * Text that shows when all option is clicked
+     */
+    allAction: string;
+    /**
+     * Callback when select an option
+     */
+    onClickAction: (index: number, value: string) => void;
+    /**
+     * Optional reference for imperative behaviour
+     */
+    filtersRef?: Ref<IFiltersRef>;
+}
+interface IFiltersRef {
+    /**
+     * CallBack to restart filters
+     */
+    restartFilters: () => void;
+}
+
+declare const FilterActions: FC<IFilterActions>;
+
 interface IFilterContainerMenu {
     /**
      * you must add jsx elements
@@ -1643,6 +1695,27 @@ interface IFilterSearchItem {
 
 declare const FilterSearchItem: FC<IFilterSearchItem>;
 
+interface IFraudCardJob {
+    /**
+     * This is the text that display in the title of the card
+     */
+    title: string;
+    /**
+     *This is the text that display in the body of the card
+     */
+    content: string;
+    /**
+     * This is the text that display in the report button of the card
+     */
+    linkText: string;
+    /**
+     * This is the link to redirect to the fraud form
+     */
+    link: string;
+}
+
+declare const FraudCardJob: React$1.FC<IFraudCardJob>;
+
 interface IFrequentSearch {
     /**
      * The heading or title for the frequent search section.
@@ -2423,7 +2496,7 @@ interface IMegaMenuCard {
     /**
      * Onclick callback
      * */
-    onClick: () => void;
+    onClick?: () => void;
     /**
      * Show arrow icon
      * */
@@ -2436,6 +2509,16 @@ declare const MegaMenuJobsTabs: React$1.FC;
 
 declare const MegaMenuPopover: React$1.FC;
 
+interface IMegaMenuSideCards {
+    jobs: IMegaMenuCard$1[];
+    onSelectCard?: (index: number) => void;
+    action?: IMegaMenuLink$1;
+    maxCards?: number;
+    initValue?: number;
+}
+
+declare const MegaMenuSideCards: React$1.FC<IMegaMenuSideCards>;
+
 interface IMenuCollapseChildren extends IListMenuText {
     isOpen: boolean;
     onClick: () => void;
@@ -2610,6 +2693,31 @@ declare const _default$1: React$1.FC<IModal> & {
     Description: React$1.FC<IModalDescription>;
 };
 
+interface IModalResponsive {
+    /**
+     * this property open the container
+     */
+    open: boolean;
+    /**
+     * this property close the container
+     */
+    onClose: () => void;
+    /**
+     * this property sets the children elements
+     */
+    children: JSX.Element | JSX.Element[];
+    /**
+     * this property sets customs styles for the modal
+     */
+    modalClassName?: string;
+    /**
+     * this property sets customs styles for the mobile drawer
+     */
+    mobileDrawerClassName?: string;
+}
+
+declare const ModalResponsive: React$1.FC<IModalResponsive>;
+
 interface ICreatePaginationProps {
     /**
      * This is the total of vacancies
@@ -2944,6 +3052,31 @@ declare type TimelineEventStatus = 'checked' | 'current' | 'blocked';
 
 declare const TimelineEvent: React$1.FC<TimelineEventProps>;
 
+declare type TToggleButtonList = {
+    /**
+     * this property sets the list of toggle buttons
+     */
+    list: Partial<Pick<IToggleButton$1, 'id' | 'name' | 'customIcon'>>[];
+    /**
+     * this property sets the props of toggle buttons
+     */
+    toggleButtonProps?: IToggleButton$1;
+    /**
+     * this property returns the values of the toggle button selected
+     */
+    onChange?: (value: IToggleButtonOnchangeValues$1 | null | number) => void;
+    /**
+     * this property sets customs className for toggle buttons
+     */
+    className?: string;
+    /**
+     * this property sets the default value or current value of the toggle button
+     */
+    currentSelect?: Pick<IToggleButton$1, 'id' | 'name'>;
+};
+
+declare const ToggleButtonList: React$1.FC<TToggleButtonList>;
+
 declare type TPosition = 'top' | 'bottom' | 'left' | 'right';
 interface ITooltipProps {
     /**
@@ -2958,7 +3091,14 @@ interface ITooltipProps {
      * the tooltip component must wrap a component
      */
     children: React.ReactNode;
+    /**
+     * this property set the tooltip width
+     */
     width?: string;
+    /**
+     * this property set the tooltip visibility
+     */
+    visible?: boolean;
 }
 
 declare const Tooltip: React$1.FC<ITooltipProps>;
@@ -2973,6 +3113,93 @@ interface IAlphabetFilter {
 
 declare const AlphabetFilter: React$1.FC<IAlphabetFilter>;
 
+interface IApplicationSummary {
+    /**
+     * this property sets any component
+     */
+    children: JSX.Element | JSX.Element[];
+    /**
+     * this property opens the ui
+     */
+    open: boolean;
+    /**
+     * this property closes the ui
+     */
+    onClose: () => void;
+}
+declare namespace IApplicationSummary {
+    interface Section {
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets any component
+         */
+        children: JSX.Element | JSX.Element[];
+        /**
+         * this property update to position align the components
+         */
+        aligned?: 'start' | 'center' | 'end';
+    }
+    interface Title {
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets children elements
+         */
+        children?: React.ReactNode;
+    }
+    interface SubTitle {
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets children elements
+         */
+        children?: React.ReactNode;
+    }
+    interface Text {
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets children elements
+         */
+        children?: React.ReactNode;
+    }
+    interface Button extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets custom style button
+         */
+        variant?: 'primary' | 'secondary';
+    }
+}
+
+declare const ApplicationSummary: React$1.FC<IApplicationSummary> & {
+    Section: React$1.FC<IApplicationSummary.Section>;
+    Title: React$1.FC<IApplicationSummary.Title>;
+    SubTitle: React$1.FC<IApplicationSummary.SubTitle>;
+    Button: React$1.FC<IApplicationSummary.Button>;
+    Text: React$1.FC<IApplicationSummary.Text>;
+};
+
+declare const ApplicationButton: React$1.FC<IApplicationSummary.Button>;
+
+declare const ApplicationSubtitle: React$1.FC<IApplicationSummary.SubTitle>;
+
+declare const ApplicationText: React$1.FC<IApplicationSummary.Text>;
+
+declare const ApplicationTitle: React$1.FC<IApplicationSummary.Title>;
+
 declare const BrandMenu: React$1.FC<IBrandMenu>;
 
 interface IDatePickerComponent {
@@ -3218,6 +3445,10 @@ interface IJobDetailsDrawer {
     cities: ICityDetail[];
     isRemote: boolean;
     textRemote: string;
+    /**
+     * Props for the fraud card job.
+     */
+    fraudCardJobProps: IFraudCardJob;
 }
 
 /**
@@ -3471,6 +3702,10 @@ interface IMobileJobDetailsDrawer {
     cities: ICityDetail$1[];
     isRemote: boolean;
     textRemote: string;
+    /**
+     * Props for the fraud card job.
+     */
+    fraudCardJobProps: IFraudCardJob;
 }
 
 /**
@@ -3796,6 +4031,58 @@ interface IListOption {
 
 declare const OneSelectionEntry: React$1.FC<IOneSelectionentry>;
 
+declare type IStatusJob = 'Sent' | 'Pending' | 'Validation' | 'Finalists' | 'Hired' | 'Discarded';
+interface ICommonProcessesCardPros {
+    /**
+     * this property sets custom className
+     */
+    className?: string;
+    /**
+     * this property sets any children
+     */
+    children: React.ReactNode;
+}
+declare type ICommonProcessesCardImg = React.ImgHTMLAttributes<HTMLImageElement>;
+interface IProcessesCard extends React.ButtonHTMLAttributes<HTMLButtonElement>, ICommonProcessesCardPros {
+    /**
+     * this property sets custom className
+     */
+    children: React.ReactNode;
+    /**
+     * this  property on true changes the background color
+     */
+    isSelected?: boolean;
+}
+declare namespace IProcessesCard {
+    type ISection = ICommonProcessesCardPros;
+    type ITitle = ICommonProcessesCardPros & {
+        status?: IStatusJob;
+    };
+    type ICardStatus = ICommonProcessesCardPros & {
+        status: IStatusJob;
+        isSelected?: boolean;
+    };
+    type IText = ICommonProcessesCardPros & {
+        status?: IStatusJob;
+        strong?: boolean;
+    };
+    type IBrand = ICommonProcessesCardImg;
+    type IArrow = ICommonProcessesCardImg;
+    type IStatusIcon = ICommonProcessesCardImg & {
+        status: IStatusJob;
+    };
+}
+
+declare const ProcessesCard: React$1.FC<IProcessesCard> & {
+    IconStatus: React$1.FC<IProcessesCard.IStatusIcon>;
+    Section: React$1.FC<ICommonProcessesCardPros>;
+    Status: React$1.FC<IProcessesCard.ICardStatus>;
+    Brand: React$1.FC<ICommonProcessesCardImg>;
+    Arrow: React$1.FC<ICommonProcessesCardImg>;
+    Title: React$1.FC<IProcessesCard.ITitle>;
+    Text: React$1.FC<IProcessesCard.IText>;
+};
+
 interface ISelectInput<T> extends Omit<IInput, 'onChange' | 'value' | 'placeholder' | 'type'> {
     /**
      * input value.
@@ -4156,6 +4443,137 @@ interface IMegaMenuDrawer {
 
 declare const MegaMenuDrawer: React$1.FC<IMegaMenuDrawer>;
 
+interface IJobSuggestedDrawer {
+    /**
+     * Management the loading status jobs ui
+     */
+    isLoading?: boolean;
+    /**
+     * React children to be rendered inside the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class names for custom styling.
+     */
+    className?: string;
+}
+declare namespace IJobSuggestedDrawer {
+    interface SimilarJobCards {
+        /**
+         * This is the title in the top
+         */
+        sectionTitle: string;
+        /**
+         * This property hide the image
+         */
+        hideLogo?: boolean;
+        /**
+         * These are similar jobs cards values
+         */
+        similarJobsCard: ISimilarCardData$1[];
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * The tag or keyword associated with the search item.
+         */
+        tag: string;
+        /**
+         * The custom href to the anchor tag
+         */
+        url: string;
+        /**
+         * This property sets the max cards to show
+         */
+        maxItemsToShow?: number;
+        /**
+         * This property shows the default anchor text when the cards are empty
+         */
+        notItemsDefaultAnchor?: boolean;
+        /**
+         * This property shows the default anchor text when the cards are empty
+         */
+        tagDefaultAnchor?: string;
+        /**
+         * This property shows the default anchor text when the cards are empty
+         */
+        urlDefaultAnchor?: string;
+    }
+    interface AlertJob {
+        /**
+         * React children to be rendered inside the component.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * This is the custom text
+         */
+        customText?: ICustomText$1[];
+    }
+    interface Header {
+        /**
+         * Props for the company logo in the job company header.
+         */
+        jobCompanyLogoProps: IJobCompanyLogo$1;
+        /**
+         * Props for the header of the job listing in the job company header.
+         */
+        jobHeaderProps: IJobHeader$1;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+}
+
+interface IText {
+    /**
+     * This is the main text
+     * */
+    text?: string;
+    /**
+     * This is the custom text
+     * */
+    customText?: ICustomText[];
+    /**
+     * You can add you custom className here
+     */
+    className?: string;
+}
+interface ICustomText {
+    /**
+     * This is the value to the custom text
+     * */
+    value: string;
+    /**
+     * This is the custom font weight to text
+     * */
+    fontWeight: EFontWeightType;
+    /**
+     * This is the custom line break to text
+     * */
+    lineBreak?: boolean;
+}
+declare type EFontWeightType = 'normal' | 'bold' | 'lighter';
+
+declare const JobSuggestedDrawer: React$1.FC<IJobSuggestedDrawer> & {
+    Header: React$1.FC<IJobSuggestedDrawer.Header>;
+    Alert: React$1.FC<_components_UI_molecules_AlertJobStatus.IAlertJobStatus> & {
+        Container: React$1.FC<_components_UI_molecules_AlertJobStatus.IAlertJobStatus.Container>;
+        Icon: React$1.FC<_components_UI_molecules_AlertJobStatus.IAlertJobStatus.Icon>;
+        Text: React$1.FC<IText>;
+    };
+    SimilarJobs: React$1.FC<IJobSuggestedDrawer.SimilarJobCards>;
+};
+
+declare const JobSuggestedHeader: React$1.FC<IJobSuggestedDrawer.Header>;
+
+declare const JobSuggestedSimilarJobs: React$1.FC<IJobSuggestedDrawer.SimilarJobCards>;
+
 interface IMenuUser {
     /**
      * menu items props
@@ -4367,37 +4785,231 @@ interface IUserMenuWrapperAnalystProps extends IUserMenuAnalystProps$1 {
  */
 declare const UserMenuWrapperAnalyst: React$1.FC<IUserMenuWrapperAnalystProps>;
 
-interface IFilterActions {
+interface IAlertJobStatus {
     /**
-     * Text that shows when all option is clicked
+     * React children to be rendered inside the component.
      */
-    allAction: string;
+    children?: React.ReactNode;
     /**
-     * Callback when select an option
+     * Additional class names for custom styling.
      */
-    onClickAction: (index: number, value: string) => void;
+    className?: string;
+}
+declare namespace IAlertJobStatus {
+    interface Container {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Icon {
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * Here is the icon component
+         */
+        src?: string | null;
+        /**
+         * You can change the size of the icon by adding a numeric value here
+         */
+        size?: number;
+        /**
+         * Text alt in the img element
+         */
+        alt?: string | null;
+    }
+}
+
+declare const AlertJobStatus: React$1.FC<IAlertJobStatus> & {
+    Container: React$1.FC<IAlertJobStatus.Container>;
+    Icon: React$1.FC<IAlertJobStatus.Icon>;
+    Text: React$1.FC<IText>;
+};
+
+declare const AlertJobStatusContainer: React$1.FC<IAlertJobStatus.Container>;
+
+declare const AlertJobStatusIcon: React$1.FC<IAlertJobStatus.Icon>;
+
+interface ISimilarCardData {
     /**
-     * Optional reference for imperative behaviour
+     * unique identifier for the job or card.
      */
-    filtersRef?: Ref<IFiltersRef>;
+    id?: number | null;
+    /**
+     * title of the job or offer. Required.
+     */
+    title: string;
+    /**
+     * salary for the job. Can be a string or null.
+     */
+    salary: string | null;
+    /**
+     * indicates if agreement is required for the job. Optional, can be boolean or null.
+     */
+    toAgree: boolean | null;
+    /**
+     * list of cities where the job is available. Required.
+     */
+    cities: string[];
+    /**
+     * URL slug for the job.
+     */
+    jobUrlSlug: string;
+    /**
+     * required experience for the job.
+     */
+    experience: string | null;
+    /**
+     * URL for the company logo.
+     */
+    companyLogo: string | null;
+    /**
+     * company name.
+     */
+    companyName?: string | null;
+    /**
+     * type of contract for the job.
+     */
+    contractType?: string | null;
+    /**
+     * determines if the company logo should be hidden.
+     */
+    hideLogo?: boolean;
 }
-interface IFiltersRef {
+interface ISimilarCard {
     /**
-     * CallBack to restart filters
+     * this property sets the url title
      */
-    restartFilters: () => void;
+    title?: string;
+    /**
+     * this property sets custom styles
+     */
+    className?: string;
+    /**
+     * this property sets the url link
+     */
+    jobUrlSlug?: string;
+}
+declare namespace ISimilarCard {
+    interface Container {
+        /**
+         * this property sets the alt text when source cant be loaded
+         */
+        title: string;
+        /**
+         * this property sets the url link
+         */
+        jobUrlSlug: string;
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets children elements
+         */
+        children?: React.ReactNode;
+    }
+    interface Logo {
+        /**
+         * this property sets the logo source file
+         */
+        src?: string;
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets the alt text when source cant be loaded
+         */
+        alt?: string;
+        /**
+         * this property sets if should hide logo
+         */
+        hideLogo?: boolean;
+    }
+    interface Text {
+        /**
+         * If the text must show more than one line, use customText instead text
+         * */
+        customText?: ICustomText$1[];
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+    }
+    interface Icon {
+        /**
+         * this property sets the icon source file
+         */
+        src?: string;
+        /**
+         * this property sets custom styles
+         */
+        className?: string;
+        /**
+         * this property sets the alt text when source cant be loaded
+         */
+        alt?: string;
+        /**
+         * this property set the icon show the source when there is a mobile resolution
+         */
+        showIconMobile?: boolean;
+    }
 }
 
-declare const FilterActions: FC<IFilterActions>;
+declare const SimilarCard: React$1.FC<ISimilarCard> & {
+    Text: React$1.FC<IText>;
+    Logo: React$1.FC<ISimilarCard.Logo>;
+    Icon: React$1.FC<ISimilarCard.Icon>;
+};
 
-interface IMegaMenuSideCards {
-    jobs: IMegaMenuCard$1[];
-    onSelectCard?: (index: number) => void;
-    action?: IMegaMenuLink$1;
-    maxCards?: number;
+declare const SimilarCardLogo: React$1.FC<ISimilarCard.Logo>;
+
+declare const SimilarCardIcon: React$1.FC<ISimilarCard.Icon>;
+
+interface IMegaMenuDrawerItem {
+    className?: string;
+    /**
+     * Put a url direction
+     */
+    url: string;
+    /**
+     * This property set to true can change styles
+     */
+    isActive: boolean;
+    /**
+     * This is the menu text
+     */
+    text: string;
+    /**
+     * Icon for each option
+     */
+    icon?: string;
+    /**
+     * Icon for each option
+     */
+    content?: IMegaMenuDrawerItemContent;
+    onClickOption?: () => void;
+}
+interface IMegaMenuDrawerItemContent {
+    child: ReactNode;
+    title: string;
 }
 
-declare const MegaMenuSideCards: React$1.FC<IMegaMenuSideCards>;
+declare const MegaMenuDrawerItem: React$1.FC<IMegaMenuDrawerItem> & {
+    Drawer: React$1.FC<{
+        title: string;
+        content: ReactNode;
+        isOpen: boolean;
+        toggleDrawer: () => void;
+    }>;
+};
 
 interface IJobsPage {
     /**
@@ -4898,6 +5510,7 @@ interface IMegaMenuMainHeader {
     };
     searchBarProps?: ISearchbar$1;
     homeUrl?: string;
+    homeText?: string;
 }
 interface IMegaMenuJobsTabs {
     label: string;
@@ -4932,4 +5545,4 @@ declare const withMegaMenuContainer: <T>(WrappedComponent: React$1.FC<T>) => Rea
     wrapperProps: T;
 }>;
 
-export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$2 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, Checkbox, CitiesDetailDrawer, ComparativeCounter, ComponentProps, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, IActions, IAlert, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, ICheckbox, ICitiesDetailDrawer, ICityDetail, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterActions, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFiltersRef, 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, IMegaMenuDrawer, 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, IUserTerm, 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, MegaMenuDrawer, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, 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, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
+export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$2 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonElement, Checkbox, CitiesDetailDrawer, ComparativeCounter, ComponentProps, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EAlertType, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, IActions, IAlert, IAlertJobStatus, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, IButton, ICheckbox, ICitiesDetailDrawer, ICityDetail, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, IExpandableInfoProps, IFieldsAlias, IFilter, IFilterActions, IFilterCard, IFilterHeader, IFilterMenuItem, IFilterRepository, IFilterSearchItem, IFilterValue, IFiltersRef, IFooterList, IFrequentSearch, IGetOptionsOnSearchProps, IHeaderAnalystProps, IHeaderDrawerCompany, IHeaderDrawerTabs, IHeaderTab, IHeaderTabs, IImage, IJobApplyCard, IJobCard, IJobCompanyHeader, IJobCompanyLogo, IJobDetailCard, IJobDetails, IJobDetailsDrawer, IJobFooterCard, IJobHeader, IJobSkillsCard, IJobSuggestedDrawer, IJobVideo, IJobsActions, IJobsPage, ILinkProps, IListIcon, IListIconLink, IListMenuIcons, IListMenuItems, ILoading, ILoginHeader, ILoginJobsHeader, ILoginJobsTemplate, ILogoAnalystProps, ILogoComponent, ILogout, ILogoutHeader, ILogoutJobsHeader, ILogoutJobsTemplate, ILogoutTemplate, IMainButton, IMegaMenu, IMegaMenuCard, IMegaMenuCards, IMegaMenuDrawer, IMegaMenuDrawerItem, IMegaMenuDrawerItemContent, 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, ISimilarCard, ISimilarCardData, ISimilarJobsCard, ISkill, ISortBar, ISortMenu, ISortMenuItem, ISubCompanyAnalyst, ISuggestedJobsPage, ISwitch, ITab, ITabButton, IUnApplyWithChild, IUserAnalyst, IUserMenuAnalystAction, IUserMenuAnalystProps, IUserMenuAnalystQueryString, IUserMenuAnalystSection, IUserMenuButtonAnalystProps, IUserMenuWrapperAnalystProps, IUserTerm, 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, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, 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, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuItemInfo, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, _default$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default as SortMenu, SuggestedJobsPage, Switch, TExpandableInfoSize, TExpandableInfoVariant, TMessageType, TToggleButtonList, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, Timeline, TimelineEvent, TimelineEventProps, TimelineEventStatus, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };