magneto365.ui 2.61.2 → 2.63.0

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 (40) hide show
  1. package/dist/assets/gif/e2ca38f1e0d908d9.gif +0 -0
  2. package/dist/assets/img/d01f8eef0ddaca1f.png +0 -0
  3. package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
  4. package/dist/cjs/index.js +547 -514
  5. package/dist/cjs/index.js.map +1 -1
  6. package/dist/cjs/types/components/UI/atoms/DotsLoader/DotsLoader.component.d.ts +3 -0
  7. package/dist/cjs/types/components/UI/atoms/DotsLoader/DotsLoader.interface.d.ts +10 -0
  8. package/dist/cjs/types/components/UI/atoms/DotsLoader/index.d.ts +1 -0
  9. package/dist/cjs/types/components/UI/atoms/index.d.ts +1 -0
  10. package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.component.d.ts +3 -0
  11. package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface.d.ts +18 -0
  12. package/dist/cjs/types/components/UI/molecules/CreateAccountCTA/index.d.ts +1 -0
  13. package/dist/cjs/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +6 -2
  14. package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
  15. package/dist/cjs/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +8 -0
  16. package/dist/cjs/types/constants/gifs.constants.d.ts +1 -0
  17. package/dist/cjs/types/constants/img.constants.d.ts +1 -0
  18. package/dist/cjs/types/constants/stories/createAccountCTA.constants.d.ts +2 -0
  19. package/dist/cjs/types/constants/stories/jobsPage.constants.d.ts +190 -0
  20. package/dist/cjs/types/constants/stories/megaMenu.constants.d.ts +3 -0
  21. package/dist/esm/css/magneto.ui.lib.min.css +1 -1
  22. package/dist/esm/index.js +546 -515
  23. package/dist/esm/index.js.map +1 -1
  24. package/dist/esm/types/components/UI/atoms/DotsLoader/DotsLoader.component.d.ts +3 -0
  25. package/dist/esm/types/components/UI/atoms/DotsLoader/DotsLoader.interface.d.ts +10 -0
  26. package/dist/esm/types/components/UI/atoms/DotsLoader/index.d.ts +1 -0
  27. package/dist/esm/types/components/UI/atoms/index.d.ts +1 -0
  28. package/dist/esm/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.component.d.ts +3 -0
  29. package/dist/esm/types/components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface.d.ts +18 -0
  30. package/dist/esm/types/components/UI/molecules/CreateAccountCTA/index.d.ts +1 -0
  31. package/dist/esm/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +6 -2
  32. package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
  33. package/dist/esm/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +8 -0
  34. package/dist/esm/types/constants/gifs.constants.d.ts +1 -0
  35. package/dist/esm/types/constants/img.constants.d.ts +1 -0
  36. package/dist/esm/types/constants/stories/createAccountCTA.constants.d.ts +2 -0
  37. package/dist/esm/types/constants/stories/jobsPage.constants.d.ts +190 -0
  38. package/dist/esm/types/constants/stories/megaMenu.constants.d.ts +3 -0
  39. package/dist/index.d.ts +49 -3
  40. package/package.json +1 -1
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { IDotsLoader } from './DotsLoader.interface';
3
+ export declare const DotsLoader: React.FC<IDotsLoader>;
@@ -0,0 +1,10 @@
1
+ export interface IDotsLoader {
2
+ /**
3
+ * this property sets number of dots
4
+ */
5
+ count?: number;
6
+ /**
7
+ * this property changes the dots color
8
+ */
9
+ color?: string;
10
+ }
@@ -0,0 +1 @@
1
+ export * from './DotsLoader.component';
@@ -9,6 +9,7 @@ export * from './Checkbox';
9
9
  export * from './DateDropdown';
10
10
  export * from './DateInput';
11
11
  export * from './Divider';
12
+ export * from './DotsLoader';
12
13
  export * from './FlatLoader';
13
14
  export * from './HeaderTab';
14
15
  export * from './Icon';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ import { ICreateAccountCTA } from './CreateAccountCTA.interface';
3
+ export declare const CreateAccountCTA: React.FC<ICreateAccountCTA>;
@@ -0,0 +1,18 @@
1
+ export interface ICreateAccountCTA {
2
+ /**
3
+ * this property sets a fn on click
4
+ */
5
+ ctaClick: () => void;
6
+ /**
7
+ * this property sets the first text
8
+ */
9
+ title: string;
10
+ /**
11
+ * this property sets the second text
12
+ */
13
+ description: string;
14
+ /**
15
+ * this property sets the loader
16
+ */
17
+ isLoading?: boolean;
18
+ }
@@ -0,0 +1 @@
1
+ export * from './CreateAccountCTA.component';
@@ -4,7 +4,11 @@ export interface IMegaMenuEmpty {
4
4
  */
5
5
  title: string;
6
6
  /**
7
- * Empty Subtitle
8
- */
7
+ * Empty Subtitle
8
+ */
9
9
  subtitle: string;
10
+ /**
11
+ * Image Data
12
+ */
13
+ imageData: string;
10
14
  }
@@ -5,6 +5,7 @@ export * from './BrandsMenuMobile';
5
5
  export * from './BrandsMenuPopover';
6
6
  export * from './Breadcrumbs';
7
7
  export * from './CitiesDetailDrawer';
8
+ export * from './CreateAccountCTA';
8
9
  export * from './DatePicker';
9
10
  export * from './Drawer';
10
11
  export * from './EmptyResults';
@@ -6,6 +6,7 @@ import { ISideFilter } from '@components/UI/template';
6
6
  import { IFooter } from '@components/UI/template/Footer/Footer.interface';
7
7
  import { DeviceType } from '@components/context/context.interface';
8
8
  import { IEmptyResults } from '@components/UI/molecules/EmptyResults/EmptyResults.interface';
9
+ import { ICreateAccountCTA } from '@components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface';
9
10
  export interface IJobsPage {
10
11
  /**
11
12
  * Props for the filter bottom header section.
@@ -54,6 +55,9 @@ export interface IJobsPage {
54
55
  * This property indicates the type of device being rendered.
55
56
  */
56
57
  device: DeviceType;
58
+ /**
59
+ * This property show the action detail view
60
+ */
57
61
  jobDetailAction?: JSX.Element | undefined;
58
62
  /**
59
63
  * This property show values in the empty vacants card
@@ -71,6 +75,10 @@ export interface IJobsPage {
71
75
  * This property show or hide the filter always in the desktop of jobsite
72
76
  */
73
77
  displayAlwaysFilter?: boolean;
78
+ /**
79
+ * This property sets the create account card data
80
+ */
81
+ createAccountCTAProps?: ICreateAccountCTA;
74
82
  }
75
83
  export interface IVacancies extends IJobCard {
76
84
  offerVacancyData?: string;
@@ -1,3 +1,4 @@
1
1
  export { default as SwipeLeft } from '../assets/gif/SwipeLeft.gif';
2
2
  export { default as SwipeRight } from '../assets/gif/SwipeRight.gif';
3
3
  export { default as NoData } from '../assets/gif/noData.gif';
4
+ export { default as Waiting } from '../assets/gif/waiting.gif';
@@ -0,0 +1 @@
1
+ export { default as Avatar3DImg } from '../assets/img/3d-avatar.png';
@@ -0,0 +1,2 @@
1
+ import { ICreateAccountCTA } from '../../components/UI/molecules/CreateAccountCTA/CreateAccountCTA.interface';
2
+ export declare const CreateAccountCTAProps: ICreateAccountCTA;
@@ -0,0 +1,190 @@
1
+ /// <reference types="react" />
2
+ import { IVacancies } from '../../../dist';
3
+ export declare const jobDetailsDrawer: {
4
+ jobDetailCardProps: {
5
+ offerDescription: string;
6
+ };
7
+ jobSkillsCardProps: {
8
+ offerSkillsLabel: string;
9
+ offerSkills: ({
10
+ id: number;
11
+ name: string;
12
+ score: 1;
13
+ } | {
14
+ id: number;
15
+ name: string;
16
+ score: 2;
17
+ } | {
18
+ id: number;
19
+ name: string;
20
+ score: 3;
21
+ })[];
22
+ };
23
+ jobApplyCardProps: {
24
+ offerApplyHeader: string;
25
+ offerApplyElements: {
26
+ offerApplyLabel: string;
27
+ offerApplyInfo: string;
28
+ }[];
29
+ externalChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
30
+ };
31
+ jobFooterCardProps: {
32
+ offerCompanyLogo: string;
33
+ offerFooterHeader: string;
34
+ offerFooterList: {
35
+ href: string;
36
+ ariaLabel: string;
37
+ title: string;
38
+ }[];
39
+ offerFooterTitle: string[];
40
+ shareButtonProps: {
41
+ buttonTitle: string;
42
+ onCopySuccess: () => void;
43
+ };
44
+ };
45
+ similarJobsProps: {
46
+ moreJobsLink: string;
47
+ moreJobsText: string;
48
+ sectionTitle: string;
49
+ similarJobsCard: import("../..").ISimilarJobsCard[];
50
+ };
51
+ jobVideo: import("../..").IJobVideo;
52
+ cities: import("../..").ICityDetail[];
53
+ isRemote: boolean;
54
+ textRemote?: string | undefined;
55
+ fraudLink: string;
56
+ jobCompanyLogoProps: {
57
+ jobCompanyLogoProps: {
58
+ offerCompanyLogo: JSX.Element;
59
+ };
60
+ jobHeaderProps: {
61
+ offerTitle: string;
62
+ offerCompanyName: string;
63
+ };
64
+ };
65
+ jobActionsProps: {
66
+ externalButtonChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
67
+ saveButtonProps: {
68
+ isAuthenticated: boolean;
69
+ isSaved: boolean;
70
+ onClick: () => void;
71
+ addHover: boolean;
72
+ buttonTitle: string;
73
+ };
74
+ shareButtonProps: {
75
+ buttonTitle: string;
76
+ buttonText: string;
77
+ onCopySuccess: () => void;
78
+ shareLinks: import("../..").IShareLink[];
79
+ };
80
+ actionsAnchorIcons: any[];
81
+ actionsAnchorLinks: string[];
82
+ actionsAnchorTitle: string[];
83
+ };
84
+ jobDetailsProps: string[];
85
+ };
86
+ export declare const mobileJobDetailsDrawer: {
87
+ jobDetailCardProps: {
88
+ offerDescription: string;
89
+ };
90
+ jobSkillsCardProps: {
91
+ offerSkillsLabel: string;
92
+ offerSkills: ({
93
+ id: number;
94
+ name: string;
95
+ score: 1;
96
+ } | {
97
+ id: number;
98
+ name: string;
99
+ score: 2;
100
+ } | {
101
+ id: number;
102
+ name: string;
103
+ score: 3;
104
+ })[];
105
+ };
106
+ jobApplyCardProps: {
107
+ offerApplyHeader: string;
108
+ offerApplyElements: {
109
+ offerApplyLabel: string;
110
+ offerApplyInfo: string;
111
+ }[];
112
+ externalChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
113
+ };
114
+ jobFooterCardProps: {
115
+ offerCompanyLogo: string;
116
+ offerFooterHeader: string;
117
+ offerFooterList: {
118
+ href: string;
119
+ ariaLabel: string;
120
+ title: string;
121
+ }[];
122
+ offerFooterTitle: string[];
123
+ shareButtonProps: {
124
+ buttonTitle: string;
125
+ onCopySuccess: () => void;
126
+ };
127
+ };
128
+ mobileJobDetailsBarProps: {
129
+ externalButtonChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
130
+ actionsProps: {
131
+ ActionsHeader: string;
132
+ ActionsAnchorLinks: string[];
133
+ ActionAnchorText: string[];
134
+ saveButtonProps: {
135
+ isAuthenticated: boolean;
136
+ buttonText: string;
137
+ isSaved: boolean;
138
+ onClick: () => void;
139
+ };
140
+ shareButtonProps: {
141
+ title: string;
142
+ content: string;
143
+ };
144
+ copyButtonProps: {
145
+ buttonTitle: string;
146
+ buttonText: string;
147
+ onCopySuccess: () => void;
148
+ shareLinks: import("../..").IShareLink[];
149
+ };
150
+ externalButtonChild: import("react").FC<import("@components/UI/atoms").IMainButton>;
151
+ backText: string;
152
+ offerCompanyName: string;
153
+ };
154
+ onClose: boolean;
155
+ };
156
+ similarJobsProps: {
157
+ moreJobsLink: string;
158
+ moreJobsText: string;
159
+ sectionTitle: string;
160
+ similarJobsCard: import("../..").ISimilarJobsCard[];
161
+ };
162
+ cities: import("../..").ICityDetail[];
163
+ isRemote: boolean;
164
+ textRemote?: string | undefined;
165
+ fraudLink: string;
166
+ jobCompanyLogoProps: {
167
+ jobCompanyLogoProps: {
168
+ offerCompanyLogo: JSX.Element;
169
+ };
170
+ jobHeaderProps: {
171
+ offerTitle: string;
172
+ offerCompanyName: string;
173
+ };
174
+ };
175
+ jobDetailsHeaderText: string;
176
+ jobDetailsProps: string[];
177
+ };
178
+ export declare const frequentSearch: {
179
+ searchHeading: string;
180
+ searchList: import("@components/UI/atoms").ISearchItem[];
181
+ showLess: string;
182
+ showMore: string;
183
+ };
184
+ export declare const footerProps: {
185
+ followText: string;
186
+ magnetoResolutionProps: import("../../components/UI/molecules/MagnetoResolution/MagnetoResolution.interface").IMagnetoResolution;
187
+ rightsReservedProps: import("../../components/UI/molecules/RightsReservedText/RightsReservedText.interface").IRightsReservedText;
188
+ menuFooterLink: import("../../components/UI/organism/FooterMenuLinks/FooterMenuLinks.interface").IFooterMenuLinks;
189
+ };
190
+ export declare const emptyVacant: IVacancies[];
@@ -2,6 +2,9 @@ import { IMegaMenuTab } from '@components/UI/atoms/MegaMenuTab/MegaMenuTab.inter
2
2
  import { IMegaMenuCard } from '@components/UI/molecules';
3
3
  import { IMegaMenuCards } from '@components/UI/organism';
4
4
  import { IMegaMenuJobs, IMegaMenuMainHeader, IMegaMenuSocialHeader } from '@components/UI/template/MegaMenu/MegaMenuContext.interface';
5
+ export declare const staticMessages: {
6
+ [key: string]: string;
7
+ };
5
8
  export declare const megaMenuSocialTabs: IMegaMenuTab[];
6
9
  export declare const alphabet = "ABCDEFGHIJKLMN\u00D1OPQRSTUVWXYZ";
7
10
  export declare const megaMenuJobImage: IMegaMenuCard;