magneto365.ui 2.40.4 → 2.43.0

package/dist/cjs/types/components/UI/atoms/Button/Button.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IButton } from './Button.interface';
+/**
+ * UI Atom Component of Save Button
+ */
+export declare const Button: React.FC<IButton>;

package/dist/cjs/types/components/UI/atoms/Button/Button.interface.d.ts

@@ -0,0 +1,36 @@
+export 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;
+}

package/dist/cjs/types/components/UI/atoms/Button/index.d.ts

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

package/dist/cjs/types/components/UI/atoms/ButtonLink/ButtonLink.component.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IButtonLink } from './ButtonLink.interface';
+/**
+ * UI Atom Component of Save Button
+ */
+export declare const ButtonLink: React.FC<IButtonLink>;

package/dist/cjs/types/components/UI/atoms/ButtonLink/ButtonLink.interface.d.ts

@@ -0,0 +1,39 @@
+export interface IButtonLink {
+    /**
+     * 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;
+    /**
+     * Suffix icon
+     */
+    suffixIcon?: string;
+    /**
+     * Preffix icon
+     */
+    prefixIcon?: string;
+    /**
+     * Icon size
+     */
+    iconSize?: number;
+    /**
+     *  Sets href for link
+     */
+    href?: string;
+    /**
+     * Relationship when opening the link
+     */
+    rel?: string;
+    /**
+     * Target when opening the link
+     */
+    target?: string;
+}

package/dist/cjs/types/components/UI/atoms/ButtonLink/index.d.ts

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

package/dist/cjs/types/components/UI/atoms/Divider/Divider.component.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
+import { IDivider } from './Divider.interface';
 /**
  * Atom UI Divider Component
  */
-export declare const Divider: React.FC<{}>;
+export declare const Divider: React.FC<IDivider>;

package/dist/cjs/types/components/UI/atoms/Divider/Divider.interface.d.ts

@@ -0,0 +1,4 @@
+export declare type DIRECTIONS = 'HORIZONTAL' | 'VERTICAL';
+export interface IDivider {
+    direction?: DIRECTIONS;
+}

package/dist/cjs/types/components/UI/atoms/Image/Image.interface.d.ts

@@ -11,4 +11,5 @@ export interface IImage {
      * This property is the play icon in the picture
      */
     playIcon?: JSX.Element;
+    className?: string;
 }

package/dist/cjs/types/components/UI/atoms/MegaMenuTab/MegaMenuTab.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMegaMenuTab } from './MegaMenuTab.interface';
+declare const MegaMenuTab: React.FC<IMegaMenuTab>;
+export default MegaMenuTab;

package/dist/cjs/types/components/UI/atoms/MegaMenuTab/MegaMenuTab.interface.d.ts

@@ -0,0 +1,5 @@
+export interface IMegaMenuTab {
+    label: string;
+    url: string;
+    selected: boolean;
+}

package/dist/cjs/types/components/UI/atoms/MegaMenuTab/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MegaMenuTab } from './MegaMenuTab.component';
+export * from './MegaMenuTab.interface';

package/dist/cjs/types/components/UI/atoms/SearchItem/SearchItem.interface.d.ts

@@ -7,4 +7,12 @@ export interface ISearchItem {
      * The custom href to the anchor tag
      */
     url: string;
+    /**
+     * Action class name
+     */
+    className?: string;
+    /**
+     *
+     */
+    icon?: string;
 }

package/dist/cjs/types/components/UI/atoms/index.d.ts

@@ -30,3 +30,5 @@ export * from './Tag';
 export * from './ToggleButton';
 export * from './UserMenuButtonAnalyst';
 export * from './ComparativeCounter';
+export * from './MegaMenuTab';
+export * from './Button';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMegaMenuCard } from './MegaMenuCard.interface';
+declare const MegaMenuCard: React.FC<IMegaMenuCard>;
+export default MegaMenuCard;

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

@@ -0,0 +1,38 @@
+export 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;
+}

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

@@ -0,0 +1,2 @@
+export { default as MegaMenuCard } from './MegaMenuCard.component';
+export * from './MegaMenuCard.interface';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMegaMenuCards } from './MegaMenuCards.interface';
+declare const MegaMenuCards: React.FC<IMegaMenuCards>;
+export default MegaMenuCards;

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

@@ -0,0 +1,9 @@
+import { IMegaMenuCard } from '@components/UI/atoms';
+import { IMegaMenuLink } from '@components/UI/template/MegaMenu/MegaMenuContext.interface';
+export interface IMegaMenuCards {
+    jobs: IMegaMenuCard[];
+    action?: IMegaMenuLink;
+    title?: string;
+    actionTitle?: IMegaMenuLink;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { default as MegaMenuCards } from './MegaMenuCards.component';
+export * from './MegaMenuCards.interface';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MegaMenuJobsTabs: React.FC;
+export default MegaMenuJobsTabs;

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

@@ -0,0 +1 @@
+export { default as MegaMenuJobsTabs } from './MegaMenuJobsTabs.component';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MegaMenuPopover: React.FC;
+export default MegaMenuPopover;

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

@@ -0,0 +1 @@
+export { default as MegaMenuPopover } from './MegaMenuPopover.component';

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IMegaMenuSideCards } from './MegaMenuSideCards.interface';
+declare const MegaMenuSideCards: React.FC<IMegaMenuSideCards>;
+export default MegaMenuSideCards;

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

@@ -0,0 +1,7 @@
+import { IMegaMenuCard } from '@components/UI/atoms';
+import { IMegaMenuLink } from '@components/UI/template/MegaMenu/MegaMenuContext.interface';
+export interface IMegaMenuSideCards {
+    jobs: IMegaMenuCard[];
+    onSelectCard?: (index: number) => void;
+    action?: IMegaMenuLink;
+}

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

@@ -0,0 +1 @@
+export { default as MegaMenuSideCards } from './MegaMenuSideCards.component';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MegaMenuTabs: React.FC;
+export default MegaMenuTabs;

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

@@ -0,0 +1 @@
+export { default as MegaMenuTabs } from './MegaMenuTabs.component';

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

@@ -59,3 +59,7 @@ export * from './Tooltip';
 export * from './UserMenu';
 export * from './UserMenuAnalyst';
 export * from './UserMenuWrapperAnalyst';
+export * from './MegaMenuJobsTabs';
+export * from './MegaMenuCards';
+export * from './MegaMenuCard';
+export * from './MegaMenuPopover';

package/dist/cjs/types/components/UI/organism/MegaMenuMainHeader/MegaMenuMainHeader.component.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MegaMenuMainHeader: React.FC<{}>;

package/dist/cjs/types/components/UI/organism/MegaMenuMainHeader/index.d.ts

@@ -0,0 +1 @@
+export { MegaMenuMainHeader } from './MegaMenuMainHeader.component';

package/dist/cjs/types/components/UI/organism/MegaMenuSocialHeader/MegaMenuSocialHeader.component.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MegaMenuSocialHeader: React.FC<{}>;

package/dist/cjs/types/components/UI/organism/MegaMenuSocialHeader/index.d.ts

@@ -0,0 +1 @@
+export { MegaMenuSocialHeader } from './MegaMenuSocialHeader.component';

package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IMegaMenuContext } from './MegaMenuContext.interface';
+import { IMegaMenu } from './MegaMenu.interface';
+export declare const MegaMenu: React.FC<IMegaMenuContext & IMegaMenu> & {
+    Cards: React.FC<import("@components/UI/molecules").IMegaMenuCards>;
+    Card: React.FC<import("@components/UI/molecules").IMegaMenuCard>;
+    SideCards: React.FC<{
+        sideProps: import("../../molecules/MegaMenuSideCards/MegaMenuSideCards.interface").IMegaMenuSideCards;
+        wrapperProps: import("@components/UI/molecules").IMegaMenuCards;
+    }>;
+};

package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IMegaMenuContext, IMegaMenuJobs, IMegaMenuSocialHeader, IMegaMenuMainHeader } from './MegaMenuContext.interface';
+export declare const MegaMenuProvider: React.FC<IMegaMenuContext>;
+export declare const useMegaMenu: () => IMegaMenuContext;
+export declare const useMegaMenuSocialHeader: () => IMegaMenuSocialHeader;
+export declare const useMegaMenuJobs: () => IMegaMenuJobs;
+export declare const useMegaMenuMain: () => IMegaMenuMainHeader;

package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.interface.d.ts

@@ -0,0 +1,4 @@
+import { IBreadcrumbs } from '@components/UI/molecules';
+export interface IMegaMenu {
+    breadcrumbsProps?: IBreadcrumbs;
+}

package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts

@@ -0,0 +1,46 @@
+import { IMegaMenuTab } from '@components/UI/atoms/MegaMenuTab/MegaMenuTab.interface';
+import { ISearchbar } from '@components/UI/molecules';
+import { ReactNode } from 'react';
+export interface IMegaMenuLink {
+    label: string;
+    url: string;
+    icon?: string | undefined;
+}
+export interface IMegaMenuAction {
+    label: string;
+    icon?: string | undefined;
+}
+export interface IMegaMenuSocialHeader {
+    helpOptions: IMegaMenuLink[];
+    tabs: IMegaMenuTab[];
+    helpAction?: IMegaMenuAction;
+    blog?: IMegaMenuLink;
+}
+export interface IMegaMenuMainHeader {
+    loginProps?: {
+        loginText: string;
+        loginUrl: string;
+        signUpText: string;
+        onClickSignUp: (event: Event) => Promise<void>;
+    };
+    searchBarProps?: ISearchbar;
+    logoProps?: {
+        url: string;
+    };
+}
+export interface IMegaMenuJobsTabs {
+    label: string;
+    url: string;
+    content?: ReactNode;
+}
+export interface IMegaMenuJobs {
+    tabs: IMegaMenuJobsTabs[];
+    onChangeTab?: (index: number) => void;
+    jobAction?: IMegaMenuAction;
+    allJobsAction?: IMegaMenuLink;
+}
+export interface IMegaMenuContext {
+    socialHeaderProps: IMegaMenuSocialHeader;
+    jobsProps: IMegaMenuJobs;
+    mainHeaderProps: IMegaMenuMainHeader;
+}

package/dist/cjs/types/components/UI/template/MegaMenu/index.d.ts

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

package/dist/cjs/types/components/UI/template/index.d.ts

@@ -6,3 +6,4 @@ export * from './logoutJobsTemplate';
 export * from './logoutTemplate';
 export * from './SideFilter';
 export * from './SortBar';
+export * from './MegaMenu';

package/dist/cjs/types/components/hoc/index.d.ts

@@ -1 +1,2 @@
 export { default as withClickOut } from './withClickOut';
+export { default as withMegaMenuContainer } from './megaMenu/withContainer';

package/dist/cjs/types/components/hoc/megaMenu/withContainer.d.ts

@@ -0,0 +1,7 @@
+import { IMegaMenuSideCards } from '@components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface';
+import React from 'react';
+declare const withMegaMenuContainer: <T>(WrappedComponent: React.FC<T>) => React.FC<{
+    sideProps: IMegaMenuSideCards;
+    wrapperProps: T;
+}>;
+export default withMegaMenuContainer;

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

@@ -129,3 +129,10 @@ export { default as AnimatedSpinnerBlue } from '../assets/gif/spinnerBlue.gif';
 export { default as AnimatedSpinnerGreen } from '../assets/gif/spinnerGreen.gif';
 export { default as CloseCircle } from '../assets/closeCircle.svg';
 export { default as Danger } from '../assets/danger.svg';
+export { default as InstagramSolid } from '../assets/InstagramSolid.svg';
+export { default as FacebookSolid } from '../assets/FacebookSolid.svg';
+export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
+export { default as TiktokSolid } from '../assets/TiktokSolid.svg';
+export { default as YoutubeSolid } from '../assets/YoutubeSolid.svg';
+export { default as QuestionCircle } from '../assets/question-cirlce.svg';
+export { default as ArrowRightWhite } from '../assets/ArrowRightWhite.svg';

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

@@ -0,0 +1,8 @@
+export { default as BriefcaseBlue } from '../assets/megaMenu/briefcase-blue.svg';
+export { default as BriefcaseGrey } from '../assets/megaMenu/briefcase-grey.svg';
+export { default as BuildingBlue } from '../assets/megaMenu/building-blue.svg';
+export { default as BuildingGrey } from '../assets/megaMenu/building-grey.svg';
+export { default as CourthouseBlue } from '../assets/megaMenu/courthouse-blue.svg';
+export { default as CourthouseGrey } from '../assets/megaMenu/courthouse-grey.svg';
+export { default as LocationBlue } from '../assets/megaMenu/location-blue.svg';
+export { default as LocationGrey } from '../assets/megaMenu/location-grey.svg';

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

@@ -1,4 +1,5 @@
 import { IListIcon, IListMenuItems, MenuItemInfo } from '@components/UI/molecules';
 export declare const MenuList: MenuItemInfo[];
 export declare const ListIcon: IListIcon[];
+export declare const ListMegaMenu: IListIcon[];
 export declare const listMenuProps: IListMenuItems;

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

@@ -17,3 +17,4 @@ export * from './similarJobs.constants';
 export * from './sortBar.constants';
 export * from './typeTitleJobDetail.constant';
 export * from './vacancies.constants';
+export * from './megaMenu.constants';

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

@@ -0,0 +1,25 @@
+import { IMegaMenuTab } from '@components/UI/atoms/MegaMenuTab/MegaMenuTab.interface';
+import { IMegaMenuCard, IMegaMenuCards } from '@components/UI/molecules';
+import { IMegaMenuJobs, IMegaMenuMainHeader, IMegaMenuSocialHeader } from '@components/UI/template/MegaMenu/MegaMenuContext.interface';
+export declare const megaMenuSocialTabs: IMegaMenuTab[];
+export declare const megaMenuJobImage: IMegaMenuCard;
+export declare const megaMenuJobIcon: IMegaMenuCard;
+export declare const megaMenuJobsIcon: any[];
+export declare const megaMenuJobsImage: any[];
+export declare const megaMenuMainHeader: IMegaMenuMainHeader;
+export declare const megaMenuSocialHeader: IMegaMenuSocialHeader;
+export declare const megaMenuHelpIcons: any[];
+export declare const megaMenuCards: IMegaMenuCards;
+export declare const megaMenuJobsIcons: any[];
+export declare const megaMenuJobs: IMegaMenuJobs;
+export declare const megaMenuBreadcrumbs: {
+    breadcrumbProps: {
+        breadcrumbText: string;
+        baseUrl: string;
+        queryParams: string;
+        haveRedirect: boolean;
+        breadCrumbFromServer: string[];
+        urlFromServer: string[];
+    };
+    homeUrl: string;
+};

package/dist/cjs/types/index.d.ts

@@ -5,3 +5,4 @@ export * from './components/UI/molecules';
 export * from './components/UI/organism';
 export * from './components/UI/page';
 export * from './components/UI/template';
+export * from './components/hoc';