magneto365.ui 2.73.0 → 2.74.1-beta

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

@@ -1,3 +1,4 @@
+import React from "react";
 declare type PositionY = 'top' | 'bottom';
 declare type PositionX = 'left' | 'center' | 'right';
 export interface IPopover {
@@ -30,5 +31,6 @@ export interface IPopover {
      */
     staticContent?: boolean;
     className?: string;
+    style?: React.CSSProperties;
 }
 export {};

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ICompanyCardProps, IWithDescriptionProps, IWithoutDescriptionProps } from './CompanyCard.interface';
+export declare const CompanyCardWithDescription: React.FC<IWithDescriptionProps>;
+export declare const CompanyCardWithoutDescription: React.FC<IWithoutDescriptionProps>;
+export declare const CompanyCard: React.FC<ICompanyCardProps>;

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

@@ -0,0 +1,91 @@
+import { ReactNode } from 'react';
+interface IBaseCompanyComponentProps {
+    /**
+     * Logo of the company
+     */
+    logo: string;
+    /**
+     * Name of the company
+     */
+    companyName: string;
+    /**
+     * Link to the company page
+     */
+    buttonLink: string;
+    /**
+     * Class name for the component
+     */
+    className?: string;
+    /**
+     * Type of the company card
+     */
+    companyCardType?: 'withDescription' | 'withoutDescription';
+    /**
+     * Background color of the card
+     */
+    backgroundColor?: 'gray' | 'white' | 'transparent';
+}
+export interface IWithDescriptionProps extends IBaseCompanyComponentProps {
+    /**
+     * Number of job openings
+     */
+    jobCount: string;
+    /**
+     * Description of the company
+     */
+    description: string;
+    /**
+     * Text for the button
+     */
+    buttonText: string;
+}
+export interface IWithoutDescriptionProps extends IBaseCompanyComponentProps {
+    /**
+     * Title of the job opening
+     */
+    vacantTitle: string;
+    /**
+     * Salary for the job opening
+     */
+    salary: string;
+}
+export declare type ICompanyCardProps = IWithDescriptionProps | IWithoutDescriptionProps;
+interface IBaseCardProps {
+    /**
+     * Class name for the component
+     */
+    className?: string;
+    /**
+     * Background color of the card
+     */
+    backgroundColor?: 'gray' | 'white' | 'transparent';
+    /**
+     * Logo of the company
+     */
+    logo: string;
+    /**
+     * Name of the company
+     */
+    companyName: string;
+    /**
+     * Header content to display
+     */
+    headerContent: ReactNode;
+}
+export interface IWithDescriptionCardProps extends IBaseCardProps {
+    /**
+     * Main content to display
+     */
+    mainContent: ReactNode;
+    /**
+     * Footer content to display
+     */
+    footerContent: ReactNode;
+}
+export interface IWithoutDescriptionCardProps extends IBaseCardProps {
+    /**
+     * Link to the company page
+     */
+    buttonLink: string;
+}
+export {};

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

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

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

@@ -7,15 +7,11 @@ export interface IHorizontalMenu {
     /**
      * options of horizontal menu
      */
-    options: IHorizontalMenuOption[];
+    options?: IHorizontalMenuOption[];
     /**
      * onChange of horizontal menu
      */
     onChange?: (selectedItem: number) => void;
-    /**
-     * onClick of horizontal menu
-     */
-    onClick?: () => void;
 }
 export interface IHorizontalMenuOption {
     /**

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

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

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

@@ -0,0 +1,44 @@
+import { IconProps } from '@components/UI/atoms';
+export 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 {};

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

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

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

@@ -57,4 +57,8 @@ export interface IInput extends React.InputHTMLAttributes<HTMLInputElement> {
      * this property sets the max counter value
      */
     maxCounterValue?: number;
+    /**
+     * Main Styles
+     */
+    mainClassName?: string;
 }

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

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

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

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+export interface IMegaMenuSearchBar {
+    location: ISearchBar;
+    occupation: ISearchBar;
+}
+export interface ISearchBar {
+    /**
+     * Sets the value for the input in the searchbar
+     */
+    termValue: any;
+    /**
+     * Placeholder text for the searchbar
+     */
+    placeholder: string;
+    /**
+     * Handler for the input value
+     */
+    onSearch: (searchValue: string) => void;
+    /**
+     * Icon in search input
+     */
+    icon?: string;
+    /**
+     * Action Icon
+     */
+    actionIcon?: string;
+    /**
+     * options
+     */
+    options: ISearchOptions[];
+    /**
+     * sectionTitle
+     */
+    sectionTitle?: ISectionTitle;
+    /**
+     * class name
+     */
+    className?: string;
+    /**
+     *
+     */
+    onSelectOption?: (option: ISearchOptions) => void;
+}
+export interface ISectionTitle {
+    title: string;
+    url: string;
+    onClick: (event: React.MouseEvent) => void;
+    icon?: string;
+}
+export interface ISearchOptions {
+    title: string;
+    subtitle?: string;
+    url: string;
+    field?: string;
+}

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

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

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

@@ -19,4 +19,8 @@ export interface IMobileSearchbar {
      * Sets the value for the input in the searchbar
      */
     termValue?: any;
+    /**
+     * placeholder
+     */
+    placeholder?: string;
 }

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

@@ -81,3 +81,5 @@ export * from './Tooltip';
 export * from './UserMenu';
 export * from './UserMenuAnalyst';
 export * from './UserMenuWrapperAnalyst';
+export * from './ImageCard';
+export * from './CompanyCard';

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ICarousel } from './Carousel.interface';
+export declare const Carousel: React.FC<ICarousel> & {
+    Items: React.FC<ICarousel.Items>;
+    Header: React.FC<ICarousel.Header>;
+    Footer: React.FC<ICarousel.Footer>;
+    Button: React.FC<ICarousel.Buttons>;
+};

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

@@ -0,0 +1,135 @@
+/// <reference types="react" />
+export interface ICarousel {
+    /**
+     * Render the component children
+     */
+    children: React.ReactNode;
+    /**
+     * Class names for the components
+     */
+    classNamesObject?: {
+        /**
+         * Base class name for the carousel
+         */
+        base?: string;
+        /**
+         * Class names for the header component
+         */
+        headerContainer?: string;
+        /**
+         * Class names for the header items container
+         */
+        headerItem?: string;
+        /**
+         * Class names for the buttons for the component
+         */
+        buttons?: string;
+        /**
+         * Class names for the items container
+         */
+        items?: string;
+        /**
+         * Class names for the item component
+         */
+        item?: string;
+    };
+    /**
+     * Enable auto scroll for the carousel
+     */
+    autoScroll?: boolean;
+    /**
+     * Interval for auto scroll
+     */
+    scrollInterval?: number;
+    /**
+     * Enable mobile scrollable for the carousel
+     */
+    mobileScrollable?: boolean;
+    /**
+     * Size of the buttons
+     */
+    sizeButtons?: number;
+    /**
+     * Number of items per section
+     */
+    itemsPerSection?: number;
+    /**
+     * Gap between items
+     */
+    gap?: number;
+    /**
+     * Maximum width of the container
+     */
+    maxContainerWidth?: string;
+    /**
+     *  Current index of the carousel, for controlled mode
+     */
+    currentIndex?: number;
+    /**
+     * Callback function to change the slide
+     */
+    onChangeSlide?: (newIndex: number) => void;
+}
+export declare namespace ICarousel {
+    interface Header {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Items {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Footer {
+        /**
+         * React children to be rendered inside the container.
+         */
+        children?: React.ReactNode;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+    }
+    interface Buttons {
+        /**
+         * Buttons to navigate to the previous slide in the carousel
+         */
+        onPrevSlide: () => void;
+        /**
+         * Buttons to navigate to the next slide in the carousel
+         */
+        onNextSlide: () => void;
+        /**
+         * Additional class names for custom styling.
+         */
+        className?: string;
+        /**
+         * Size of the buttons
+         */
+        size?: number;
+        /**
+         * Icons for the buttons
+         */
+        icons?: {
+            /**
+             * Icon for the previous button
+             */
+            left: string;
+            /**
+             * Icon for the next button
+             */
+            right: string;
+        };
+    }
+}

package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselButtons/CarouselButtons.component.d.ts

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

package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselFooter/CarouselFooter.component.d.ts

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

package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselHeader/CarouselHeader.component.d.ts

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

package/dist/cjs/types/components/UI/organism/Carousel/children/CarouselItems/CarouselItems.component.d.ts

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

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

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

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

@@ -16,4 +16,16 @@ export interface IFilterCard extends IFilter, ISearchRenderTypeProps {
      * This is the switch title and indicate if has switch
      */
     switchText?: string;
+    /**
+     * Identification Key for each filter card
+     */
+    index: number;
+    /**
+     *Function to bnotify an open filter
+     */
+    setCurrentOpenFilter: (index: number) => void;
+    /**
+     * key to know if a filter has changed
+     */
+    showFilters: boolean;
 }

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

@@ -35,3 +35,4 @@ export * from './Select2';
 export * from './SimilarJobs';
 export * from './Timeline';
 export * from './UserTerms';
+export * from './Carousel';

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

@@ -6,7 +6,8 @@ import { ICandidateProfileTemplate } from './CandidateProfileTemplate.interface'
 export declare const CandidateProfileTemplate: React.FC<ICandidateProfileTemplate> & {
     Provider: React.FC<import("./CandidateProfileTemplate.interface").ICandidateProvider>;
     useCandidateProfile: () => import("./CandidateProfileTemplate.interface").ICandidateTemplateContext;
-    Header: React.FC<import("../../molecules").IHorizontalMenu>;
+    Header: React.FC<{}>;
+    MainNav: React.FC<import("../../molecules").IHorizontalMenu>;
     Nav: React.FC<import("./children").TCandidateProfileTemplateNav>;
     Profile: React.FC<import("./children").ICandidateProfileTemplateProfile>;
     Screen: React.FC<any>;

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

@@ -56,6 +56,14 @@ export interface ICandidateTemplateContext {
      * Function to set the height of bottom navigation
      */
     setNavHeight: (height: number) => void;
+    /**
+     * Height of header
+     */
+    headerHeight: number;
+    /**
+     * Function to set the height of header
+     */
+    setHeaderHeight: (height: number) => void;
 }
 export interface ICandidateProvider {
     /**

package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateHeader/CandidateProfileTemplateHeader.component.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 /**
  * Template UI child component of Candidate Profile.
  */
-export declare const CandidateProfileTemplateHeader: React.FC<import("@components/UI/molecules").IHorizontalMenu>;
+export declare const CandidateProfileTemplateHeader: React.FC<{}>;

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

@@ -1,2 +1 @@
 export { CandidateProfileTemplateHeader as Header } from './CandidateProfileTemplateHeader.component';
-export * from './CandidateProfileTemplateHeader.interface';

package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+/**
+ * Template UI child component of Candidate Profile.
+ */
+export declare const CandidateProfileTemplateMainNav: React.FC<import("@components/UI/molecules").IHorizontalMenu>;

package/dist/cjs/types/components/UI/template/CandidateProfileTemplate/children/CandidateProfileTemplateMainNav/CandidateProfileTemplateMainNav.interface.d.ts

@@ -0,0 +1,2 @@
+import { IHorizontalMenu } from '@components/UI/molecules';
+export declare type TCandidateProfileTemplateMainNav = IHorizontalMenu;

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

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

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

@@ -1,4 +1,5 @@
 export * from './CandidateProfileTemplateHeader';
+export * from './CandidateProfileTemplateMainNav';
 export * from './CandidateProfileTemplateNav';
 export * from './CandidateProfileTemplateProfile';
 export * from './CandidateProfileTemplateScreen';

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

@@ -1,3 +1,3 @@
 export { CandidateProfileTemplate } from './CandidateProfileTemplate.component';
 export * from './CandidateProfileTemplate.interface';
-export type { TCandidateProfileTemplateHeader, TCandidateProfileTemplateNav, ICandidateProfileTemplateProfile } from './children';
+export type { TCandidateProfileTemplateMainNav, TCandidateProfileTemplateNav, ICandidateProfileTemplateProfile } from './children';

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

@@ -3,6 +3,8 @@ import { ISearchbar } from '@components/UI/molecules';
 import { IPopoverRef } from '@components/UI/molecules/MegaMenuPopover/MegaMenuPopover.interface';
 import { IlistMenuUserProps } from '@components/UI/organism';
 import React, { ReactNode } from 'react';
+import { ISelectOptions } from '@components/UI/organism/Select2/Select2.interface';
+import { IMegaMenuSearchBar } from '@components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface';
 export interface IMegaMenuLink {
     label: string;
     url: string;
@@ -27,7 +29,9 @@ export interface IMegaMenuMainHeader {
         signUpText: string;
         onClickSignUp: (event: Event) => Promise<void>;
     };
-    searchBarProps?: ISearchbar;
+    selectCountry?: ISelectOptions<unknown>;
+    searchBarProps?: IMegaMenuSearchBar;
+    mobileSearchBarProps: ISearchbar;
     homeUrl?: string;
     homeText?: string;
 }

package/dist/cjs/types/components/hooks/useCarouselScroll/index.d.ts

@@ -0,0 +1,11 @@
+interface useCarouselScrollProps {
+    totalSections: number;
+    autoScroll: boolean;
+    scrollInterval: number;
+    isDisabled?: boolean;
+}
+export declare const useCarouselScroll: ({ totalSections, autoScroll, scrollInterval, isDisabled }: useCarouselScrollProps) => {
+    currentIndex: number;
+    changeSlide: (dir: 1 | -1) => void;
+};
+export {};

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

@@ -188,3 +188,6 @@ export { default as WhatsAppDark } from '../assets/Whatsapp.svg';
 export { default as X } from '../assets/X.svg';
 export { default as Youtube } from '../assets/Youtube.svg';
 export { default as YoutubeSolid } from '../assets/YoutubeSolid.svg';
+export { default as FilterIcon } from '../assets/filter-search.svg';
+export { default as SortIcon } from '../assets/SortIcon.svg';
+export { default as CurrentLocation } from '../assets/current-location.svg';

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

@@ -1,4 +1,6 @@
 export { default as Avatar3DImg } from '../assets/img/3d-avatar.png';
+export { default as Company } from '../assets/img/company.png';
+export { default as City } from '../assets/img/city.png';
 export declare enum altDynamicText {
     workAt = "Trabajo en"
 }

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

@@ -0,0 +1,42 @@
+export declare const imageCardPrefix = "image-card";
+export declare const companyCardPrefix = "company-card";
+export declare const carouselPrefix = "carousel";
+export declare const imageCardData: {
+    alt: string;
+    imagePath: any;
+    title: string;
+    description: string;
+    link: string;
+};
+export declare const companyCardData: {
+    logo: any;
+    jobCount: string;
+    companyName: string;
+    buttonLink: string;
+    vacantTitle: string;
+    salary: string;
+    companyCardType: string;
+};
+export declare const companyCardDataWithDescription: {
+    logo: any;
+    description: string;
+    companyName: string;
+    buttonLink: string;
+    buttonText: string;
+    companyCardType: string;
+};
+export declare const cityCards: {
+    title: string;
+    description: string;
+    imagePath: any;
+    alt: string;
+    link: string;
+}[];
+export declare const companyCards: {
+    logo: any;
+    description: string;
+    companyName: string;
+    buttonLink: string;
+    buttonText: string;
+    companyCardType: string;
+}[];

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

@@ -1,6 +1,7 @@
 import { IBreadcrumb, IMainButton, IconProps } from '@components/UI/atoms';
-import { IHeaderTabs, IListMenuIcons, IMenuItems, IMobileSearchbar, ISearchbar } from '@components/UI/molecules';
+import { IHeaderTabs, IListMenuIcons, IMenuItems, ISearchbar } from '@components/UI/molecules';
 import { IBrands } from '@components/UI/molecules/BrandsContainer/BrandsContainer.interface';
+import { IMegaMenuSearchBar } from '@components/UI/molecules/MegaMenuSearchBar/MegaMenuSearchBar.interface';
 export declare const ourBrandsText = "Nuestras Marcas";
 export declare const brands: IBrands[];
 export declare const breadcrumbProps: IBreadcrumb;
@@ -81,8 +82,8 @@ export declare const DrawerRightTabStyles: {
 export declare const JobsTabsProps: IHeaderTabs;
 export declare const ProcessTabsProps: IHeaderTabs;
 export declare const CurriculumTabProps: IHeaderTabs;
-export declare const SearchbarProps: ISearchbar;
-export declare const MobileSearchbarProps: IMobileSearchbar;
+export declare const SearchbarProps: IMegaMenuSearchBar;
+export declare const MobileSearchbarProps: ISearchbar;
 export declare const iconPropsBreadCrumb: IconProps;
 export declare const searchMobileProps: IMainButton;
 export declare const closeSearchMobileProps: IMainButton;

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

@@ -28,3 +28,4 @@ export * from './vacancies.constants';
 export * from './vacancyProcessCard.constants';
 export * from './vacancyStageCard.constants';
 export * from './vacantPositionsCategory.constants';
+export * from './carousel.constants';