magneto365.ui 2.75.1-job-details.7 → 2.75.1-job-details.9

package/dist/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoAction/ExpandableInfoAction.interface.d.ts

@@ -0,0 +1,41 @@
+import { IconProps } from '@components/UI/atoms';
+
+interface IExpandableInfoActionProps {
+    /**
+     * Custom class name
+     */
+    className?: string;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Function or URL
+     */
+    onAction?: (() => void) | string;
+    /**
+     * Left icon of the action
+     */
+    prefixIcon?: IconProps;
+    /**
+     * Right icon of the action
+     */
+    suffixIcon?: IconProps;
+    /**
+     * Action title
+     */
+    title?: string;
+    /**
+     * Action variant
+     */
+    variant?: TExpandableInfoActionVariant;
+}
+declare type TExpandableInfoActionVariant = `${EExpandableInfoActionVariant}`;
+declare enum EExpandableInfoActionVariant {
+    DARK_BLUE = "dark-blue",
+    LIGHT_BLUE = "light-blue",
+    WHITE = "white",
+    GREEN = "green"
+}
+
+export { EExpandableInfoActionVariant, IExpandableInfoActionProps, TExpandableInfoActionVariant };

package/dist/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoDetails/ExpandableInfoDetails.interface.d.ts

@@ -0,0 +1,35 @@
+import { IExpandableInfoActionProps } from '../ExpandableInfoAction/ExpandableInfoAction.interface';
+
+interface IExpandableInfoDetailsProps {
+    /**
+     * Details sections
+     */
+    sections?: IExpandableInfoDetailsSection[];
+    /**
+     * Details footer action
+     */
+    footer?: TExpandableInfoDetailsFooter;
+}
+declare type TExpandableInfoDetailsFooter = Pick<IExpandableInfoActionProps, 'title' | 'onAction'>;
+interface IExpandableInfoDetailsSection {
+    /**
+     * Section children
+     */
+    children: IExpandableInfoDetailsContent[];
+}
+interface IExpandableInfoDetailsContent {
+    /**
+     * Section title
+     */
+    title: string;
+    /**
+     * Section summary
+     */
+    summary: string;
+    /**
+     * Section sub content
+     */
+    content?: IExpandableInfoDetailsContent[];
+}
+
+export { IExpandableInfoDetailsContent, IExpandableInfoDetailsProps, IExpandableInfoDetailsSection, TExpandableInfoDetailsFooter };

package/dist/types/components/UI/molecules/ExpandableInfo/children/ExpandableInfoMessage/ExpandableInfoMessage.interface.d.ts

@@ -0,0 +1,19 @@
+import { IconProps } from '@components/UI/atoms';
+import { IExpandableInfoProps } from '../../ExpandableInfo.interface';
+
+interface IExpandableInfoMessageProps extends Pick<IExpandableInfoProps, 'variant'> {
+    /**
+     * Class name
+     */
+    className?: string;
+    /**
+     * Message title
+     */
+    title?: string;
+    /**
+     * Left icon of the dropdown
+     */
+    prefixIcon?: IconProps;
+}
+
+export { IExpandableInfoMessageProps };

package/dist/types/components/UI/molecules/FilterActions/FilterActions.component.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { IFilterActions } from './FilterActions.interface';
+
+declare const FilterActions: FC<IFilterActions>;
+
+export { FilterActions };

package/dist/types/components/UI/molecules/FilterActions/FilterActions.interface.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'react';
+
+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;
+}
+
+export { IFilterActions, IFiltersRef };

package/dist/types/components/UI/molecules/FilterContainerMenu/FilterContainerMenu.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IFilterContainerMenu } from './FilterContainerMenu.interface';
+
+declare const FilterContainerMenu: React__default.FC<IFilterContainerMenu>;
+
+export { FilterContainerMenu as default };

package/dist/types/components/UI/molecules/FilterContainerMenu/FilterContainerMenu.interface.d.ts

@@ -0,0 +1,8 @@
+interface IFilterContainerMenu {
+    /**
+     * you must add jsx elements
+     */
+    children: JSX.Element | JSX.Element[];
+}
+
+export { IFilterContainerMenu };

package/dist/types/components/UI/molecules/FilterMenuItem/FilterMenuItem.component.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { IFilterMenuItem } from './FilterMenuItem.interface';
+
+declare const FilterMenuItem: FC<IFilterMenuItem>;
+
+export { FilterMenuItem };

package/dist/types/components/UI/molecules/FilterMenuItem/FilterMenuItem.interface.d.ts

@@ -0,0 +1,46 @@
+import { IFilterValue, ISetIsApplied } from '@components/UI/template/SideFilter';
+
+interface IFilterMenuItem extends IFilterValue {
+    /**
+     * This is the filter identifier
+     */
+    field: string;
+    /**
+     * This is the flag whit the same filter can has multiple options applied
+     */
+    multiple: boolean;
+    /**
+     * This is the flag when the filters promise is pending
+     */
+    loading: boolean;
+    /**
+     * This type shows how send the id in the setIsApplied function
+     */
+    type?: string | null;
+    /**
+     * This flag indicate if the item render the total of vacancies
+     */
+    hasTotal?: boolean;
+    /**
+     * This flag indicate if the parent if renderType = search
+     */
+    isSearched?: boolean;
+    /**
+     *  This is the custom className to add styles
+     */
+    customClass?: string;
+    /**
+     * This is the custom id
+     */
+    customId?: string;
+    /**
+     * This is a flag if the vacant is internal
+     */
+    hiddenCount?: boolean;
+    /**
+     * This function change if the item is isSelected
+     */
+    setIsApplied: (filter: ISetIsApplied) => Promise<void> | void;
+}
+
+export { IFilterMenuItem };

package/dist/types/components/UI/molecules/FilterSearchItem/FilterSearchItem.component.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { IFilterSearchItem } from './FilterSearchItem.interface';
+
+declare const FilterSearchItem: FC<IFilterSearchItem>;
+
+export { FilterSearchItem };

package/dist/types/components/UI/molecules/FilterSearchItem/FilterSearchItem.interface.d.ts

@@ -0,0 +1,22 @@
+import { ChangeEvent } from 'react';
+
+interface IFilterSearchItem {
+    /**
+     * This is the function that execute in the search of the input
+     */
+    handleSearch: (event: ChangeEvent<HTMLInputElement>, inputRef: React.MutableRefObject<null>) => void;
+    /**
+     * This is the text that display in the placeholder
+     */
+    placeholder: string;
+    /**
+     *This is the flag when the filters promise is pending
+     */
+    loading: boolean;
+    /**
+     * This flag indicates if the input can search
+     */
+    disabled?: boolean;
+}
+
+export { IFilterSearchItem };

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

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

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

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

package/dist/types/components/UI/molecules/FrequentSearch/FrequentSearch.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IFrequentSearch } from './FrequentSearch.interface';
+
+/**
+ * UI Atom component of Frequent Search
+ */
+declare const FrequentSearch: React__default.FC<IFrequentSearch>;
+
+export { FrequentSearch };

package/dist/types/components/UI/molecules/FrequentSearch/FrequentSearch.interface.d.ts

@@ -0,0 +1,24 @@
+import { ISearchItem } from '@components/UI/atoms';
+
+interface IFrequentSearch {
+    /**
+     * The heading or title for the frequent search section.
+     */
+    searchHeading: string;
+    /**
+     * The content to be displayed inside the frequent search section.
+     * It can be any content compatible with React's `ReactNode`.
+     */
+    searchList: ISearchItem[];
+    /**
+     * This text should be 'Show less' text
+     */
+    showLess: string;
+    /**
+     * This text should be 'Show more' text
+     */
+    showMore: string;
+    showFrequentSearch?: boolean;
+}
+
+export { IFrequentSearch };

package/dist/types/components/UI/molecules/HeaderDrawerCompany/HeaderDrawerCompany.components.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IHeaderDrawerCompany } from './HeaderDrawerCompany.interface';
+
+declare const HeaderDrawerCompany: React__default.FC<IHeaderDrawerCompany>;
+
+export { HeaderDrawerCompany };

package/dist/types/components/UI/molecules/HeaderDrawerCompany/HeaderDrawerCompany.interface.d.ts

@@ -0,0 +1,14 @@
+import { ILogoComponent } from '../../atoms/Logo/Logo.interface';
+
+interface IHeaderDrawerCompany {
+    className?: string;
+    logoProps: ILogoComponent;
+    logoCompany: string;
+    logoCompanyAlt?: string;
+    logo: string;
+    alt: string;
+    flag?: string;
+    flagAlt?: string;
+}
+
+export { IHeaderDrawerCompany };

package/dist/types/components/UI/molecules/HeaderDrawerTabs/HeaderDrawerTabs.components.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IHeaderDrawerTabs } from './HeaderDrawerTabs.interface';
+
+declare const HeaderDrawerTabs: React__default.FC<IHeaderDrawerTabs>;
+
+export { HeaderDrawerTabs };

package/dist/types/components/UI/molecules/HeaderDrawerTabs/HeaderDrawerTabs.interface.d.ts

@@ -0,0 +1,14 @@
+import { ILinkProps } from '../../atoms/Link/Link.interface';
+import { ILogoComponent } from '../../atoms/Logo/Logo.interface';
+import { ITabButton } from '../TabButton/TabButton.interface';
+
+interface IHeaderDrawerTabs {
+    logoProps?: ILogoComponent;
+    leftTabLink?: ILinkProps;
+    rightTabLink?: ILinkProps;
+    leftTabStyle?: ITabButton;
+    rightTabStyle?: ITabButton;
+    homeUrl: string;
+}
+
+export { IHeaderDrawerTabs };

package/dist/types/components/UI/molecules/HeaderTabs/HeaderTabs.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IHeaderTabs } from './HeaderTabs.interface';
+
+/**
+ * Molecule UI component for header tabs information`
+ */
+declare const HeaderTabs: React__default.FC<IHeaderTabs>;
+
+export { HeaderTabs };

package/dist/types/components/UI/molecules/HeaderTabs/HeaderTabs.interface.d.ts

@@ -0,0 +1,24 @@
+import { IHeaderTab } from '../../atoms/HeaderTab/HeaderTab.interface';
+
+interface HeaderTabItem extends Omit<IHeaderTab, 'isActive'> {
+    /**
+     * the slug match with the urlParam to active the HeaderTab.
+     */
+    slug?: string | Array<string>;
+}
+interface IHeaderTabs {
+    /**
+     * Props for HeaderTab list
+     */
+    headerTabList: HeaderTabItem[];
+    /**
+     * Sets the URL Param for active tabs styling
+     */
+    urlParam: string;
+    /**
+     * Sets a divider between HeaderTab items
+     */
+    addDivider?: boolean;
+}
+
+export { HeaderTabItem, IHeaderTabs };

package/dist/types/components/UI/molecules/HorizontalMenu/HorizontalMenu.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IHorizontalMenu } from './HorizontalMenu.interface';
+
+/**
+ * UI Molecule Component for Horizontal Menu
+ */
+declare const HorizontalMenu: React__default.FC<IHorizontalMenu>;
+
+export { HorizontalMenu };

package/dist/types/components/UI/molecules/HorizontalMenu/HorizontalMenu.interface.d.ts

@@ -0,0 +1,26 @@
+interface IHorizontalMenu {
+    /**
+     * Class name of horizontal menu
+     */
+    className?: string;
+    /**
+     * options of horizontal menu
+     */
+    options?: IHorizontalMenuOption[];
+    /**
+     * onChange of horizontal menu
+     */
+    onChange?: (selectedItem: number) => void;
+}
+interface IHorizontalMenuOption {
+    /**
+     * Icon of horizontal menu option
+     */
+    icon: React.ReactNode;
+    /**
+     * Title of horizontal menu option
+     */
+    title: string;
+}
+
+export { IHorizontalMenu, IHorizontalMenuOption };

package/dist/types/components/UI/molecules/ImageCard/ImageCard.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { ICardImage } from './ImageCard.interface';
+
+declare const ImageCard: React__default.FC<ICardImage>;
+
+export { ImageCard };

package/dist/types/components/UI/molecules/ImageCard/ImageCard.interface.d.ts

@@ -0,0 +1,46 @@
+import { IconProps } from '@components/UI/atoms';
+
+interface ICardImage {
+    /**
+     * Path to the image to be displayed.
+     */
+    imagePath: string;
+    /**
+     * Title of the image card.
+     */
+    title: string;
+    /**
+     * Additional class names for custom styling.
+     */
+    className?: string;
+    /**
+     * Description of the image card.
+     */
+    description?: string;
+    /**
+     * Alt text for the image.
+     */
+    alt?: string;
+    /**
+     * Custom direct dimensions for the image card.
+     */
+    dimensions?: ICardImageStyles;
+    /**
+     * Icon props to be displayed on the image card.
+     */
+    icon?: IconProps & {
+        showIcon?: boolean;
+    };
+}
+interface ICardImageStyles {
+    /**
+     * Height of the image card.
+     */
+    height?: string;
+    /**
+     * Width of the image card.
+     */
+    width?: string;
+}
+
+export { ICardImage };

package/dist/types/components/UI/molecules/Input/Input.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IInput } from './Input.interface';
+
+declare const Input: React__default.FC<IInput>;
+
+export { Input as default };

package/dist/types/components/UI/molecules/Input/Input.interface.d.ts

@@ -0,0 +1,67 @@
+import { ChangeEvent } from 'react';
+
+declare type TIconType = 'text' | 'number' | 'email' | 'password';
+interface IInput extends React.InputHTMLAttributes<HTMLInputElement> {
+    /**
+     * this property change value text
+     */
+    value: string;
+    /**
+     * this property have value text
+     */
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * this property is to add a reference
+     */
+    name?: string;
+    /**
+     * this property have input type
+     */
+    type: TIconType;
+    /**
+     * this property add placeholder text in the input
+     */
+    placeholder: string;
+    /**
+     * this property add a custom icon in the input element
+     */
+    customIcon?: string;
+    /**
+     * this property add a action icon in the input element
+     */
+    actionIcon?: string;
+    /**
+     * this property add a custom function in the actionIcon
+     */
+    actionInputIcon?: () => void;
+    /**
+     * this property in true hide the input icon
+     */
+    hideIcon?: boolean;
+    /**
+     * this property add an error message
+     */
+    error?: string;
+    /**
+     * this property disable the input
+     */
+    disabled?: boolean;
+    /**
+     * this property customize the auto-focus for the input
+     */
+    autoFocus?: boolean;
+    /**
+     * this property sets the counter component below the input
+     */
+    hasCounter?: boolean;
+    /**
+     * this property sets the max counter value
+     */
+    maxCounterValue?: number;
+    /**
+     * Main Styles
+     */
+    mainClassName?: string;
+}
+
+export { IInput, TIconType };

package/dist/types/components/UI/molecules/InputPlus/InputPlus.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IInputPlus } from './InputPlus.interface';
+
+declare const InputPlus: React__default.FC<IInputPlus>;
+
+export { InputPlus };

package/dist/types/components/UI/molecules/InputPlus/InputPlus.interface.d.ts

@@ -0,0 +1,36 @@
+interface IInputPlus {
+    /**
+     * through this function you can obtain the value of the imput
+     */
+    onChange: (value: string) => void;
+    /**
+     * this property set the placeholder value
+     */
+    placeholder: string;
+    /**
+     * this property sets a word limit in the input
+     */
+    maxWords?: number;
+    /**
+     * this property enables or disables the button press
+     */
+    disabled?: boolean;
+    /**
+     * this property show a circular progress spinner
+     */
+    isLoading?: boolean;
+    /**
+     * set custom classname
+     */
+    className?: string;
+    /**
+     * this fn get the input value
+     */
+    getValue?: (value: string) => void;
+    /**
+     * this property sets the max length
+     */
+    maxLength?: number;
+}
+
+export { IInputPlus };

package/dist/types/components/UI/molecules/JobActions/JobActions.component.d.ts

@@ -0,0 +1,6 @@
+import React__default from 'react';
+import { IJobsActions } from './JobActions.interface';
+
+declare const JobActions: React__default.FC<IJobsActions>;
+
+export { JobActions };

package/dist/types/components/UI/molecules/JobActions/JobActions.interface.d.ts

@@ -0,0 +1,63 @@
+import { ISaveButton } from '@components/UI/atoms/SaveButton';
+import { ReactNode } from 'react';
+import { ISharePopover } from '../SharePopover/SharePopover.interface';
+
+interface IJobsActions {
+    /**
+     * An array of string icons to be displayed for each anchor link in the actions section.
+     * (Optional property)
+     */
+    actionsAnchorIcons?: string[];
+    /**
+     * An array of string URLs representing anchor links for each item in the actions section.
+     */
+    actionsAnchorLinks: string[];
+    /**
+     * An array of string titles or labels associated with each action anchor link.
+     */
+    actionsAnchorTitle: string[];
+    /**
+     * An array of string texts associated with each action anchor link.
+     * Used only when variant is 'detailed'.
+     */
+    actionsAnchorText?: string[];
+    /**
+     * Content to be displayed as an external button.
+     */
+    externalButtonChild: ReactNode;
+    /**
+     * Props for the save button component.
+     */
+    saveButtonProps: ISaveButton;
+    /**
+     * Props for the share button component.
+     */
+    shareButtonProps: ISharePopover;
+    /**
+     * Props for render save button.
+     * it's true it will not display save button
+     */
+    isApplied?: boolean;
+    /**
+     * Indicates whether the component is default or detailed.
+     */
+    variant?: TJobActionsVariant;
+    /**
+     * Indicates whether the component is being used on a job detail offer page.
+     * (Optional property)
+     */
+    isJobDetailPage?: boolean;
+    /**
+     * this is the main class to the actions
+     * (optional)
+     */
+    className?: string;
+    /**
+     * this is the main class to the external actions
+     * (optional)
+     */
+    externalChildClass?: string;
+}
+declare type TJobActionsVariant = 'default' | 'detailed';
+
+export { IJobsActions, TJobActionsVariant };

package/dist/types/components/UI/molecules/JobApplyCard/JobApplyCard.component.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { IJobApplyCard } from './JobApplyCard.interface';
+
+/**
+ * UI Molecule Component for Job Apply Card
+ */
+declare const JobApplyCard: React__default.FC<IJobApplyCard>;
+
+export { JobApplyCard };