magneto365.ui 2.74.1-beta.2 → 2.75.1-job-details.1

package/dist/esm/types/components/hooks/useWithElement/useWithElement.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const Demo: () => JSX.Element;
+/**
+ * This hook allows to observe the html element width using react ref.
+ */
+declare const meta: Meta<typeof Demo>;
+export default meta;
+declare type Story = StoryObj<typeof Demo>;
+export declare const Default: Story;

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

@@ -21,20 +21,20 @@ export { default as ArrowRight2 } from '../assets/ArrowRight2.svg';
 export { default as ArrowRightWhite } from '../assets/ArrowRightWhite.svg';
 export { default as ArrowSwapVertical } from '../assets/ArrowSwapVertical.svg';
 export { default as Bell } from '../assets/bell.svg';
+export { default as Book1 } from '../assets/book-1.svg';
 export { default as BookBlueBold } from '../assets/bookBlueBold.svg';
 export { default as BookWhiteOutline } from '../assets/bookWhiteOutline.svg';
-export { default as Book1 } from '../assets/book-1.svg';
 export { default as Box } from '../assets/programatic/box.svg';
 export { default as Briefcase } from '../assets/Briefcase.svg';
 export { default as BriefcaseBlueBold } from '../assets/briefcaseBlueBold.svg';
 export { default as BriefcaseWhiteOutline } from '../assets/briefcaseWhiteOutline.svg';
 export { default as BrifecaseTick } from '../assets/BrifecaseTick.svg';
 export { default as Broom } from '../assets/Broom.svg';
-export { default as Building5 } from '../assets/Building5.svg';
-export { default as Buildings2 } from '../assets/Buildings2.svg';
 export { default as Brush2 } from '../assets/programatic/brush-2.svg';
+export { default as Building5 } from '../assets/Building5.svg';
 export { default as BuildingSlashBlackOutline } from '../assets/buildingSlashDarkBlueOutline.svg';
 export { default as BuildingWhite } from '../assets/buildingWhite.svg';
+export { default as Buildings2 } from '../assets/Buildings2.svg';
 export { default as Calendar1 } from '../assets/Calendar1.svg';
 export { default as Checked } from '../assets/Checked.svg';
 export { default as Checked2 } from '../assets/Checked2.svg';
@@ -69,6 +69,7 @@ export { default as FacebookBlue } from '../assets/Facebook2.svg';
 export { default as FacebookDark } from '../assets/Facebook1.svg';
 export { default as FacebookSolid } from '../assets/FacebookSolid.svg';
 export { default as FileDownloadLinearBlack } from '../assets/fileDownloadLinearBlack.svg';
+export { default as Flag } from '../assets/Flag.svg';
 export { default as Glass } from '../assets/programatic/glass.svg';
 export { default as GooglePlay } from '../assets/google-play.svg';
 export { default as GridBlueBold } from '../assets/gridBlueBold.svg';
@@ -80,8 +81,8 @@ export { default as Home2 } from '../assets/home.svg';
 export { default as HomeBlueBold } from '../assets/homeBlueBold.svg';
 export { default as HomeUnderline } from '../assets/homeUnderline.svg';
 export { default as HomeWhiteOutline } from '../assets/homeWhiteOutline.svg';
-export { default as Id } from '../assets/id.svg';
 export { default as Hospital } from '../assets/programatic/hospital.svg';
+export { default as Id } from '../assets/id.svg';
 export { default as ImageBlueBold } from '../assets/imageBlueBold.svg';
 export { default as ImageWhiteOutline } from '../assets/imageWhiteOutline.svg';
 export { default as Info } from '../assets/info.svg';
@@ -94,9 +95,10 @@ export { default as Like } from '../assets/programatic/like-shapes.svg';
 export { default as Link } from '../assets/Link.svg';
 export { default as Link1 } from '../assets/Link1.svg';
 export { default as LinkDark } from '../assets/Link21.svg';
-export { default as Linkedin } from '../assets/Linkedin.svg';
 export { default as LinkedInBlue } from '../assets/Linkedin2.svg';
 export { default as LinkedInDark } from '../assets/Linkedin1.svg';
+export { default as LinkedInSolidBlue } from '../assets/LinkedinBlueSolid.svg';
+export { default as Linkedin } from '../assets/Linkedin.svg';
 export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
 export { default as Location } from '../assets/Location.svg';
 export { default as LocationBlueBold } from '../assets/locationBlue.svg';
@@ -108,14 +110,15 @@ export { default as LogoMagnetoDark } from '../assets/logoMagnetoDark.svg';
 export { default as LogoutBlackOutline } from '../assets/logoutBlackOutline.svg';
 export { default as LogoutIcon } from '../assets/logout.svg';
 export { default as MagicStarBlackOutline } from '../assets/magicStarBlackOutline.svg';
+export { default as MagnetoIcon } from '../assets/MagnetoIcon.svg';
 export { default as MailDark } from '../assets/Mail1.svg';
 export { default as Message } from '../assets/programatic/device-message.svg';
 export { default as MessageQuestion } from '../assets/MessageQuestion.svg';
-export { default as Messages2BlackOutline } from '../assets/messages2BlackOutline.svg';
 export { default as MessageText1 } from '../assets/MessageText1.svg';
+export { default as Messages2BlackOutline } from '../assets/messages2BlackOutline.svg';
+export { default as MinTrabajo } from '../assets/logo-SPE-2024.svg';
 export { default as MiniArrowGrayDown } from '../assets/miniArrowGrayDown.svg';
 export { default as MiniArrowGrayUp } from '../assets/miniArrowGrayUp.svg';
-export { default as MinTrabajo } from '../assets/logo-SPE-2024.svg';
 export { default as Mobile } from '../assets/Mobile.svg';
 export { default as More } from '../assets/More1.svg';
 export { default as MouseCircleBlackOutline } from '../assets/mouseCircleDarkBlueOutline.svg';
@@ -131,6 +134,7 @@ export { default as QuestionCircle } from '../assets/question-cirlce.svg';
 export { default as Ranking } from '../assets/programatic/ranking-1.svg';
 export { default as RedoDarkBlue } from '../assets/redoDarkBlue.svg';
 export { default as Refresh } from '../assets/Refresh.svg';
+export { default as SMSBlue } from '../assets/SMS.svg';
 export { default as SearchIcon } from '../assets/SearchNormal1Gray.svg';
 export { default as SearchNormal1 } from '../assets/SearchNormal1.svg';
 export { default as Security } from '../assets/security.svg';
@@ -145,7 +149,6 @@ export { default as Share2Bold } from '../assets/Share2Bold.svg';
 export { default as ShareBlue } from '../assets/Share1.svg';
 export { default as ShoppingCartBlueOutline } from '../assets/shoppingCartBlueOutline.svg';
 export { default as SmallClose } from '../assets/SmallClose.svg';
-export { default as SMSBlue } from '../assets/SMS.svg';
 export { default as SpinnerWhite } from '../assets/SpinnerWhite.svg';
 export { default as Star } from '../assets/star.svg';
 export { default as StarBoldYellow } from '../assets/starBoldYellow.svg';
@@ -172,13 +175,13 @@ export { default as User } from '../assets/User.svg';
 export { default as UserRemove } from '../assets/user-remove.svg';
 export { default as UserRoundedBlue } from '../assets/userRoundedBlue.svg';
 export { default as UserRoundedGray } from '../assets/userRoundedGray.svg';
-export { default as Users } from '../assets/users.svg';
 export { default as UserSearchBlueBold } from '../assets/userSearchBlueBold.svg';
 export { default as UserSearchWhiteOutline } from '../assets/userSearchWhiteOutline.svg';
 export { default as UserTag } from '../assets/userTag.svg';
 export { default as UserTick } from '../assets/user-tick.svg';
-export { default as VideoAddLinearBlack } from '../assets/VideoAddLinearBlack.svg';
+export { default as Users } from '../assets/users.svg';
 export { default as Video1 } from '../assets/programatic/video.svg';
+export { default as VideoAddLinearBlack } from '../assets/VideoAddLinearBlack.svg';
 export { default as Warning } from '../assets/warning.svg';
 export { default as Warning3D } from '../assets/warning-3d.svg';
 export { default as WarningHex } from '../assets/warning-hex.svg';
@@ -188,6 +191,3 @@ 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/esm/types/constants/jobDetails.constants.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export declare const iconJobDetailSummaryMap: {
+    calendar: React.FunctionComponentElement<import("@components/UI/atoms").IconProps>;
+    people: React.FunctionComponentElement<import("@components/UI/atoms").IconProps>;
+    briefcase: React.FunctionComponentElement<import("@components/UI/atoms").IconProps>;
+    'dollar-circle': React.FunctionComponentElement<import("@components/UI/atoms").IconProps>;
+    location: React.FunctionComponentElement<import("@components/UI/atoms").IconProps>;
+    tag: React.FunctionComponentElement<import("@components/UI/atoms").IconProps>;
+};
+export declare const iconJobDetailsAction: {
+    archiveAdd: any;
+    archiveRemove: any;
+    export3: any;
+    flag: any;
+    link1: any;
+    whatsAppColor: any;
+    facebookBlue: any;
+    linkedInBlue: any;
+    x: any;
+    smsBlue: any;
+    share: any;
+    share2: any;
+    share2Bold: any;
+    magnetoIcon: any;
+};
+export declare const iconJobDetailsSubTitle: {
+    allJobs: any;
+    glass: any;
+    tag: any;
+    building: any;
+    briefcase: any;
+};

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

@@ -1,7 +1,6 @@
 import { IBreadcrumb, IMainButton, IconProps } from '@components/UI/atoms';
-import { IHeaderTabs, IListMenuIcons, IMenuItems, ISearchbar } from '@components/UI/molecules';
+import { IHeaderTabs, IListMenuIcons, IMenuItems, IMobileSearchbar, 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;
@@ -82,8 +81,8 @@ export declare const DrawerRightTabStyles: {
 export declare const JobsTabsProps: IHeaderTabs;
 export declare const ProcessTabsProps: IHeaderTabs;
 export declare const CurriculumTabProps: IHeaderTabs;
-export declare const SearchbarProps: IMegaMenuSearchBar;
-export declare const MobileSearchbarProps: ISearchbar;
+export declare const SearchbarProps: ISearchbar;
+export declare const MobileSearchbarProps: IMobileSearchbar;
 export declare const iconPropsBreadCrumb: IconProps;
 export declare const searchMobileProps: IMainButton;
 export declare const closeSearchMobileProps: IMainButton;

package/dist/esm/types/constants/stories/seeCompanyCard.constant.d.ts

@@ -0,0 +1,2 @@
+import { IActionLinkCard } from '@components/UI/molecules/ActionLinkCard/ActionLinkCard.interface';
+export declare const actionLinkCard: IActionLinkCard;

package/dist/esm/types/constants/stories/sideFilter.constants.d.ts

@@ -33,7 +33,10 @@ export declare const storiesFilters: ({
         fieldsAlias: {
             id: string;
             label: string;
+            parentId?: undefined;
         };
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: {
         id: number;
@@ -43,6 +46,90 @@ export declare const storiesFilters: ({
         isApplied: boolean;
     }[];
     searchPlaceholder: string;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
+} | {
+    label: string;
+    field: string;
+    type: string;
+    renderType: string;
+    renderChild: string;
+    dataType: string;
+    multiple: boolean;
+    repository: {
+        type: string;
+        defaultFilter: {
+            active?: undefined;
+        };
+        defaultOrder: {
+            name?: undefined;
+        };
+        defaultOperator: number;
+        source: string;
+        fieldFullSearch: string;
+        sourceName: string;
+        fieldsAlias: {
+            id: string;
+            label: string;
+            parentId: null;
+        };
+    };
+    child: {
+        label: string;
+        field: string;
+        type: string;
+        renderType: string;
+        renderChild: string;
+        dataType: string;
+        multiple: boolean;
+        repository: {
+            type: string;
+            defaultFilter: {};
+            defaultOrder: {};
+            defaultOperator: number;
+            source: string;
+            fieldFullSearch: string;
+            sourceName: string;
+            fieldsAlias: {
+                id: string;
+                label: string;
+                parentId: string;
+            };
+        };
+        child: {
+            label: string;
+            field: string;
+            type: string;
+            renderType: string;
+            dataType: string;
+            multiple: boolean;
+            repository: {
+                type: string;
+                defaultFilter: {};
+                defaultOrder: {};
+                defaultOperator: number;
+                source: string;
+                fieldFullSearch: string;
+                sourceName: string;
+                fieldsAlias: {
+                    id: string;
+                    label: string;
+                    parentId: string;
+                };
+            };
+            values: never[];
+            filtersApplied: string[];
+            searchPlaceholder: string;
+        };
+        values: never[];
+        filtersApplied: string[];
+        searchPlaceholder: string;
+    };
+    values: never[];
+    filtersApplied: number[];
+    searchPlaceholder: string;
+    placeholder?: undefined;
 } | {
     label: string;
     field: string;
@@ -63,7 +150,10 @@ export declare const storiesFilters: ({
         fieldsAlias: {
             id?: undefined;
             label?: undefined;
+            parentId?: undefined;
         };
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: ({
         operator: number;
@@ -86,6 +176,9 @@ export declare const storiesFilters: ({
     })[];
     searchPlaceholder: string;
     placeholder?: undefined;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -104,6 +197,8 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: ({
         operator: number;
@@ -135,6 +230,9 @@ export declare const storiesFilters: ({
     })[];
     searchPlaceholder: string;
     placeholder?: undefined;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -153,6 +251,8 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: string;
         fieldsAlias: null;
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: {
         id: string;
@@ -165,6 +265,9 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -183,6 +286,8 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: string;
         fieldsAlias: null;
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: {
         id: number;
@@ -193,6 +298,9 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -211,6 +319,8 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: {
         operator: number;
@@ -221,6 +331,9 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -239,6 +352,8 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: {
         operator: number;
@@ -249,6 +364,9 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
 } | {
     label: string;
     field: string;
@@ -267,6 +385,8 @@ export declare const storiesFilters: ({
         defaultOperator: number;
         source: null;
         fieldsAlias: null;
+        fieldFullSearch?: undefined;
+        sourceName?: undefined;
     };
     values: {
         operator: number;
@@ -278,6 +398,9 @@ export declare const storiesFilters: ({
     }[];
     searchPlaceholder: string;
     placeholder?: undefined;
+    renderChild?: undefined;
+    child?: undefined;
+    filtersApplied?: undefined;
 })[];
 export declare const sideFilterProps: {
     title: string;

package/dist/esm/types/constants/stories/vacancies.constants.d.ts

@@ -3,6 +3,7 @@ import { IVacancies } from '@components/UI/page';
 export declare const vacancies: IVacancies[];
 export declare const buttonIconsList: any[];
 export declare const anchorIconList: any[];
+export declare const anchorIconListJobsActions2: any[];
 export declare const iconDetailList: any[];
 export declare const altList: string[];
 export declare const iconFooterList: any[];

package/dist/esm/types/utils/react/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/**
+ * CWheck if it is a ref.
+ * @description Check if it is an object (not null) and if it has a current property.
+ * @param value
+ * @returns
+ */
+export declare const isRef: <T = unknown>(value: unknown) => value is import("react").RefObject<T>;