magneto365.ui 2.61.3 → 2.63.0

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDotsLoader } from './DotsLoader.interface';
+export declare const DotsLoader: React.FC<IDotsLoader>;

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

@@ -0,0 +1,10 @@
+export interface IDotsLoader {
+    /**
+     * this property sets number of dots
+     */
+    count?: number;
+    /**
+     * this property changes the dots color
+     */
+    color?: string;
+}

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

@@ -0,0 +1 @@
+export * from './DotsLoader.component';

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

@@ -9,6 +9,7 @@ export * from './Checkbox';
 export * from './DateDropdown';
 export * from './DateInput';
 export * from './Divider';
+export * from './DotsLoader';
 export * from './FlatLoader';
 export * from './HeaderTab';
 export * from './Icon';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ICreateAccountCTA } from './CreateAccountCTA.interface';
+export declare const CreateAccountCTA: React.FC<ICreateAccountCTA>;

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

@@ -0,0 +1,18 @@
+export interface ICreateAccountCTA {
+    /**
+     * this property sets a fn on click
+     */
+    ctaClick: () => void;
+    /**
+     * this property sets the first text
+     */
+    title: string;
+    /**
+     * this property sets the second text
+     */
+    description: string;
+    /**
+     * this property sets the loader
+     */
+    isLoading?: boolean;
+}

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

@@ -0,0 +1 @@
+export * from './CreateAccountCTA.component';

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

@@ -5,6 +5,7 @@ export * from './BrandsMenuMobile';
 export * from './BrandsMenuPopover';
 export * from './Breadcrumbs';
 export * from './CitiesDetailDrawer';
+export * from './CreateAccountCTA';
 export * from './DatePicker';
 export * from './Drawer';
 export * from './EmptyResults';

package/dist/cjs/types/components/UI/page/JobsPage/JobsPage.interface.d.ts

@@ -6,6 +6,7 @@ import { ISideFilter } from '@components/UI/template';
 import { IFooter } from '@components/UI/template/Footer/Footer.interface';
 import { DeviceType } from '@components/context/context.interface';
 import { IEmptyResults } from '@components/UI/molecules/EmptyResults/EmptyResults.interface';
+import { ICreateAccountCTA } from '@components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface';
 export interface IJobsPage {
     /**
      * Props for the filter bottom header section.
@@ -54,6 +55,9 @@ export interface IJobsPage {
      * This property indicates the type of device being rendered.
      */
     device: DeviceType;
+    /**
+     * This property show the action detail view
+     */
     jobDetailAction?: JSX.Element | undefined;
     /**
      * This property show values in the empty vacants card
@@ -71,6 +75,10 @@ export interface IJobsPage {
      * This property show or hide the filter always in the desktop of jobsite
      */
     displayAlwaysFilter?: boolean;
+    /**
+     * This property sets the create account card data
+     */
+    createAccountCTAProps?: ICreateAccountCTA;
 }
 export interface IVacancies extends IJobCard {
     offerVacancyData?: string;

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

@@ -0,0 +1 @@
+export { default as Avatar3DImg } from '../assets/img/3d-avatar.png';

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

@@ -0,0 +1,2 @@
+import { ICreateAccountCTA } from '../../components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface';
+export declare const CreateAccountCTAProps: ICreateAccountCTA;

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

@@ -0,0 +1,190 @@
+/// <reference types="react" />
+import { IVacancies } from '../../../dist';
+export declare const jobDetailsDrawer: {
+    jobDetailCardProps: {
+        offerDescription: string;
+    };
+    jobSkillsCardProps: {
+        offerSkillsLabel: string;
+        offerSkills: ({
+            id: number;
+            name: string;
+            score: 1;
+        } | {
+            id: number;
+            name: string;
+            score: 2;
+        } | {
+            id: number;
+            name: string;
+            score: 3;
+        })[];
+    };
+    jobApplyCardProps: {
+        offerApplyHeader: string;
+        offerApplyElements: {
+            offerApplyLabel: string;
+            offerApplyInfo: string;
+        }[];
+        externalChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
+    };
+    jobFooterCardProps: {
+        offerCompanyLogo: string;
+        offerFooterHeader: string;
+        offerFooterList: {
+            href: string;
+            ariaLabel: string;
+            title: string;
+        }[];
+        offerFooterTitle: string[];
+        shareButtonProps: {
+            buttonTitle: string;
+            onCopySuccess: () => void;
+        };
+    };
+    similarJobsProps: {
+        moreJobsLink: string;
+        moreJobsText: string;
+        sectionTitle: string;
+        similarJobsCard: import("../..").ISimilarJobsCard[];
+    };
+    jobVideo: import("../..").IJobVideo;
+    cities: import("../..").ICityDetail[];
+    isRemote: boolean;
+    textRemote?: string | undefined;
+    fraudLink: string;
+    jobCompanyLogoProps: {
+        jobCompanyLogoProps: {
+            offerCompanyLogo: JSX.Element;
+        };
+        jobHeaderProps: {
+            offerTitle: string;
+            offerCompanyName: string;
+        };
+    };
+    jobActionsProps: {
+        externalButtonChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
+        saveButtonProps: {
+            isAuthenticated: boolean;
+            isSaved: boolean;
+            onClick: () => void;
+            addHover: boolean;
+            buttonTitle: string;
+        };
+        shareButtonProps: {
+            buttonTitle: string;
+            buttonText: string;
+            onCopySuccess: () => void;
+            shareLinks: import("../..").IShareLink[];
+        };
+        actionsAnchorIcons: any[];
+        actionsAnchorLinks: string[];
+        actionsAnchorTitle: string[];
+    };
+    jobDetailsProps: string[];
+};
+export declare const mobileJobDetailsDrawer: {
+    jobDetailCardProps: {
+        offerDescription: string;
+    };
+    jobSkillsCardProps: {
+        offerSkillsLabel: string;
+        offerSkills: ({
+            id: number;
+            name: string;
+            score: 1;
+        } | {
+            id: number;
+            name: string;
+            score: 2;
+        } | {
+            id: number;
+            name: string;
+            score: 3;
+        })[];
+    };
+    jobApplyCardProps: {
+        offerApplyHeader: string;
+        offerApplyElements: {
+            offerApplyLabel: string;
+            offerApplyInfo: string;
+        }[];
+        externalChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
+    };
+    jobFooterCardProps: {
+        offerCompanyLogo: string;
+        offerFooterHeader: string;
+        offerFooterList: {
+            href: string;
+            ariaLabel: string;
+            title: string;
+        }[];
+        offerFooterTitle: string[];
+        shareButtonProps: {
+            buttonTitle: string;
+            onCopySuccess: () => void;
+        };
+    };
+    mobileJobDetailsBarProps: {
+        externalButtonChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
+        actionsProps: {
+            ActionsHeader: string;
+            ActionsAnchorLinks: string[];
+            ActionAnchorText: string[];
+            saveButtonProps: {
+                isAuthenticated: boolean;
+                buttonText: string;
+                isSaved: boolean;
+                onClick: () => void;
+            };
+            shareButtonProps: {
+                title: string;
+                content: string;
+            };
+            copyButtonProps: {
+                buttonTitle: string;
+                buttonText: string;
+                onCopySuccess: () => void;
+                shareLinks: import("../..").IShareLink[];
+            };
+            externalButtonChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
+            backText: string;
+            offerCompanyName: string;
+        };
+        onClose: boolean;
+    };
+    similarJobsProps: {
+        moreJobsLink: string;
+        moreJobsText: string;
+        sectionTitle: string;
+        similarJobsCard: import("../..").ISimilarJobsCard[];
+    };
+    cities: import("../..").ICityDetail[];
+    isRemote: boolean;
+    textRemote?: string | undefined;
+    fraudLink: string;
+    jobCompanyLogoProps: {
+        jobCompanyLogoProps: {
+            offerCompanyLogo: JSX.Element;
+        };
+        jobHeaderProps: {
+            offerTitle: string;
+            offerCompanyName: string;
+        };
+    };
+    jobDetailsHeaderText: string;
+    jobDetailsProps: string[];
+};
+export declare const frequentSearch: {
+    searchHeading: string;
+    searchList: import("@components/UI/atoms").ISearchItem[];
+    showLess: string;
+    showMore: string;
+};
+export declare const footerProps: {
+    followText: string;
+    magnetoResolutionProps: import("../../components/UI/molecules/MagnetoResolution/MagnetoResolution.interface").IMagnetoResolution;
+    rightsReservedProps: import("../../components/UI/molecules/RightsReservedText/RightsReservedText.interface").IRightsReservedText;
+    menuFooterLink: import("../../components/UI/organism/FooterMenuLinks/FooterMenuLinks.interface").IFooterMenuLinks;
+};
+export declare const emptyVacant: IVacancies[];