magneto365.ui 2.40.4 → 2.43.0

package/dist/index.d.ts

@@ -1,11 +1,13 @@
 /// <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, ILinkProps as ILinkProps$1, ILogoComponent as ILogoComponent$1, IMegaMenuCard as IMegaMenuCard$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 { IFilterValue as IFilterValue$1, ISetIsApplied as ISetIsApplied$1, IFilter as IFilter$1, ISearchRenderTypeProps as ISearchRenderTypeProps$1 } from '@components/UI/template/SideFilter';
-import { 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, IUserMenuAnalystProps as IUserMenuAnalystProps$1, IFrequentSearch as IFrequentSearch$1, IPaginationProps as IPaginationProps$1, IEmptyResults as IEmptyResults$2, IJobCard as IJobCard$2 } from '@components/UI/molecules';
+import * as _components_UI_molecules from '@components/UI/molecules';
+import { 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, 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 { 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';
 import { IJobCompanyHeader as IJobCompanyHeader$1 } from '@components/UI/molecules/JobCompanyHeader';
@@ -26,6 +28,8 @@ import { IMagnetoResolution as IMagnetoResolution$1 } from '@components/UI/molec
 import { IRightsReservedText as IRightsReservedText$1 } from '@components/UI/molecules/RightsReservedText/RightsReservedText.interface';
 import { IFooterMenuLinks as IFooterMenuLinks$1 } from '@components/UI/organism/FooterMenuLinks/FooterMenuLinks.interface';
 import { ERenderType } from '@constants/stories';
+import { IMegaMenuTab as IMegaMenuTab$1 } from '@components/UI/atoms/MegaMenuTab/MegaMenuTab.interface';
+import { IMegaMenuSideCards as IMegaMenuSideCards$1 } from '@components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface';
 
 interface IContextAppProvider {
     children: React.ReactNode;
@@ -177,10 +181,15 @@ interface IDateInput {
 
 declare const DateInput: React$1.FC<IDateInput>;
 
+declare type DIRECTIONS = 'HORIZONTAL' | 'VERTICAL';
+interface IDivider {
+    direction?: DIRECTIONS;
+}
+
 /**
  * Atom UI Divider Component
  */
-declare const Divider: React$1.FC<{}>;
+declare const Divider: React$1.FC<IDivider>;
 
 interface IFlatLoader {
     /**
@@ -278,6 +287,7 @@ interface IImage {
      * This property is the play icon in the picture
      */
     playIcon?: JSX.Element;
+    className?: string;
 }
 
 declare const Image: React$1.FC<IImage>;
@@ -793,6 +803,14 @@ interface ISearchItem {
      * The custom href to the anchor tag
      */
     url: string;
+    /**
+     * Action class name
+     */
+    className?: string;
+    /**
+     *
+     */
+    icon?: string;
 }
 
 /**
@@ -971,6 +989,56 @@ interface IComparativeCounter {
 
 declare const ComparativeCounter: React$1.FC<IComparativeCounter>;
 
+interface IMegaMenuTab {
+    label: string;
+    url: string;
+    selected: boolean;
+}
+
+declare const MegaMenuTab: React$1.FC<IMegaMenuTab>;
+
+interface IButton {
+    /**
+     * Optional text to be displayed on the save button.
+     * (Optional property)
+     */
+    buttonText?: string;
+    /**
+     * Callback function to be executed when the save button is clicked.
+     */
+    onClick: () => void;
+    /**
+     * Button classname
+     */
+    className?: string;
+    /**
+     * Specifies whether a hover effect should be added to the button.
+     * (Optional property)
+     */
+    addHover?: boolean;
+    /**
+     * The title or label associated with the button.
+     */
+    buttonTitle?: string;
+    /**
+     * Suffix icon
+     */
+    suffixIcon?: string;
+    /**
+     * Preffix icon
+     */
+    prefixIcon?: string;
+    /**
+     * Icon size
+     */
+    iconSize?: number;
+}
+
+/**
+ * UI Atom Component of Save Button
+ */
+declare const Button: React$1.FC<IButton>;
+
 declare const ShareIcons: {
     Facebook: {
         icon: any;
@@ -3735,6 +3803,61 @@ interface IUserMenuWrapperAnalystProps extends IUserMenuAnalystProps$1 {
  */
 declare const UserMenuWrapperAnalyst: React$1.FC<IUserMenuWrapperAnalystProps>;
 
+declare const MegaMenuJobsTabs: React$1.FC;
+
+interface IMegaMenuCards {
+    jobs: IMegaMenuCard$1[];
+    action?: IMegaMenuLink$1;
+    title?: string;
+    actionTitle?: IMegaMenuLink$1;
+    className?: string;
+}
+
+declare const MegaMenuCards: React$1.FC<IMegaMenuCards>;
+
+interface IMegaMenuCard {
+    /**
+     * This is the main title
+     * */
+    title: string;
+    /**
+     * You can switch between logo and icon
+     * */
+    logo?: string;
+    /**
+     * You can switch between logo and icon
+     * */
+    icon?: string;
+    /**
+     * className for the card component
+     * */
+    className?: string;
+    /**
+     * Amount of quotas
+     * */
+    quotas: number;
+    /**
+     * href uri for redirect when user clicked
+     * */
+    href?: string;
+    /**
+     * Target way to launch the new url
+     * */
+    target?: string;
+    /**
+     * Onclick callback
+     * */
+    onClick: () => void;
+    /**
+     * Show arrow icon
+     * */
+    showRigthArrow?: boolean;
+}
+
+declare const MegaMenuCard: React$1.FC<IMegaMenuCard>;
+
+declare const MegaMenuPopover: React$1.FC;
+
 interface IJobsPage {
     /**
      * Props for the filter bottom header section.
@@ -4206,4 +4329,74 @@ interface ISortBar {
 
 declare const SortBar: React$1.FC<ISortBar>;
 
-export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, _default$2 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, ButtonElement, CitiesDetailDrawer, ComparativeCounter, ComponentProps, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EAlertType, ERadioType, EmptyResult as EmptyResults, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabItem, HeaderTabs, IActions, IAlert, IAnalystProviderProps, IAnalystTemplateProps, IAvatar, IBreadcrumb, IBreadcrumbs, IBtnPaginationProps, ICitiesDetailDrawer, ICityDetail, ICompanyAnalyst, ICreatePaginationProps, ICreatePaginationResult, IDateDropdown, IDateInput, IDateList, IDatePicker, IDatePickerComponent, IDefaultFilter, IDefaultOrder, IDetailList, IDrawer, IDrawerOrganism, IDrawerPortal, IDynamicUrl, IEmptyResults, 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, 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, IOptionValues, IPaginationProps, IParagraph, IPopover, IRadioCommonProps, IRadioProps, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, 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, 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, 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, SearchItem, Searchbar, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, Timeline, TimelineEvent, TimelineEventProps, TimelineEventStatus, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery };
+interface IMegaMenu {
+    breadcrumbsProps?: IBreadcrumbs$1;
+}
+
+interface IMegaMenuSideCards {
+    jobs: IMegaMenuCard$1[];
+    onSelectCard?: (index: number) => void;
+    action?: IMegaMenuLink$1;
+}
+
+interface IMegaMenuLink {
+    label: string;
+    url: string;
+    icon?: string | undefined;
+}
+interface IMegaMenuAction {
+    label: string;
+    icon?: string | undefined;
+}
+interface IMegaMenuSocialHeader {
+    helpOptions: IMegaMenuLink[];
+    tabs: IMegaMenuTab$1[];
+    helpAction?: IMegaMenuAction;
+    blog?: IMegaMenuLink;
+}
+interface IMegaMenuMainHeader {
+    loginProps?: {
+        loginText: string;
+        loginUrl: string;
+        signUpText: string;
+        onClickSignUp: (event: Event) => Promise<void>;
+    };
+    searchBarProps?: ISearchbar$1;
+    logoProps?: {
+        url: string;
+    };
+}
+interface IMegaMenuJobsTabs {
+    label: string;
+    url: string;
+    content?: ReactNode;
+}
+interface IMegaMenuJobs {
+    tabs: IMegaMenuJobsTabs[];
+    onChangeTab?: (index: number) => void;
+    jobAction?: IMegaMenuAction;
+    allJobsAction?: IMegaMenuLink;
+}
+interface IMegaMenuContext {
+    socialHeaderProps: IMegaMenuSocialHeader;
+    jobsProps: IMegaMenuJobs;
+    mainHeaderProps: IMegaMenuMainHeader;
+}
+
+declare const MegaMenu: React$1.FC<IMegaMenuContext & IMegaMenu> & {
+    Cards: React$1.FC<_components_UI_molecules.IMegaMenuCards>;
+    Card: React$1.FC<_components_UI_molecules.IMegaMenuCard>;
+    SideCards: React$1.FC<{
+        sideProps: IMegaMenuSideCards;
+        wrapperProps: _components_UI_molecules.IMegaMenuCards;
+    }>;
+};
+
+declare const withClickOut: <T>(WrappedComponent: React$1.FC<T>) => React$1.FC<T>;
+
+declare const withMegaMenuContainer: <T>(WrappedComponent: React$1.FC<T>) => React$1.FC<{
+    sideProps: IMegaMenuSideCards$1;
+    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, ERadioType, EmptyResult as EmptyResults, 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, 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, IOptionValues, IPaginationProps, IParagraph, IPopover, IRadioCommonProps, IRadioProps, ISaveButton, ISearchItem, ISearchRenderTypeOption, ISearchRenderTypeProps, ISearchbar, 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, 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, SearchItem, Searchbar, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, _default as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, TabButtonElement, Tags as Tag, TextArea, Timeline, TimelineEvent, TimelineEventProps, TimelineEventStatus, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, message, useMediaQuery, withClickOut, withMegaMenuContainer };

package/package.json

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