magneto365.ui 2.73.0 → 2.74.0

package/dist/esm/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/esm/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/esm/types/components/UI/molecules/CompanyCard/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/types/components/UI/molecules/ImageCard/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/types/components/UI/organism/Carousel/index.d.ts

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

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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';

package/dist/esm/types/utils/domNode/nodeCount.util.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const getChildrenByType: (children: React.ReactNode, type: React.ElementType) => (React.ReactChild | React.ReactFragment | React.ReactPortal)[];
+export declare const getAllItems: (children: React.ReactNode, type: React.ElementType) => React.ReactNode[];