magneto365.ui 2.57.3-alpha → 2.57.4

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

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

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

@@ -0,0 +1,10 @@
+export interface IBadge {
+    /**
+     * this property sets a custom number
+     */
+    number?: number;
+    /**
+     * this property sets custom classname
+     */
+    className?: string;
+}

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

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

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

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

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

@@ -16,6 +16,13 @@ export interface IHeaderTab {
      * Sets the active state of tab
      */
     isActive: boolean;
+    /**
+     * Sets custom className
+     */
     className?: string;
+    /**
+     * Sets badge count
+     */
+    count?: number;
 }
 export {};

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

@@ -1,3 +1,7 @@
+export interface IToggleButtonOnchangeValues {
+    name?: string;
+    id: string | number;
+}
 export interface IToggleButton {
     /**
      * You can extend the style properties with class names
@@ -26,8 +30,9 @@ export 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;
 }

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

@@ -1,4 +1,5 @@
 export * from './Avatar';
+export * from './Badge';
 export * from './BarLoader';
 export * from './Breadcrumb';
 export * from './Button';

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

@@ -8,7 +8,7 @@ export interface IAlert {
     /**
      * This is the main text in the alert
      * */
-    text?: string;
+    text?: string | React.ReactNode;
     /**
      * This is the custom text in the alert
      * */

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IAlertJobStatus } from './AlertJobStatus.interface';
+export declare const AlertJobStatus: React.FC<IAlertJobStatus> & {
+    Container: React.FC<IAlertJobStatus.Container>;
+    Icon: React.FC<IAlertJobStatus.Icon>;
+    Text: React.FC<import("../../atoms/Text/Text.interface").IText>;
+};

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

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+export interface IAlertJobStatus {
+    /**
+     * React children to be rendered inside the component.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional class names for custom styling.
+     */
+    className?: string;
+}
+export 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;
+    }
+}

package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusContainer/AlertJobStatusContainer.component.d.ts

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

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

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

package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusIcon/AlertJobStatusIcon.component.d.ts

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

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

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

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

@@ -0,0 +1,4 @@
+export * from './AlertJobStatus.component';
+export * from './AlertJobStatus.interface';
+export * from './children/AlertJobStatusContainer';
+export * from './children/AlertJobStatusIcon';

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

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

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

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

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

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

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

@@ -30,7 +30,7 @@ export interface IMegaMenuCard {
     /**
      * Onclick callback
      * */
-    onClick: () => void;
+    onClick?: () => void;
     /**
      * Show arrow icon
      * */

package/dist/{esm/types/components/UI/atoms → cjs/types/components/UI/molecules}/MegaMenuDrawerItem/MegaMenuDrawerItem.interface.d.ts

@@ -20,9 +20,10 @@ export interface IMegaMenuDrawerItem {
     /**
      * Icon for each option
      */
-    content?: {
-        child: ReactNode;
-        title: string;
-    };
+    content?: IMegaMenuDrawerItemContent;
     onClickOption?: () => void;
 }
+export interface IMegaMenuDrawerItemContent {
+    child: ReactNode;
+    title: string;
+}

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

@@ -5,4 +5,5 @@ export interface IMegaMenuSideCards {
     onSelectCard?: (index: number) => void;
     action?: IMegaMenuLink;
     maxCards?: number;
+    initValue?: number;
 }

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ISimilarCard } from './SimilarCard.interface';
+export declare const SimilarCard: React.FC<ISimilarCard> & {
+    Text: React.FC<import("../../atoms/Text/Text.interface").IText>;
+    Logo: React.FC<ISimilarCard.Logo>;
+    Icon: React.FC<ISimilarCard.Icon>;
+};

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

@@ -0,0 +1,128 @@
+/// <reference types="react" />
+import { ICustomText } from '@components/UI/atoms/Text/Text.interface';
+export interface ISimilarCard {
+    /**
+     * this property sets the url title
+     */
+    title?: string;
+    /**
+     * this property sets custom styles
+     */
+    className?: string;
+    /**
+     * this property sets the url link
+     */
+    jobUrlSlug?: string;
+}
+export interface ISimilarCardData {
+    /**
+     * unique identifier for the job or card.
+     */
+    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;
+}
+export 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[];
+        /**
+         * 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;
+    }
+}

package/dist/cjs/types/components/UI/molecules/SimilarCard/children/SimilarCardLogo/SimilarCardLogo.component.d.ts

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

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

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

package/dist/cjs/types/components/UI/molecules/SimilarCard/children/SimlarCardIcon/SimilarCardIcon.component.d.ts

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

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

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

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

@@ -0,0 +1,4 @@
+export { SimilarCard } from './SimilarCard.component';
+export * from './SimilarCard.interface';
+export * from './children/SimilarCardLogo';
+export * from './children/SimlarCardIcon';

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

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

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

@@ -0,0 +1,23 @@
+import { IToggleButton, IToggleButtonOnchangeValues } from '@components/UI/atoms/ToggleButton/ToggleButton.interface';
+export declare type TToggleButtonList = {
+    /**
+     * this property sets the list of toggle buttons
+     */
+    list: Partial<Pick<IToggleButton, 'id' | 'name' | 'customIcon'>>[];
+    /**
+     * this property sets the props of toggle buttons
+     */
+    toggleButtonProps?: IToggleButton;
+    /**
+     * this property returns the values of the toggle button selected
+     */
+    onChange?: (value: IToggleButtonOnchangeValues | 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, 'id' | 'name'>;
+};

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

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

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

@@ -13,6 +13,13 @@ export 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;
 }
 export {};

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

@@ -9,9 +9,11 @@ export * from './DatePicker';
 export * from './Drawer';
 export * from './EmptyResults';
 export * from './ExpandableInfo';
+export * from './FilterActions';
 export * from './FilterContainerMenu';
 export * from './FilterMenuItem';
 export * from './FilterSearchItem';
+export * from './FraudCardJob';
 export * from './FrequentSearch';
 export * from './HeaderDrawerCompany';
 export * from './HeaderDrawerTabs';
@@ -39,6 +41,7 @@ export * from './MagnetoResolution';
 export * from './MegaMenuCard';
 export * from './MegaMenuJobsTabs';
 export * from './MegaMenuPopover';
+export * from './MegaMenuSideCards';
 export * from './MenuCollapse/children/MenuCollapseChildren.interface';
 export * from './MenuIcon';
 export * from './MenuSearch';
@@ -47,6 +50,7 @@ export * from './MobileDrawer';
 export * from './MobileJobDetailsHeader';
 export * from './MobileSearchbar';
 export * from './Modal';
+export * from './ModalResponsive';
 export * from './Pagination';
 export * from './RightsReservedText';
 export * from './ScoreLevel';
@@ -60,9 +64,11 @@ export * from './Tab';
 export * from './TabButton';
 export * from './TextArea';
 export * from './TimelineEvent';
+export * from './ToggleButtonList';
 export * from './Tooltip';
 export * from './UserMenu';
 export * from './UserMenuAnalyst';
 export * from './UserMenuWrapperAnalyst';
-export * from './FilterActions';
-export * from './MegaMenuSideCards';
+export * from './AlertJobStatus';
+export * from './SimilarCard';
+export * from './MegaMenuDrawerItem';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IApplicationSummary } from './ApplicationSummary.interface';
+export declare const ApplicationSummary: React.FC<IApplicationSummary> & {
+    Section: React.FC<IApplicationSummary.Section>;
+    Title: React.FC<IApplicationSummary.Title>;
+    SubTitle: React.FC<IApplicationSummary.SubTitle>;
+    Button: React.FC<IApplicationSummary.Button>;
+    Text: React.FC<IApplicationSummary.Text>;
+};

package/dist/cjs/types/components/UI/organism/ApplicationSummary/ApplicationSummary.interface.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+export 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;
+}
+export 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';
+    }
+}

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationButton/ApplicationButton.component.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationButton/index.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSection/ApplicationSection.component.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSection/index.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSubTitle/ApplicationSubTitle.component.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSubTitle/index.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationText/ApplicationText.component.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationText/index.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationTitle/ApplicationTitle.component.d.ts

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

package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationTitle/index.d.ts

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

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

@@ -0,0 +1,5 @@
+export * from './ApplicationSummary.component';
+export * from './children/ApplicationButton';
+export * from './children/ApplicationSubTitle';
+export * from './children/ApplicationText';
+export * from './children/ApplicationTitle';

package/dist/cjs/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts

@@ -8,6 +8,7 @@ import { ReactNode } from 'react';
 import { ISimilarJobs } from '../SimilarJobs/SimilarJobs.interface';
 import { IJobVideo } from '@components/UI/molecules/JobVideo';
 import { ICityDetail } from '../../molecules/CitiesDetailDrawer';
+import { IFraudCardJob } from '../../molecules/FraudCardJob/FraudCardJob.interface';
 export interface IJobDetailsDrawer {
     /**
      * Props for the job company logo and header section.
@@ -73,4 +74,8 @@ export interface IJobDetailsDrawer {
     cities: ICityDetail[];
     isRemote: boolean;
     textRemote: string;
+    /**
+     * Props for the fraud card job.
+     */
+    fraudCardJobProps: IFraudCardJob;
 }