magneto365.ui 2.63.10-alpha → 2.65.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/assets/40ead0ba61f8ecca.svg +7 -0
  2. package/dist/assets/5724480fa00284be.svg +8 -0
  3. package/dist/assets/d56b874c91887b05.svg +7 -0
  4. package/dist/assets/e12cf8464a04c04d.svg +1 -0
  5. package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
  6. package/dist/cjs/index.js +4559 -4479
  7. package/dist/cjs/index.js.map +1 -1
  8. package/dist/cjs/types/components/UI/atoms/Icon/Icon.interface.d.ts +4 -0
  9. package/dist/cjs/types/components/UI/molecules/BarsChart/BarsChart.interface.d.ts +4 -0
  10. package/dist/cjs/types/components/UI/molecules/JobCard/JobCard.interface.d.ts +9 -0
  11. package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.component.d.ts +4 -0
  12. package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.interface.d.ts +7 -0
  13. package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOption/index.d.ts +1 -0
  14. package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.component.d.ts +3 -0
  15. package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.interface.d.ts +19 -0
  16. package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/index.d.ts +1 -0
  17. package/dist/cjs/types/components/UI/molecules/JobCardDesktop/JobCardDesktop.interface.d.ts +5 -1
  18. package/dist/cjs/types/components/UI/molecules/VacantOption/VacantOption.component.d.ts +4 -0
  19. package/dist/cjs/types/components/UI/molecules/VacantOption/VacantOption.interface.d.ts +5 -0
  20. package/dist/cjs/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.component.d.ts +4 -0
  21. package/dist/cjs/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.interface.d.ts +6 -0
  22. package/dist/cjs/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/index.d.ts +1 -0
  23. package/dist/cjs/types/components/UI/molecules/VacantOption/index.d.ts +1 -0
  24. package/dist/cjs/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +8 -0
  25. package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +5 -0
  26. package/dist/cjs/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +25 -0
  27. package/dist/cjs/types/components/hooks/useWithElement/index.d.ts +2 -0
  28. package/dist/cjs/types/constants/icons.constants.d.ts +11 -7
  29. package/dist/cjs/types/constants/stories/analyst.constants.d.ts +1 -2
  30. package/dist/cjs/types/constants/stories/common.constants.d.ts +1 -0
  31. package/dist/cjs/types/constants/stories/index.d.ts +0 -1
  32. package/dist/cjs/types/constants/stories/jobsPage.constants.d.ts +1 -1
  33. package/dist/cjs/types/constants/stories/megaMenu.constants.d.ts +1 -0
  34. package/dist/cjs/types/constants/vacancies.constants.d.ts +18 -0
  35. package/dist/cjs/types/utils/date/dateInput.util.d.ts +2 -2
  36. package/dist/esm/css/magneto.ui.lib.min.css +1 -1
  37. package/dist/esm/index.js +4560 -4480
  38. package/dist/esm/index.js.map +1 -1
  39. package/dist/esm/types/components/UI/atoms/Icon/Icon.interface.d.ts +4 -0
  40. package/dist/esm/types/components/UI/molecules/BarsChart/BarsChart.interface.d.ts +4 -0
  41. package/dist/esm/types/components/UI/molecules/JobCard/JobCard.interface.d.ts +9 -0
  42. package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.component.d.ts +4 -0
  43. package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.interface.d.ts +7 -0
  44. package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOption/index.d.ts +1 -0
  45. package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.component.d.ts +3 -0
  46. package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.interface.d.ts +19 -0
  47. package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/index.d.ts +1 -0
  48. package/dist/esm/types/components/UI/molecules/JobCardDesktop/JobCardDesktop.interface.d.ts +5 -1
  49. package/dist/esm/types/components/UI/molecules/VacantOption/VacantOption.component.d.ts +4 -0
  50. package/dist/esm/types/components/UI/molecules/VacantOption/VacantOption.interface.d.ts +5 -0
  51. package/dist/esm/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.component.d.ts +4 -0
  52. package/dist/esm/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.interface.d.ts +6 -0
  53. package/dist/esm/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/index.d.ts +1 -0
  54. package/dist/esm/types/components/UI/molecules/VacantOption/index.d.ts +1 -0
  55. package/dist/esm/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +8 -0
  56. package/dist/esm/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +5 -0
  57. package/dist/esm/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +25 -0
  58. package/dist/esm/types/components/hooks/useWithElement/index.d.ts +2 -0
  59. package/dist/esm/types/constants/icons.constants.d.ts +11 -7
  60. package/dist/esm/types/constants/stories/analyst.constants.d.ts +1 -2
  61. package/dist/esm/types/constants/stories/common.constants.d.ts +1 -0
  62. package/dist/esm/types/constants/stories/index.d.ts +0 -1
  63. package/dist/esm/types/constants/stories/jobsPage.constants.d.ts +1 -1
  64. package/dist/esm/types/constants/stories/megaMenu.constants.d.ts +1 -0
  65. package/dist/esm/types/constants/vacancies.constants.d.ts +18 -0
  66. package/dist/esm/types/utils/date/dateInput.util.d.ts +2 -2
  67. package/dist/index.d.ts +77 -2
  68. package/package.json +1 -1
@@ -31,4 +31,8 @@ export interface IconProps {
31
31
  * Text alt in the img element
32
32
  */
33
33
  alt?: string | null;
34
+ /**
35
+ * Rotate image 180 deg
36
+ */
37
+ isRotate?: boolean;
34
38
  }
@@ -8,6 +8,10 @@ export interface IBarsChart {
8
8
  * Represents the mean value to be displayed
9
9
  */
10
10
  mean: number;
11
+ /**
12
+ * Sets the maximum height of the bar
13
+ */
14
+ maxHeight?: number;
11
15
  /**
12
16
  * Text labels used in the chart
13
17
  */
@@ -1,3 +1,4 @@
1
+ import { TVacantOption } from '@components/UI/page';
1
2
  export interface IJobCard {
2
3
  id: number | null;
3
4
  /**
@@ -76,4 +77,12 @@ export interface IJobCard {
76
77
  * This is the string for urgent jobs
77
78
  */
78
79
  urgent?: string;
80
+ /**
81
+ * This property display menu options in vacant card.
82
+ */
83
+ menu?: TVacantOption[];
84
+ /**
85
+ * This property show back action in mobile job card options.
86
+ */
87
+ backText?: string;
79
88
  }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IJobCardOption } from './JobCardOption.interface';
3
+ declare const _default: React.FC<IJobCardOption>;
4
+ export default _default;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { TVacantOption } from '@components/UI/page';
3
+ export interface IJobCardOption {
4
+ clickOut?: boolean;
5
+ setClickOut?: React.Dispatch<React.SetStateAction<boolean>>;
6
+ menu: TVacantOption[];
7
+ }
@@ -0,0 +1 @@
1
+ export { default as JobCardOption } from './JobCardOption.component';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { IJobCardOptionDrawer } from './JobCardOptionDrawer.interface';
3
+ export declare const JobCardOptionDrawer: React.FC<IJobCardOptionDrawer>;
@@ -0,0 +1,19 @@
1
+ import { TVacantOption } from '@components/UI/page';
2
+ export interface IJobCardOptionDrawer {
3
+ /**
4
+ * Vacant Title.
5
+ */
6
+ title?: string | null;
7
+ /**
8
+ * Company name.
9
+ */
10
+ company?: string | null;
11
+ /**
12
+ * Auxiliar text for back action.
13
+ */
14
+ backText?: string;
15
+ /**
16
+ * Menu option to display in drawer.
17
+ */
18
+ menu: TVacantOption[];
19
+ }
@@ -0,0 +1 @@
1
+ export { JobCardOptionDrawer } from './JobCardOptionDrawer.component';
@@ -1,8 +1,12 @@
1
+ import React from 'react';
1
2
  import { IJobCard } from '../JobCard/JobCard.interface';
2
3
  export interface ICardJobDesktop extends IJobCard {
3
- workSeen?: string;
4
4
  /**
5
5
  * this property can change style in the texts when the job is open
6
6
  */
7
7
  jobOpen?: string;
8
+ /**
9
+ *
10
+ */
11
+ renderRight?: () => React.ReactNode;
8
12
  }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IVacantOption } from './VacantOption.interface';
3
+ declare const VacantOption: React.FC<IVacantOption>;
4
+ export default VacantOption;
@@ -0,0 +1,5 @@
1
+ import { TVacantOption } from '@components/UI/page';
2
+ export interface IVacantOption {
3
+ option: TVacantOption;
4
+ onClick?: VoidFunction;
5
+ }
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { IVacantOptionMobile } from './VacantOptionMobile.interface';
3
+ declare const VacantOptionMobile: React.FC<IVacantOptionMobile>;
4
+ export default VacantOptionMobile;
@@ -0,0 +1,6 @@
1
+ import { TVacantOption } from '@components/UI/page';
2
+ export interface IVacantOptionMobile {
3
+ option: TVacantOption;
4
+ onClick?: VoidFunction;
5
+ onMenu?: (options: TVacantOption[]) => void;
6
+ }
@@ -0,0 +1 @@
1
+ export { default as VacantOptionMobile } from './VacantOptionMobile.component';
@@ -0,0 +1 @@
1
+ export { default as VacantOption } from './VacantOption.component';
@@ -10,6 +10,10 @@ import { ISimilarJobs } from '../SimilarJobs/SimilarJobs.interface';
10
10
  import { IJobVideo } from '@components/UI/molecules/JobVideo';
11
11
  import { ICityDetail } from '../../molecules/CitiesDetailDrawer';
12
12
  import { IFraudCardJob } from '../../molecules/FraudCardJob/FraudCardJob.interface';
13
+ export interface ICanApply {
14
+ message: string;
15
+ isApplicable: boolean;
16
+ }
13
17
  export interface IJobDetailsDrawer {
14
18
  /**
15
19
  * Props for the job company logo and header section.
@@ -87,4 +91,8 @@ export interface IJobDetailsDrawer {
87
91
  * Props for show alert when apply
88
92
  */
89
93
  alertJobStatusProps?: IAlertJobStatus;
94
+ /**
95
+ * Props for show alert when user can´t apply
96
+ */
97
+ canApply?: ICanApply;
90
98
  }
@@ -5,6 +5,7 @@ import { IJobVideo } from '@components/UI/molecules/JobVideo';
5
5
  import { ISimilarJobs } from '../SimilarJobs/SimilarJobs.interface';
6
6
  import { SwipeProps } from '../Swipe/Swipe.interface';
7
7
  import { IFraudCardJob } from './../../molecules/FraudCardJob/FraudCardJob.interface';
8
+ import { ICanApply } from '../JobDetailsDrawer';
8
9
  export interface IMobileJobDetailsDrawer {
9
10
  /**
10
11
  * Props for the job company logo and header section.
@@ -96,4 +97,8 @@ export interface IMobileJobDetailsDrawer {
96
97
  * Props for show alert when apply
97
98
  */
98
99
  alertJobStatusProps?: IAlertJobStatus;
100
+ /**
101
+ * Props for show alert when user can´t apply
102
+ */
103
+ canApply?: ICanApply;
99
104
  }
@@ -89,3 +89,28 @@ export interface IDynamicUrl {
89
89
  fullUrl: string;
90
90
  fullJobsUrl: string;
91
91
  }
92
+ /**
93
+ * Different kinds of option. links for anchor tag, button for button tag and menu for dropdown component.
94
+ */
95
+ export declare type TVacantOptionType = {
96
+ type: 'link';
97
+ href: string;
98
+ } | {
99
+ type: 'menu';
100
+ children: TVacantOption[];
101
+ } | {
102
+ type: 'button';
103
+ onClick?: VoidFunction;
104
+ };
105
+ export declare type TVacantOption = {
106
+ className?: string;
107
+ /**
108
+ * Label to display in the option ui.
109
+ */
110
+ label: string;
111
+ /**
112
+ * icon to display in the option ui.
113
+ * @example values in ShareIcons constant like Facebook, X, Sms, Export or custom value as a link.
114
+ */
115
+ icon?: string;
116
+ } & TVacantOptionType;
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const useWithElement: <T extends HTMLElement>(ref: React.RefObject<T>) => number | null;
@@ -19,19 +19,21 @@ export { default as ArrowLeft2 } from '../assets/ArrowLeft2.svg';
19
19
  export { default as ArrowRight2 } from '../assets/ArrowRight2.svg';
20
20
  export { default as ArrowRightWhite } from '../assets/ArrowRightWhite.svg';
21
21
  export { default as ArrowSwapVertical } from '../assets/ArrowSwapVertical.svg';
22
+ export { default as Bell } from '../assets/bell.svg';
22
23
  export { default as BookBlueBold } from '../assets/bookBlueBold.svg';
23
24
  export { default as BookWhiteOutline } from '../assets/bookWhiteOutline.svg';
25
+ export { default as Book1 } from '../assets/book-1.svg';
26
+ export { default as Box } from '../assets/programatic/box.svg';
24
27
  export { default as Briefcase } from '../assets/Briefcase.svg';
25
28
  export { default as BriefcaseBlueBold } from '../assets/briefcaseBlueBold.svg';
26
29
  export { default as BriefcaseWhiteOutline } from '../assets/briefcaseWhiteOutline.svg';
27
30
  export { default as BrifecaseTick } from '../assets/BrifecaseTick.svg';
28
31
  export { default as Broom } from '../assets/Broom.svg';
29
- export { default as Book1 } from '../assets/book-1.svg';
30
- export { default as Box } from '../assets/programatic/box.svg';
32
+ export { default as Building5 } from '../assets/Building5.svg';
33
+ export { default as Buildings2 } from '../assets/Buildings2.svg';
31
34
  export { default as Brush2 } from '../assets/programatic/brush-2.svg';
32
35
  export { default as BuildingSlashBlackOutline } from '../assets/buildingSlashDarkBlueOutline.svg';
33
36
  export { default as BuildingWhite } from '../assets/buildingWhite.svg';
34
- export { default as Buildings2 } from '../assets/Buildings2.svg';
35
37
  export { default as Calendar1 } from '../assets/Calendar1.svg';
36
38
  export { default as Checked } from '../assets/Checked.svg';
37
39
  export { default as Checked2 } from '../assets/Checked2.svg';
@@ -87,9 +89,9 @@ export { default as Like } from '../assets/programatic/like-shapes.svg';
87
89
  export { default as Link } from '../assets/Link.svg';
88
90
  export { default as Link1 } from '../assets/Link1.svg';
89
91
  export { default as LinkDark } from '../assets/Link21.svg';
92
+ export { default as Linkedin } from '../assets/Linkedin.svg';
90
93
  export { default as LinkedInBlue } from '../assets/Linkedin2.svg';
91
94
  export { default as LinkedInDark } from '../assets/Linkedin1.svg';
92
- export { default as Linkedin } from '../assets/Linkedin.svg';
93
95
  export { default as LinkedinSolid } from '../assets/LinkedinSolid.svg';
94
96
  export { default as Location } from '../assets/Location.svg';
95
97
  export { default as Lock } from '../assets/Lock.svg';
@@ -101,12 +103,12 @@ export { default as LogoutBlackOutline } from '../assets/logoutBlackOutline.svg'
101
103
  export { default as LogoutIcon } from '../assets/logout.svg';
102
104
  export { default as MagicStarBlackOutline } from '../assets/magicStarBlackOutline.svg';
103
105
  export { default as MailDark } from '../assets/Mail1.svg';
106
+ export { default as Message } from '../assets/programatic/device-message.svg';
104
107
  export { default as MessageQuestion } from '../assets/MessageQuestion.svg';
105
108
  export { default as Messages2BlackOutline } from '../assets/messages2BlackOutline.svg';
106
- export { default as MinTrabajo } from '../assets/logo-SPE-2024.svg';
107
109
  export { default as MiniArrowGrayDown } from '../assets/miniArrowGrayDown.svg';
108
110
  export { default as MiniArrowGrayUp } from '../assets/miniArrowGrayUp.svg';
109
- export { default as Message } from '../assets/programatic/device-message.svg';
111
+ export { default as MinTrabajo } from '../assets/logo-SPE-2024.svg';
110
112
  export { default as Mobile } from '../assets/Mobile.svg';
111
113
  export { default as More } from '../assets/More1.svg';
112
114
  export { default as MouseCircleBlackOutline } from '../assets/mouseCircleDarkBlueOutline.svg';
@@ -120,7 +122,6 @@ export { default as QuestionCircle } from '../assets/question-cirlce.svg';
120
122
  export { default as Ranking } from '../assets/programatic/ranking-1.svg';
121
123
  export { default as RedoDarkBlue } from '../assets/redoDarkBlue.svg';
122
124
  export { default as Refresh } from '../assets/Refresh.svg';
123
- export { default as SMSBlue } from '../assets/SMS.svg';
124
125
  export { default as SearchIcon } from '../assets/SearchNormal1Gray.svg';
125
126
  export { default as SearchNormal1 } from '../assets/SearchNormal1.svg';
126
127
  export { default as Security } from '../assets/security.svg';
@@ -130,9 +131,12 @@ export { default as Setting4 } from '../assets/Setting4.svg';
130
131
  export { default as SettingBlueBold } from '../assets/settingBlueBold.svg';
131
132
  export { default as SettingWhiteOutline } from '../assets/settingWhiteOutline.svg';
132
133
  export { default as Share } from '../assets/Share.svg';
134
+ export { default as Share2 } from '../assets/Share2.svg';
135
+ export { default as Share2Bold } from '../assets/Share2Bold.svg';
133
136
  export { default as ShareBlue } from '../assets/Share1.svg';
134
137
  export { default as ShoppingCartBlueOutline } from '../assets/shoppingCartBlueOutline.svg';
135
138
  export { default as SmallClose } from '../assets/SmallClose.svg';
139
+ export { default as SMSBlue } from '../assets/SMS.svg';
136
140
  export { default as SpinnerWhite } from '../assets/SpinnerWhite.svg';
137
141
  export { default as Success } from '../assets/success.svg';
138
142
  export { default as SuggestedJobs } from '../assets/suggested-jobs.svg';
@@ -1,8 +1,7 @@
1
1
  import { IBreadcrumbs, IUserAnalyst, IUserMenuWrapperAnalystProps } from '@components/UI/molecules';
2
2
  import { IHeaderAnalyst, INavMenuAnalystProps, IModalAnalystProps } from '@components/UI/organism';
3
- import { IMainButton, ILinkProps } from '@components/UI/atoms';
3
+ import { ILinkProps } from '@components/UI/atoms';
4
4
  import { IAnalystTemplateProps } from '@components/UI/template';
5
- export declare const MenuButtonAnalystProps: IMainButton;
6
5
  export declare const BreadCrumbAnalystProps: IBreadcrumbs;
7
6
  export declare const UserAnalystProps: IUserAnalyst;
8
7
  export declare const UserNotificationProps: ILinkProps;
@@ -18,3 +18,4 @@ export declare const SignInStyles: {
18
18
  export declare const SignUpButtonStyle: IMainButton;
19
19
  export declare const UserMenuButtonAnalystProps: IUserMenuButtonAnalystProps;
20
20
  export declare const MenuDropdownProps: IMenuDropdownProps;
21
+ export declare const MenuButtonAnalystProps: IMainButton;
@@ -1,6 +1,5 @@
1
1
  export * from './DatePicker.constants';
2
2
  export * from './Image.constants';
3
- export * from './analyst.constants';
4
3
  export * from './citiesDrawer.constant';
5
4
  export * from './common.constants';
6
5
  export * from './drawer.constants';
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { IVacancies } from '../../../dist';
2
+ import { IVacancies } from '@components/UI/page';
3
3
  export declare const jobDetailsDrawer: {
4
4
  jobDetailCardProps: {
5
5
  offerDescription: string;
@@ -29,6 +29,7 @@ export declare const megaMenuUserLoggedIcons: {
29
29
  resume: any;
30
30
  settings: any;
31
31
  help: any;
32
+ alerts: any;
32
33
  };
33
34
  export declare const mobileSocialIcons: any[];
34
35
  export declare const megaMenuJobs: IMegaMenuJobs;
@@ -14,4 +14,22 @@ export declare const ShareIcons: {
14
14
  Sms: {
15
15
  icon: any;
16
16
  };
17
+ Share: {
18
+ icon: any;
19
+ };
20
+ ShareBold: {
21
+ icon: any;
22
+ };
23
+ ArchiveAdd: {
24
+ icon: any;
25
+ };
26
+ ArchiveRemove: {
27
+ icon: any;
28
+ };
29
+ Export: {
30
+ icon: any;
31
+ };
32
+ Building: {
33
+ icon: any;
34
+ };
17
35
  };
@@ -7,8 +7,8 @@ export declare class DateArray {
7
7
  private fromArray;
8
8
  private setRaw;
9
9
  private getMonth;
10
- getArray(): number[] | string[];
10
+ getArray(): string[] | number[];
11
11
  setArray(array: string[] | number[]): this;
12
12
  fixMonth(): this;
13
13
  }
14
- export declare const fixArrayDate: (array: string[] | number[]) => number[] | string[];
14
+ export declare const fixArrayDate: (array: string[] | number[]) => string[] | number[];