magneto365.ui 2.63.8 → 2.64.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.
- package/dist/assets/40ead0ba61f8ecca.svg +7 -0
- package/dist/assets/5724480fa00284be.svg +8 -0
- package/dist/assets/d56b874c91887b05.svg +7 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +804 -309
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/JobCard/JobCard.interface.d.ts +9 -0
- package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.interface.d.ts +7 -0
- package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOption/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.interface.d.ts +19 -0
- package/dist/cjs/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/JobCardDesktop/JobCardDesktop.interface.d.ts +5 -1
- package/dist/cjs/types/components/UI/molecules/VacantOption/VacantOption.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/VacantOption/VacantOption.interface.d.ts +5 -0
- package/dist/cjs/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.interface.d.ts +6 -0
- package/dist/cjs/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/VacantOption/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +25 -0
- package/dist/cjs/types/components/hooks/useWithElement/index.d.ts +2 -0
- package/dist/cjs/types/constants/icons.constants.d.ts +7 -4
- package/dist/cjs/types/constants/vacancies.constants.d.ts +18 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +804 -309
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/JobCard/JobCard.interface.d.ts +9 -0
- package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.component.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOption/JobCardOption.interface.d.ts +7 -0
- package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOption/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/JobCardOptionDrawer.interface.d.ts +19 -0
- package/dist/esm/types/components/UI/molecules/JobCard/children/JobCardOptionDrawer/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/JobCardDesktop/JobCardDesktop.interface.d.ts +5 -1
- package/dist/esm/types/components/UI/molecules/VacantOption/VacantOption.component.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/VacantOption/VacantOption.interface.d.ts +5 -0
- package/dist/esm/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.component.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/VacantOptionMobile.interface.d.ts +6 -0
- package/dist/esm/types/components/UI/molecules/VacantOption/children/VacantOptionMobile/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/VacantOption/index.d.ts +1 -0
- package/dist/esm/types/components/UI/page/JobsPage/JobsPage.interface.d.ts +25 -0
- package/dist/esm/types/components/hooks/useWithElement/index.d.ts +2 -0
- package/dist/esm/types/constants/icons.constants.d.ts +7 -4
- package/dist/esm/types/constants/vacancies.constants.d.ts +18 -0
- package/dist/index.d.ts +57 -2
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -248,7 +248,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
248
248
|
return component;
|
|
249
249
|
};
|
|
250
250
|
|
|
251
|
-
var styles$
|
|
251
|
+
var styles$2y = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_tp25u","magneto-ui-hover":"mg_icon_magneto-ui-hover_tp25u","magneto-ui-rotate":"mg_icon_magneto-ui-rotate_tp25u"};
|
|
252
252
|
|
|
253
253
|
function formatNumber(num) {
|
|
254
254
|
if (typeof num !== 'number')
|
|
@@ -295,7 +295,7 @@ var classNames = {
|
|
|
295
295
|
}
|
|
296
296
|
};
|
|
297
297
|
|
|
298
|
-
var cx$
|
|
298
|
+
var cx$U = classNames.bind(styles$2y);
|
|
299
299
|
var Component$2D = function (_a) {
|
|
300
300
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt, isRotate = _a.isRotate;
|
|
301
301
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
@@ -303,18 +303,18 @@ var Component$2D = function (_a) {
|
|
|
303
303
|
setImageError(true);
|
|
304
304
|
};
|
|
305
305
|
var iconSrc = React.useMemo(function () { return (!imageError ? icon !== null && icon !== void 0 ? icon : undefined : fallbackIcon); }, [fallbackIcon, imageError, icon]);
|
|
306
|
-
var isHover = hover ? cx$
|
|
306
|
+
var isHover = hover ? cx$U('magneto-ui-hover') : '';
|
|
307
307
|
var customStyle = size ? { width: size + 'px' } : {};
|
|
308
308
|
if (!iconSrc && !showDefaultFallback)
|
|
309
309
|
return null;
|
|
310
|
-
return (React__default["default"].createElement(React.Fragment, null, icon && (React__default["default"].createElement("img", { "data-name": "icon", style: customStyle, className: cx$
|
|
310
|
+
return (React__default["default"].createElement(React.Fragment, null, icon && (React__default["default"].createElement("img", { "data-name": "icon", style: customStyle, className: cx$U('magneto-ui-icon', { 'magneto-ui-rotate': isRotate }, isHover, className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
|
|
311
311
|
};
|
|
312
312
|
/**
|
|
313
313
|
* Atom UI component of Icon for general purpose
|
|
314
314
|
*/
|
|
315
315
|
var IconItem = Component$2D;
|
|
316
316
|
|
|
317
|
-
var styles$
|
|
317
|
+
var styles$2x = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
318
318
|
|
|
319
319
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
320
320
|
|
|
@@ -368,10 +368,12 @@ var BriefcaseWhiteOutline = "https://static.magneto365.com/lib/assets/01089d38d7
|
|
|
368
368
|
|
|
369
369
|
var Broom = "https://static.magneto365.com/lib/assets/9c1d55cc247b09da.svg";
|
|
370
370
|
|
|
371
|
-
var
|
|
371
|
+
var Building5 = "https://static.magneto365.com/lib/assets/5724480fa00284be.svg";
|
|
372
372
|
|
|
373
373
|
var Buildings2 = "https://static.magneto365.com/lib/assets/11dece484f88eed0.svg";
|
|
374
374
|
|
|
375
|
+
var BuildingSlashBlackOutline = "https://static.magneto365.com/lib/assets/da7646bb56b7e29c.svg";
|
|
376
|
+
|
|
375
377
|
var Calendar1 = "https://static.magneto365.com/lib/assets/0b8544276681f8c8.svg";
|
|
376
378
|
|
|
377
379
|
var Checked = "https://static.magneto365.com/lib/assets/530e8da9d7699174.svg";
|
|
@@ -462,10 +464,10 @@ var IsoLogoMagnetoDark = "https://static.magneto365.com/lib/assets/7e60e6c4b8305
|
|
|
462
464
|
|
|
463
465
|
var Link1 = "https://static.magneto365.com/lib/assets/38e44ce280218375.svg";
|
|
464
466
|
|
|
465
|
-
var LinkedInBlue = "https://static.magneto365.com/lib/assets/cff89749dd038dca.svg";
|
|
466
|
-
|
|
467
467
|
var Linkedin = "https://static.magneto365.com/lib/assets/86746fb681bfc4fe.svg";
|
|
468
468
|
|
|
469
|
+
var LinkedInBlue = "https://static.magneto365.com/lib/assets/cff89749dd038dca.svg";
|
|
470
|
+
|
|
469
471
|
var LinkedinSolid = "https://static.magneto365.com/lib/assets/e064bafd7de57824.svg";
|
|
470
472
|
|
|
471
473
|
var Location = "https://static.magneto365.com/lib/assets/1d2b2fdbb7ac3a22.svg";
|
|
@@ -488,12 +490,12 @@ var MessageQuestion = "https://static.magneto365.com/lib/assets/4be843dae5de2ab7
|
|
|
488
490
|
|
|
489
491
|
var Messages2BlackOutline = "https://static.magneto365.com/lib/assets/801c14292dfce9f7.svg";
|
|
490
492
|
|
|
491
|
-
var MinTrabajo = "https://static.magneto365.com/lib/assets/756115bfe5634bf3.svg";
|
|
492
|
-
|
|
493
493
|
var MiniArrowGrayDown = "https://static.magneto365.com/lib/assets/0385a8005062bc95.svg";
|
|
494
494
|
|
|
495
495
|
var MiniArrowGrayUp = "https://static.magneto365.com/lib/assets/e5049168ea868a14.svg";
|
|
496
496
|
|
|
497
|
+
var MinTrabajo = "https://static.magneto365.com/lib/assets/756115bfe5634bf3.svg";
|
|
498
|
+
|
|
497
499
|
var Mobile = "https://static.magneto365.com/lib/assets/1ffa551d093c61e8.svg";
|
|
498
500
|
|
|
499
501
|
var More = "https://static.magneto365.com/lib/assets/257cb9e07aa4ed0f.svg";
|
|
@@ -518,8 +520,6 @@ var RedoDarkBlue = "https://static.magneto365.com/lib/assets/4cf47c41aa26c92f.sv
|
|
|
518
520
|
|
|
519
521
|
var Refresh = "https://static.magneto365.com/lib/assets/ccf7b78b6ea5c7b1.svg";
|
|
520
522
|
|
|
521
|
-
var SMSBlue = "https://static.magneto365.com/lib/assets/b7ccde33a6f717b4.svg";
|
|
522
|
-
|
|
523
523
|
var SearchIcon = "https://static.magneto365.com/lib/assets/d62a2c77122eb864.svg";
|
|
524
524
|
|
|
525
525
|
var SearchNormal1 = "https://static.magneto365.com/lib/assets/37c68bee58e241c3.svg";
|
|
@@ -536,10 +536,16 @@ var SettingWhiteOutline = "https://static.magneto365.com/lib/assets/aa52049cee4a
|
|
|
536
536
|
|
|
537
537
|
var Share = "https://static.magneto365.com/lib/assets/2349a66212a9afeb.svg";
|
|
538
538
|
|
|
539
|
+
var Share2 = "https://static.magneto365.com/lib/assets/40ead0ba61f8ecca.svg";
|
|
540
|
+
|
|
541
|
+
var Share2Bold = "https://static.magneto365.com/lib/assets/d56b874c91887b05.svg";
|
|
542
|
+
|
|
539
543
|
var ShoppingCartBlueOutline = "https://static.magneto365.com/lib/assets/bdaa69e0d22124aa.svg";
|
|
540
544
|
|
|
541
545
|
var SmallClose = "https://static.magneto365.com/lib/assets/08aa49c5bd43a865.svg";
|
|
542
546
|
|
|
547
|
+
var SMSBlue = "https://static.magneto365.com/lib/assets/b7ccde33a6f717b4.svg";
|
|
548
|
+
|
|
543
549
|
var SpinnerWhite = "https://static.magneto365.com/lib/assets/b97768a94b8e244b.svg";
|
|
544
550
|
|
|
545
551
|
var Success = "https://static.magneto365.com/lib/assets/d08d09ab2ca482fb.svg";
|
|
@@ -604,9 +610,9 @@ var Component$2C = function (_a) {
|
|
|
604
610
|
var handleError = function () {
|
|
605
611
|
setImageError(true);
|
|
606
612
|
};
|
|
607
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
613
|
+
return (React__default["default"].createElement("div", { className: styles$2x.avatarComponent, onClick: onClick },
|
|
608
614
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
609
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
615
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2x['magneto-ui-default-avatar'] },
|
|
610
616
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
611
617
|
};
|
|
612
618
|
/**
|
|
@@ -614,12 +620,12 @@ var Component$2C = function (_a) {
|
|
|
614
620
|
*/
|
|
615
621
|
var Avatar = Component$2C;
|
|
616
622
|
|
|
617
|
-
var styles$
|
|
623
|
+
var styles$2w = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
618
624
|
|
|
619
625
|
var Component$2B = function (_a) {
|
|
620
626
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
621
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
622
|
-
React__default["default"].createElement("span", { className: styles$
|
|
627
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2w['badge-count'], " ").concat(className) },
|
|
628
|
+
React__default["default"].createElement("span", { className: styles$2w['badge-count__animation'] }),
|
|
623
629
|
number && number));
|
|
624
630
|
};
|
|
625
631
|
var Badge = Component$2B;
|
|
@@ -977,6 +983,301 @@ var TYPE_TITLE = {
|
|
|
977
983
|
SUB_TITLE: 'SubTitle'
|
|
978
984
|
};
|
|
979
985
|
|
|
986
|
+
[
|
|
987
|
+
{
|
|
988
|
+
id: 1,
|
|
989
|
+
title: 'Desarrollador Web',
|
|
990
|
+
cities: ['Medellin', 'Barranquila', 'Bogota', 'Cali', 'Pasto', 'Cartagena'],
|
|
991
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0KGGKFa3GNtqGOaHoMxCqhaIj1Xauu3n61Q&usqp=CAU',
|
|
992
|
+
companyName: 'Adidas',
|
|
993
|
+
companySlug: 'adidas',
|
|
994
|
+
educationLevel: 'Básica primaria, Bachillerato (grados 6°, 7° u 8°), Bachillerato (grados 9°, 10° y 11°), Bachillerato completo, Técnico, Tecnólogo, Profesional, Especialización/ Maestría, Doctorado.',
|
|
995
|
+
experience: '6 meses de experiencia',
|
|
996
|
+
salary: '1.200.000 a 4.000.000',
|
|
997
|
+
formatPublishDate: 'hace 10 dias',
|
|
998
|
+
others: 'otras',
|
|
999
|
+
contractType: 'Termino fijo',
|
|
1000
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1001
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1002
|
+
urgent: '¡Se requiere urgente!',
|
|
1003
|
+
offerSkills: {
|
|
1004
|
+
offerSkillsLabel: 'Habilidades',
|
|
1005
|
+
offerSkills: [
|
|
1006
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1007
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1008
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1009
|
+
]
|
|
1010
|
+
},
|
|
1011
|
+
menu: []
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
id: 2,
|
|
1015
|
+
title: 'Analista',
|
|
1016
|
+
cities: ['Medellin', 'Barranquila', 'Bogota'],
|
|
1017
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5KMoo9RUN_NnD4aWgDuHUeEGTUfJXpimlWA&usqp=CAU',
|
|
1018
|
+
companyName: 'Coca-cola',
|
|
1019
|
+
companySlug: 'coca-cola',
|
|
1020
|
+
educationLevel: 'Arquitecto',
|
|
1021
|
+
experience: '12 meses de experiencia',
|
|
1022
|
+
salary: '3.200.000',
|
|
1023
|
+
formatPublishDate: 'hace 20 dias',
|
|
1024
|
+
others: 'otras',
|
|
1025
|
+
contractType: 'Prestacion de servicios',
|
|
1026
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1027
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1028
|
+
offerSkills: {
|
|
1029
|
+
offerSkillsLabel: 'Habilidades',
|
|
1030
|
+
offerSkills: [
|
|
1031
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1032
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1033
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1034
|
+
]
|
|
1035
|
+
},
|
|
1036
|
+
backText: 'Atrás',
|
|
1037
|
+
menu: []
|
|
1038
|
+
},
|
|
1039
|
+
{
|
|
1040
|
+
id: 3,
|
|
1041
|
+
title: 'UX | UI designer',
|
|
1042
|
+
cities: ['Medellin', 'Barranquila', 'Cali', 'Pasto'],
|
|
1043
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRPt4mvHEh4kyEkHx7bRVB1PXGPd_rvGZDmaA&usqp=CAU',
|
|
1044
|
+
companyName: 'Lego',
|
|
1045
|
+
companySlug: 'legos',
|
|
1046
|
+
educationLevel: 'Tecnologo',
|
|
1047
|
+
experience: '6 meses de experiencia',
|
|
1048
|
+
salary: 'COP $ 3.000.000',
|
|
1049
|
+
formatPublishDate: 'hace 2 meses',
|
|
1050
|
+
others: 'otras',
|
|
1051
|
+
contractType: 'Termino indefinido',
|
|
1052
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1053
|
+
urgent: '¡Se requiere urgente!',
|
|
1054
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1055
|
+
offerSkills: {
|
|
1056
|
+
offerSkillsLabel: 'Habilidades',
|
|
1057
|
+
offerSkills: [
|
|
1058
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1059
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1060
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1061
|
+
]
|
|
1062
|
+
},
|
|
1063
|
+
menu: []
|
|
1064
|
+
},
|
|
1065
|
+
{
|
|
1066
|
+
id: 4,
|
|
1067
|
+
title: 'Desarrollador Web',
|
|
1068
|
+
cities: ['Medellin', 'Barranquila', 'Bogota', 'Cali', 'Pasto', 'Cartagena'],
|
|
1069
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0KGGKFa3GNtqGOaHoMxCqhaIj1Xauu3n61Q&usqp=CAU',
|
|
1070
|
+
companyName: 'Adidas',
|
|
1071
|
+
companySlug: 'adidas',
|
|
1072
|
+
educationLevel: 'Básica primaria, Bachillerato (grados 6°, 7° u 8°), Bachillerato (grados 9°, 10° y 11°), Bachillerato completo, Técnico, Tecnólogo, Profesional, Especialización/ Maestría, Doctorado.',
|
|
1073
|
+
experience: '6 meses de experiencia',
|
|
1074
|
+
salary: '1.200.000 a 4.000.000',
|
|
1075
|
+
formatPublishDate: 'hace 10 dias',
|
|
1076
|
+
others: 'otras',
|
|
1077
|
+
contractType: 'Termino fijo',
|
|
1078
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1079
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1080
|
+
offerSkills: {
|
|
1081
|
+
offerSkillsLabel: 'Habilidades',
|
|
1082
|
+
offerSkills: [
|
|
1083
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1084
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1085
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1086
|
+
]
|
|
1087
|
+
},
|
|
1088
|
+
menu: []
|
|
1089
|
+
},
|
|
1090
|
+
{
|
|
1091
|
+
id: 5,
|
|
1092
|
+
title: 'Analista',
|
|
1093
|
+
cities: ['Medellin', 'Barranquila', 'Bogota'],
|
|
1094
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5KMoo9RUN_NnD4aWgDuHUeEGTUfJXpimlWA&usqp=CAU',
|
|
1095
|
+
companyName: 'Coca-cola',
|
|
1096
|
+
companySlug: 'coca-cola',
|
|
1097
|
+
educationLevel: 'Arquitecto',
|
|
1098
|
+
experience: '12 meses de experiencia',
|
|
1099
|
+
salary: '3.200.000',
|
|
1100
|
+
formatPublishDate: 'hace 20 dias',
|
|
1101
|
+
others: 'otras',
|
|
1102
|
+
contractType: 'Prestacion de servicios',
|
|
1103
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1104
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1105
|
+
offerSkills: {
|
|
1106
|
+
offerSkillsLabel: 'Habilidades',
|
|
1107
|
+
offerSkills: [
|
|
1108
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1109
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1110
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1111
|
+
]
|
|
1112
|
+
},
|
|
1113
|
+
menu: []
|
|
1114
|
+
},
|
|
1115
|
+
{
|
|
1116
|
+
id: 6,
|
|
1117
|
+
title: 'UX | UI designer',
|
|
1118
|
+
cities: ['Medellin', 'Barranquila', 'Cali', 'Pasto'],
|
|
1119
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRPt4mvHEh4kyEkHx7bRVB1PXGPd_rvGZDmaA&usqp=CAU',
|
|
1120
|
+
companyName: 'Lego',
|
|
1121
|
+
companySlug: 'legos',
|
|
1122
|
+
educationLevel: 'Tecnologo',
|
|
1123
|
+
experience: '6 meses de experiencia',
|
|
1124
|
+
salary: '3.000.000',
|
|
1125
|
+
formatPublishDate: 'hace 2 meses',
|
|
1126
|
+
others: 'otras',
|
|
1127
|
+
contractType: 'Termino indefinido',
|
|
1128
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1129
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1130
|
+
offerSkills: {
|
|
1131
|
+
offerSkillsLabel: 'Habilidades',
|
|
1132
|
+
offerSkills: [
|
|
1133
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1134
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1135
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1136
|
+
]
|
|
1137
|
+
},
|
|
1138
|
+
menu: []
|
|
1139
|
+
},
|
|
1140
|
+
{
|
|
1141
|
+
id: 7,
|
|
1142
|
+
title: 'Desarrollador Web',
|
|
1143
|
+
cities: ['Medellin', 'Barranquila', 'Bogota', 'Cali', 'Pasto', 'Cartagena'],
|
|
1144
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0KGGKFa3GNtqGOaHoMxCqhaIj1Xauu3n61Q&usqp=CAU',
|
|
1145
|
+
companyName: 'Adidas',
|
|
1146
|
+
companySlug: 'adidas',
|
|
1147
|
+
educationLevel: 'Básica primaria, Bachillerato (grados 6°, 7° u 8°), Bachillerato (grados 9°, 10° y 11°), Bachillerato completo, Técnico, Tecnólogo, Profesional, Especialización/ Maestría, Doctorado.',
|
|
1148
|
+
experience: '6 meses de experiencia',
|
|
1149
|
+
salary: '1.200.000 a 4.000.000',
|
|
1150
|
+
formatPublishDate: 'hace 10 dias',
|
|
1151
|
+
others: 'otras',
|
|
1152
|
+
contractType: 'Termino fijo',
|
|
1153
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1154
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1155
|
+
offerSkills: {
|
|
1156
|
+
offerSkillsLabel: 'Habilidades',
|
|
1157
|
+
offerSkills: [
|
|
1158
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1159
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1160
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1161
|
+
]
|
|
1162
|
+
},
|
|
1163
|
+
menu: []
|
|
1164
|
+
},
|
|
1165
|
+
{
|
|
1166
|
+
id: 8,
|
|
1167
|
+
title: 'Analista',
|
|
1168
|
+
cities: ['Medellin', 'Barranquila', 'Bogota'],
|
|
1169
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR5KMoo9RUN_NnD4aWgDuHUeEGTUfJXpimlWA&usqp=CAU',
|
|
1170
|
+
companyName: 'Coca-cola',
|
|
1171
|
+
companySlug: 'coca-cola',
|
|
1172
|
+
educationLevel: 'Arquitecto',
|
|
1173
|
+
experience: '12 meses de experiencia',
|
|
1174
|
+
salary: '3.200.000',
|
|
1175
|
+
formatPublishDate: 'hace 20 dias',
|
|
1176
|
+
others: 'otras',
|
|
1177
|
+
contractType: 'Prestacion de servicios',
|
|
1178
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1179
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1180
|
+
offerSkills: {
|
|
1181
|
+
offerSkillsLabel: 'Habilidades',
|
|
1182
|
+
offerSkills: [
|
|
1183
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1184
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1185
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1186
|
+
]
|
|
1187
|
+
},
|
|
1188
|
+
menu: []
|
|
1189
|
+
},
|
|
1190
|
+
{
|
|
1191
|
+
id: 9,
|
|
1192
|
+
title: 'UX | UI designer',
|
|
1193
|
+
cities: ['Medellin', 'Barranquila', 'Cali', 'Pasto'],
|
|
1194
|
+
companyLogo: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRPt4mvHEh4kyEkHx7bRVB1PXGPd_rvGZDmaA&usqp=CAU',
|
|
1195
|
+
companyName: 'Lego',
|
|
1196
|
+
companySlug: 'legos',
|
|
1197
|
+
educationLevel: 'Tecnologo',
|
|
1198
|
+
experience: '6 meses de experiencia',
|
|
1199
|
+
salary: '3.000.000',
|
|
1200
|
+
formatPublishDate: 'hace 2 meses',
|
|
1201
|
+
others: 'otras',
|
|
1202
|
+
contractType: 'Termino indefinido',
|
|
1203
|
+
offerVacancyData: '30 cupos, 2 postulantes',
|
|
1204
|
+
offerDescription: '<h1>¡Trabaja con el Grupo Éxito!</h1><br /><p>Importante no estar en ningun otro proceso con el Grupo Éxito. Buscamos personas como tú, que deseen trabajar en el cargo auxiliar polivalente.</p> <h1>¿Qué necesitas?</h1><br /><p>Mínimo 2 años de experiencia, ser profesional.<br /><br />Disponibilidad de tiempo para laborar del 21 de Enero 2022 al 17 de Julio de 2023 turnos de 6 horas diarias, con posibilidad de continuar en otras temporadas o seguir en cargos fijos.<br /><br />Estar cursando los últimos grados de la carrera o haberla finalizado.</p><h1>¿Qué te ofrecemos?</h1><br /><p>Salario entre $2’000.000 a $3’000.000 aproximadamente.</p> <h1>¡Aplica y no te pierdas esta oportunidad!</h1><br /><p>Si está interesado(a) y cumple con los requisitos debe estar pendiente de su correo electrónico y número de celular personal para envío de pruebas psicotécnicas y citación a video entrevista. FAVOR actualice esta información en la plataforma si cambió de número o el correo no es suyo o no puede ingresar.</p>',
|
|
1205
|
+
offerSkills: {
|
|
1206
|
+
offerSkillsLabel: 'Habilidades',
|
|
1207
|
+
offerSkills: [
|
|
1208
|
+
{ id: 12, name: 'Habilidades comerciales', score: 2 },
|
|
1209
|
+
{ id: 12, name: 'Capacidad de negociación', score: 4 },
|
|
1210
|
+
{ id: 12, name: 'Conocimiento de microfinanzas', score: 1 }
|
|
1211
|
+
]
|
|
1212
|
+
},
|
|
1213
|
+
menu: []
|
|
1214
|
+
}
|
|
1215
|
+
].map(function (vacant) { return (__assign(__assign({}, vacant), { menu: [
|
|
1216
|
+
{
|
|
1217
|
+
type: 'button',
|
|
1218
|
+
label: 'Guardar Vacante',
|
|
1219
|
+
icon: 'ArchiveAdd'
|
|
1220
|
+
},
|
|
1221
|
+
{
|
|
1222
|
+
type: 'menu',
|
|
1223
|
+
label: 'Compartir',
|
|
1224
|
+
icon: 'Share',
|
|
1225
|
+
children: [
|
|
1226
|
+
{
|
|
1227
|
+
type: 'link',
|
|
1228
|
+
label: 'Facebook',
|
|
1229
|
+
href: 'facebook',
|
|
1230
|
+
className: 'icon--big',
|
|
1231
|
+
icon: 'Facebook'
|
|
1232
|
+
},
|
|
1233
|
+
{
|
|
1234
|
+
type: 'link',
|
|
1235
|
+
label: 'Whatsapp',
|
|
1236
|
+
icon: 'WhatsApp',
|
|
1237
|
+
className: 'icon--big',
|
|
1238
|
+
href: 'whastapp'
|
|
1239
|
+
},
|
|
1240
|
+
{
|
|
1241
|
+
type: 'link',
|
|
1242
|
+
label: 'Linkedin',
|
|
1243
|
+
href: 'linkedin',
|
|
1244
|
+
className: 'icon--big',
|
|
1245
|
+
icon: 'LinkedIn'
|
|
1246
|
+
},
|
|
1247
|
+
{
|
|
1248
|
+
type: 'link',
|
|
1249
|
+
label: 'X',
|
|
1250
|
+
href: 'x',
|
|
1251
|
+
className: 'icon--big',
|
|
1252
|
+
icon: 'X'
|
|
1253
|
+
},
|
|
1254
|
+
{
|
|
1255
|
+
type: 'link',
|
|
1256
|
+
label: 'Correo',
|
|
1257
|
+
href: 'email',
|
|
1258
|
+
className: 'icon--big',
|
|
1259
|
+
icon: 'Sms'
|
|
1260
|
+
},
|
|
1261
|
+
{
|
|
1262
|
+
type: 'button',
|
|
1263
|
+
label: 'Copiar Enlace',
|
|
1264
|
+
icon: 'ShareBold'
|
|
1265
|
+
}
|
|
1266
|
+
]
|
|
1267
|
+
},
|
|
1268
|
+
{
|
|
1269
|
+
type: 'link',
|
|
1270
|
+
label: 'Abrir en otra pestaña',
|
|
1271
|
+
href: 'other link',
|
|
1272
|
+
icon: 'Export'
|
|
1273
|
+
},
|
|
1274
|
+
{
|
|
1275
|
+
type: 'link',
|
|
1276
|
+
label: 'Ver empresa',
|
|
1277
|
+
icon: 'Building',
|
|
1278
|
+
href: 'enterprise'
|
|
1279
|
+
}
|
|
1280
|
+
] })); });
|
|
980
1281
|
var anchorIconList = [Export3, Buildings2];
|
|
981
1282
|
var iconDetailList = [Calendar1, People, Briefcase, DollarCircle, Location, Tag];
|
|
982
1283
|
var altList = [
|
|
@@ -1067,7 +1368,7 @@ var CNM = /** @class */ (function () {
|
|
|
1067
1368
|
return CNM;
|
|
1068
1369
|
}());
|
|
1069
1370
|
|
|
1070
|
-
var styles$
|
|
1371
|
+
var styles$2v = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
|
|
1071
1372
|
|
|
1072
1373
|
var Component$2A = function (_a) {
|
|
1073
1374
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
@@ -1089,10 +1390,10 @@ var Component$2A = function (_a) {
|
|
|
1089
1390
|
var _a;
|
|
1090
1391
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
1091
1392
|
}, [percent, validateCompleted]);
|
|
1092
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1093
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1393
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2v, cls: [className] }) },
|
|
1394
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2v, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
1094
1395
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1095
|
-
styles: styles$
|
|
1396
|
+
styles: styles$2v,
|
|
1096
1397
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
1097
1398
|
}) }))));
|
|
1098
1399
|
};
|
|
@@ -1101,7 +1402,7 @@ var Component$2A = function (_a) {
|
|
|
1101
1402
|
*/
|
|
1102
1403
|
var BarLoader = Component$2A;
|
|
1103
1404
|
|
|
1104
|
-
var styles$
|
|
1405
|
+
var styles$2u = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
|
|
1105
1406
|
|
|
1106
1407
|
var Component$2z = function (_a) {
|
|
1107
1408
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
@@ -1109,7 +1410,7 @@ var Component$2z = function (_a) {
|
|
|
1109
1410
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
1110
1411
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
1111
1412
|
var haveDetailTitle = detailTitle !== '';
|
|
1112
|
-
var detailTileStyle = detailTitle ? styles$
|
|
1413
|
+
var detailTileStyle = detailTitle ? styles$2u['no-transform'] : '';
|
|
1113
1414
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
1114
1415
|
// This removes the base64 from the vacancy breadcrumbs
|
|
1115
1416
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -1121,9 +1422,9 @@ var Component$2z = function (_a) {
|
|
|
1121
1422
|
"/ ",
|
|
1122
1423
|
href)));
|
|
1123
1424
|
}),
|
|
1124
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
1425
|
+
React__default["default"].createElement("p", { className: "".concat(styles$2u['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
1125
1426
|
"/ ",
|
|
1126
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
1427
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$2u['magneto-ui-bc-active'] : '', " ").concat(styles$2u['magneto-ui-bc']), key: i },
|
|
1127
1428
|
i > 0 && '/',
|
|
1128
1429
|
" ",
|
|
1129
1430
|
bc)); })));
|
|
@@ -1139,28 +1440,28 @@ var Component$2z = function (_a) {
|
|
|
1139
1440
|
queryParams,
|
|
1140
1441
|
lastIndexBC
|
|
1141
1442
|
]);
|
|
1142
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1443
|
+
return React__default["default"].createElement("div", { className: styles$2u.breadcrumbComponent }, breadCrumbsRender);
|
|
1143
1444
|
};
|
|
1144
1445
|
/**
|
|
1145
1446
|
* Atom UI of breadcrumb
|
|
1146
1447
|
*/
|
|
1147
1448
|
var Breadcrumb = Component$2z;
|
|
1148
1449
|
|
|
1149
|
-
var styles$
|
|
1450
|
+
var styles$2t = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
1150
1451
|
|
|
1151
1452
|
var Component$2y = function (_a) {
|
|
1152
1453
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
1153
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
1154
|
-
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
1155
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1156
|
-
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
1454
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$2t['magneto-ui-button'], " ").concat(addHover ? styles$2t['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
1455
|
+
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2t['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
1456
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2t['magneto-ui-button__mobile-text'] }, buttonText),
|
|
1457
|
+
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2t['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
1157
1458
|
};
|
|
1158
1459
|
/**
|
|
1159
1460
|
* UI Atom Component of Save Button
|
|
1160
1461
|
*/
|
|
1161
1462
|
var Button = Component$2y;
|
|
1162
1463
|
|
|
1163
|
-
var styles$
|
|
1464
|
+
var styles$2s = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
1164
1465
|
|
|
1165
1466
|
var Component$2x = function (_a) {
|
|
1166
1467
|
var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
|
|
@@ -1170,17 +1471,17 @@ var Component$2x = function (_a) {
|
|
|
1170
1471
|
onClick();
|
|
1171
1472
|
}
|
|
1172
1473
|
}, [onClick]);
|
|
1173
|
-
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$
|
|
1174
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
1175
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
1176
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
1474
|
+
return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$2s['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
1475
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2s['button-link__icon'] })),
|
|
1476
|
+
buttonText && React__default["default"].createElement("p", { className: styles$2s['button-link__text'] }, buttonText),
|
|
1477
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2s['button-link__icon'] }))));
|
|
1177
1478
|
};
|
|
1178
1479
|
/**
|
|
1179
1480
|
* UI Atom Component of Save Button
|
|
1180
1481
|
*/
|
|
1181
1482
|
var ButtonLink = Component$2x;
|
|
1182
1483
|
|
|
1183
|
-
var styles$
|
|
1484
|
+
var styles$2r = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
1184
1485
|
|
|
1185
1486
|
var nf = new Intl.NumberFormat('de-DE');
|
|
1186
1487
|
var Component$2w = function (_a) {
|
|
@@ -1188,7 +1489,7 @@ var Component$2w = function (_a) {
|
|
|
1188
1489
|
var currentHigherMax = React.useMemo(function () {
|
|
1189
1490
|
return current > max;
|
|
1190
1491
|
}, [current, max]);
|
|
1191
|
-
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$
|
|
1492
|
+
return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$2r["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2r['error-label'] : '') },
|
|
1192
1493
|
nf.format(current),
|
|
1193
1494
|
React__default["default"].createElement("span", null,
|
|
1194
1495
|
" / ",
|
|
@@ -1196,18 +1497,18 @@ var Component$2w = function (_a) {
|
|
|
1196
1497
|
};
|
|
1197
1498
|
var ComparativeCounter = Component$2w;
|
|
1198
1499
|
|
|
1199
|
-
var styles$
|
|
1500
|
+
var styles$2q = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
1200
1501
|
|
|
1201
|
-
var cx$
|
|
1502
|
+
var cx$T = classNames.bind(styles$2q);
|
|
1202
1503
|
var defaultCheck = function (_a) {
|
|
1203
1504
|
var type = _a.type, checked = _a.checked;
|
|
1204
1505
|
if (type === 'background')
|
|
1205
1506
|
return;
|
|
1206
|
-
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$
|
|
1507
|
+
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$T('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
1207
1508
|
};
|
|
1208
1509
|
var Component$2v = function (_a) {
|
|
1209
1510
|
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
1210
|
-
return (React__default["default"].createElement("label", { className: cx$
|
|
1511
|
+
return (React__default["default"].createElement("label", { className: cx$T('checkbox', "checkbox--".concat(display), className, {
|
|
1211
1512
|
'checkbox--checked': checked,
|
|
1212
1513
|
'checkbox--background': type === 'background'
|
|
1213
1514
|
}), "data-name": "checkbox-container", htmlFor: id },
|
|
@@ -1220,23 +1521,23 @@ var Component$2v = function (_a) {
|
|
|
1220
1521
|
};
|
|
1221
1522
|
var Checkbox = Component$2v;
|
|
1222
1523
|
|
|
1223
|
-
var styles$
|
|
1524
|
+
var styles$2p = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
|
|
1224
1525
|
|
|
1225
1526
|
var Component$2u = function (_a) {
|
|
1226
1527
|
var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
1227
1528
|
var disabledArrow = React.useMemo(function () {
|
|
1228
1529
|
if (disabled)
|
|
1229
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1530
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2p['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1230
1531
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1231
1532
|
}, [disabled]);
|
|
1232
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1233
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1234
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1533
|
+
return (React__default["default"].createElement("div", { className: styles$2p['magneto-ui--date-dropdown__wrapper'] },
|
|
1534
|
+
React__default["default"].createElement("select", { className: styles$2p["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1535
|
+
React__default["default"].createElement("option", { className: styles$2p['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1235
1536
|
dateOptions.map(function (_a) {
|
|
1236
1537
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1237
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1538
|
+
return (React__default["default"].createElement("option", { className: styles$2p['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1238
1539
|
})),
|
|
1239
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1540
|
+
React__default["default"].createElement("span", { className: styles$2p['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1240
1541
|
};
|
|
1241
1542
|
var DateDropdown = Component$2u;
|
|
1242
1543
|
|
|
@@ -1293,7 +1594,7 @@ var fixArrayDate = function (array) {
|
|
|
1293
1594
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
1294
1595
|
};
|
|
1295
1596
|
|
|
1296
|
-
var styles$
|
|
1597
|
+
var styles$2o = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
1297
1598
|
|
|
1298
1599
|
// placeholder to every input.
|
|
1299
1600
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -1404,21 +1705,21 @@ var Component$2t = function (_a) {
|
|
|
1404
1705
|
}
|
|
1405
1706
|
}, []);
|
|
1406
1707
|
return (React__default["default"].createElement("div", { className: [
|
|
1407
|
-
styles$
|
|
1708
|
+
styles$2o['date-input'],
|
|
1408
1709
|
className,
|
|
1409
|
-
fit ? styles$
|
|
1410
|
-
hasError ? styles$
|
|
1710
|
+
fit ? styles$2o['date-input--fit'] : '',
|
|
1711
|
+
hasError ? styles$2o['date-input--error'] : ''
|
|
1411
1712
|
].join(' ') },
|
|
1412
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1713
|
+
React__default["default"].createElement("div", { className: styles$2o['date-input__left'], onClick: function () {
|
|
1413
1714
|
var _a;
|
|
1414
1715
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1415
1716
|
} }),
|
|
1416
1717
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1417
1718
|
[2, 4].includes(index) ? (
|
|
1418
1719
|
// include / separator in date (DD / MM / YYYY)
|
|
1419
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
1420
|
-
React__default["default"].createElement("input", { className: styles$
|
|
1421
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1720
|
+
React__default["default"].createElement("span", { className: [styles$2o['date-input__separator'], value ? styles$2o['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
1721
|
+
React__default["default"].createElement("input", { className: styles$2o['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
1722
|
+
React__default["default"].createElement("div", { className: styles$2o['date-input__right'], onClick: function () {
|
|
1422
1723
|
var _a;
|
|
1423
1724
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
1424
1725
|
} })));
|
|
@@ -1439,15 +1740,15 @@ var Component$2s = function (_a) {
|
|
|
1439
1740
|
*/
|
|
1440
1741
|
var Divider = Component$2s;
|
|
1441
1742
|
|
|
1442
|
-
var styles$
|
|
1743
|
+
var styles$2n = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
|
|
1443
1744
|
|
|
1444
1745
|
var Component$2r = function (_a) {
|
|
1445
1746
|
var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
|
|
1446
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1747
|
+
return (React__default["default"].createElement("div", { className: styles$2n['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React__default["default"].createElement("span", { key: index, className: styles$2n['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
|
|
1447
1748
|
};
|
|
1448
1749
|
var DotsLoader = Component$2r;
|
|
1449
1750
|
|
|
1450
|
-
var styles$
|
|
1751
|
+
var styles$2m = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1451
1752
|
|
|
1452
1753
|
var Component$2q = function (_a) {
|
|
1453
1754
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
@@ -1463,33 +1764,33 @@ var Component$2q = function (_a) {
|
|
|
1463
1764
|
height: '15px'
|
|
1464
1765
|
};
|
|
1465
1766
|
}, [size]);
|
|
1466
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1767
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2m["".concat(classMUI, "-flat-loader")] }));
|
|
1467
1768
|
};
|
|
1468
1769
|
var FlatLoader = Component$2q;
|
|
1469
1770
|
|
|
1470
|
-
var styles$
|
|
1771
|
+
var styles$2l = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
1471
1772
|
|
|
1472
1773
|
var Component$2p = function (_a) {
|
|
1473
1774
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
1474
1775
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
1475
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$
|
|
1476
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
1477
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1478
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
1479
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1776
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$2l.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
1777
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2l['headerTabComponent__count'] }),
|
|
1778
|
+
React__default["default"].createElement("p", { className: styles$2l['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$2l.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
1779
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2l['headerTabComponent__count'] }),
|
|
1780
|
+
React__default["default"].createElement("p", { className: styles$2l['headerTabComponent__text'] }, tabText)))));
|
|
1480
1781
|
};
|
|
1481
1782
|
/**
|
|
1482
1783
|
* UI Atom component for HeaderTab
|
|
1483
1784
|
*/
|
|
1484
1785
|
var HeaderTab = Component$2p;
|
|
1485
1786
|
|
|
1486
|
-
var styles$
|
|
1787
|
+
var styles$2k = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1487
1788
|
|
|
1488
1789
|
var Image = function (_a) {
|
|
1489
1790
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1490
1791
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1491
1792
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1492
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1793
|
+
playIcon && React__default["default"].createElement("div", { className: styles$2k['magneto-ui-play-button'] }, playIcon)));
|
|
1493
1794
|
};
|
|
1494
1795
|
|
|
1495
1796
|
var style$$ = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
@@ -1509,22 +1810,22 @@ var InputSearch = function (_a) {
|
|
|
1509
1810
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
1510
1811
|
};
|
|
1511
1812
|
|
|
1512
|
-
var styles$
|
|
1813
|
+
var styles$2j = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
1513
1814
|
|
|
1514
1815
|
var Component$2o = function (_a) {
|
|
1515
1816
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
1516
1817
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
1517
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1818
|
+
return (React__default["default"].createElement("div", { className: styles$2j['magneto-ui-job-company-logo'] },
|
|
1518
1819
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
1519
1820
|
}
|
|
1520
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1821
|
+
return React__default["default"].createElement("div", { className: styles$2j['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
1521
1822
|
};
|
|
1522
1823
|
/**
|
|
1523
1824
|
* UI Atom component of Company Logo
|
|
1524
1825
|
*/
|
|
1525
1826
|
var JobCompanyLogo = Component$2o;
|
|
1526
1827
|
|
|
1527
|
-
var styles$
|
|
1828
|
+
var styles$2i = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
1528
1829
|
|
|
1529
1830
|
var Component$2n = function (_a) {
|
|
1530
1831
|
var title = _a.title, styles = _a.styles;
|
|
@@ -1550,16 +1851,16 @@ var Component$2l = function (_a) {
|
|
|
1550
1851
|
if (isHidden || !offerCompanyName)
|
|
1551
1852
|
return React__default["default"].createElement(React.Fragment, null);
|
|
1552
1853
|
if (offerCompanyLink) {
|
|
1553
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
1854
|
+
return (React__default["default"].createElement("a", { className: styles$2i['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
1554
1855
|
}
|
|
1555
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
1856
|
+
return React__default["default"].createElement("h2", { className: styles$2i['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
1556
1857
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
1557
1858
|
var GenerateTitle = function () {
|
|
1558
1859
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
1559
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
1560
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
1860
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$2i['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
1861
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$2i['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
1561
1862
|
};
|
|
1562
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1863
|
+
return (React__default["default"].createElement("div", { className: styles$2i['magneto-ui-job-header'] },
|
|
1563
1864
|
GenerateTitle(),
|
|
1564
1865
|
showCompanyName));
|
|
1565
1866
|
};
|
|
@@ -1568,7 +1869,7 @@ var Component$2l = function (_a) {
|
|
|
1568
1869
|
*/
|
|
1569
1870
|
var JobHeader = Component$2l;
|
|
1570
1871
|
|
|
1571
|
-
var styles$
|
|
1872
|
+
var styles$2h = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
1572
1873
|
|
|
1573
1874
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1574
1875
|
var toCSSVariables = function (input) {
|
|
@@ -1587,7 +1888,7 @@ var toCSSVariables = function (input) {
|
|
|
1587
1888
|
var Component$2k = function (_a) {
|
|
1588
1889
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
1589
1890
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
1590
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
1891
|
+
return (React__default["default"].createElement("a", { className: styles$2h.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
1591
1892
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
1592
1893
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
1593
1894
|
};
|
|
@@ -1596,11 +1897,11 @@ var Component$2k = function (_a) {
|
|
|
1596
1897
|
*/
|
|
1597
1898
|
var Link = Component$2k;
|
|
1598
1899
|
|
|
1599
|
-
var styles$
|
|
1900
|
+
var styles$2g = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
1600
1901
|
|
|
1601
1902
|
var Component$2j = function (_a) {
|
|
1602
1903
|
var loadingIcon = _a.loadingIcon;
|
|
1603
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1904
|
+
return (React__default["default"].createElement("div", { className: styles$2g.loadingComponent },
|
|
1604
1905
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
1605
1906
|
};
|
|
1606
1907
|
/**
|
|
@@ -1624,7 +1925,7 @@ var Component$2i = function (_a) {
|
|
|
1624
1925
|
};
|
|
1625
1926
|
var LogoComponent = Component$2i;
|
|
1626
1927
|
|
|
1627
|
-
var styles$
|
|
1928
|
+
var styles$2f = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
1628
1929
|
|
|
1629
1930
|
var Component$2h = function (_a) {
|
|
1630
1931
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
@@ -1639,21 +1940,21 @@ var Component$2h = function (_a) {
|
|
|
1639
1940
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
1640
1941
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
1641
1942
|
};
|
|
1642
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
1943
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$2f.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$2f.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
1643
1944
|
};
|
|
1644
1945
|
/**
|
|
1645
1946
|
* Atom UI component of button for general purpose
|
|
1646
1947
|
*/
|
|
1647
1948
|
var MainButton = Component$2h;
|
|
1648
1949
|
|
|
1649
|
-
var styles$
|
|
1950
|
+
var styles$2e = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
1650
1951
|
|
|
1651
|
-
var styles$
|
|
1952
|
+
var styles$2d = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
1652
1953
|
|
|
1653
1954
|
var Component$2g = function (_a) {
|
|
1654
1955
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
1655
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
1656
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1956
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$2d['magneto-ui--search-item']), href: url },
|
|
1957
|
+
React__default["default"].createElement("p", { className: styles$2d['magneto-ui--search-item__text'] }, tag),
|
|
1657
1958
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
1658
1959
|
};
|
|
1659
1960
|
/**
|
|
@@ -1668,21 +1969,21 @@ var MegaMenuTab = function (_a) {
|
|
|
1668
1969
|
return '';
|
|
1669
1970
|
return ArrowDown2;
|
|
1670
1971
|
}, [selected, showArrow]);
|
|
1671
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1672
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$
|
|
1972
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$2e["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2e["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
1973
|
+
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$2e["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$2e["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
1673
1974
|
};
|
|
1674
1975
|
|
|
1675
|
-
var styles$
|
|
1976
|
+
var styles$2c = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
1676
1977
|
|
|
1677
1978
|
var Component$2f = function (_a) {
|
|
1678
1979
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
1679
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1980
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2c, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
1680
1981
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1681
|
-
styles: styles$
|
|
1982
|
+
styles: styles$2c,
|
|
1682
1983
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
1683
1984
|
}) },
|
|
1684
1985
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1685
|
-
styles: styles$
|
|
1986
|
+
styles: styles$2c,
|
|
1686
1987
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
1687
1988
|
}) }, children))));
|
|
1688
1989
|
};
|
|
@@ -1691,7 +1992,7 @@ var Component$2f = function (_a) {
|
|
|
1691
1992
|
*/
|
|
1692
1993
|
var MenuDropdownList = Component$2f;
|
|
1693
1994
|
|
|
1694
|
-
var styles$
|
|
1995
|
+
var styles$2b = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
1695
1996
|
|
|
1696
1997
|
var Component$2e = function (_a) {
|
|
1697
1998
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
@@ -1708,13 +2009,13 @@ var Component$2e = function (_a) {
|
|
|
1708
2009
|
var handleButtonClick = React.useCallback(function (e) {
|
|
1709
2010
|
e.stopPropagation();
|
|
1710
2011
|
}, []);
|
|
1711
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1712
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1713
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2012
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2b, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
2013
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2b, cls: ['menu-dropdown__content'] }) },
|
|
2014
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2b, cls: ['menu-dropdown__container'] }) },
|
|
1714
2015
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
1715
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2016
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2b, cls: ['menu-dropdown__title'] }) }, title),
|
|
1716
2017
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1717
|
-
styles: styles$
|
|
2018
|
+
styles: styles$2b,
|
|
1718
2019
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
1719
2020
|
}) },
|
|
1720
2021
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -1737,7 +2038,7 @@ var MenuItem = function (_a) {
|
|
|
1737
2038
|
React__default["default"].createElement("p", null, text))));
|
|
1738
2039
|
};
|
|
1739
2040
|
|
|
1740
|
-
var styles$
|
|
2041
|
+
var styles$2a = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
1741
2042
|
|
|
1742
2043
|
var MultiRangeSlider = function (_a) {
|
|
1743
2044
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -1795,30 +2096,30 @@ var MultiRangeSlider = function (_a) {
|
|
|
1795
2096
|
var handleMouseUpValues = React.useCallback(function () {
|
|
1796
2097
|
onChange({ min: minVal, max: maxVal });
|
|
1797
2098
|
}, [minVal, maxVal, onChange]);
|
|
1798
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2099
|
+
return (React__default["default"].createElement("div", { className: styles$2a.container },
|
|
1799
2100
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
1800
2101
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
1801
2102
|
setMinVal(value);
|
|
1802
2103
|
event.target.value = value.toString();
|
|
1803
|
-
}, className: "\n ".concat(styles$
|
|
2104
|
+
}, className: "\n ".concat(styles$2a.thumb, " \n ").concat(styles$2a.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$2a.zIndex_5 : '', "\n ") }),
|
|
1804
2105
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
1805
2106
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
1806
2107
|
setMaxVal(value);
|
|
1807
2108
|
event.target.value = value.toString();
|
|
1808
|
-
}, className: "".concat(styles$
|
|
1809
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
1810
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1811
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
1812
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
1813
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1814
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2109
|
+
}, className: "".concat(styles$2a.thumb, " ").concat(styles$2a.zIndex_4) }),
|
|
2110
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$2a.slider },
|
|
2111
|
+
React__default["default"].createElement("div", { className: styles$2a.track }),
|
|
2112
|
+
React__default["default"].createElement("div", { ref: range, className: styles$2a.range }),
|
|
2113
|
+
showValues && (React__default["default"].createElement("div", { className: styles$2a.values },
|
|
2114
|
+
React__default["default"].createElement("div", { className: styles$2a.left_value }, hasCurrency),
|
|
2115
|
+
React__default["default"].createElement("div", { className: styles$2a.right_value }, maxVal.toLocaleString()))))));
|
|
1815
2116
|
};
|
|
1816
2117
|
|
|
1817
|
-
var styles$
|
|
2118
|
+
var styles$29 = {"content":"mg_paragraph_content_1mtnz"};
|
|
1818
2119
|
|
|
1819
2120
|
var Component$2d = function (_a) {
|
|
1820
2121
|
var paragraph = _a.paragraph;
|
|
1821
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
2122
|
+
return React__default["default"].createElement("p", { className: styles$29.content }, paragraph);
|
|
1822
2123
|
};
|
|
1823
2124
|
var Paragraph = React.memo(Component$2d);
|
|
1824
2125
|
|
|
@@ -1834,9 +2135,10 @@ var Component$2c = function (_a) {
|
|
|
1834
2135
|
setHideComponent(true);
|
|
1835
2136
|
return;
|
|
1836
2137
|
}
|
|
1837
|
-
setTimeout(function () {
|
|
2138
|
+
var timer = setTimeout(function () {
|
|
1838
2139
|
setHideComponent(false);
|
|
1839
2140
|
}, 300);
|
|
2141
|
+
return function () { return clearTimeout(timer); };
|
|
1840
2142
|
}, [show]);
|
|
1841
2143
|
return (React__default["default"].createElement("div", { style: { width: widthBase }, className: [style$Y['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
|
|
1842
2144
|
React__default["default"].createElement("div", { className: "".concat(style$Y['magneto-ui-popover'], " ").concat(style$Y[positionX], " ").concat(style$Y[positionY], " ").concat(style$Y[showMenu]) }, hideComponent && content),
|
|
@@ -1854,12 +2156,12 @@ exports.ERadioType = void 0;
|
|
|
1854
2156
|
ERadioType["button"] = "button";
|
|
1855
2157
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
1856
2158
|
|
|
1857
|
-
var styles$
|
|
2159
|
+
var styles$28 = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
1858
2160
|
|
|
1859
2161
|
var Component$2b = function (_a) {
|
|
1860
2162
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
1861
2163
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
1862
|
-
styles: styles$
|
|
2164
|
+
styles: styles$28,
|
|
1863
2165
|
cls: [
|
|
1864
2166
|
'radio-button',
|
|
1865
2167
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -1869,7 +2171,7 @@ var Component$2b = function (_a) {
|
|
|
1869
2171
|
}), htmlFor: id },
|
|
1870
2172
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
1871
2173
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
1872
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2174
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$28, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
1873
2175
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
1874
2176
|
};
|
|
1875
2177
|
/**
|
|
@@ -1877,21 +2179,21 @@ var Component$2b = function (_a) {
|
|
|
1877
2179
|
*/
|
|
1878
2180
|
var RadioButton = Component$2b;
|
|
1879
2181
|
|
|
1880
|
-
var styles$
|
|
2182
|
+
var styles$27 = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
1881
2183
|
|
|
1882
2184
|
var Component$2a = function (_a) {
|
|
1883
2185
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
1884
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
2186
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$27, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
1885
2187
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
1886
2188
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1887
|
-
styles: styles$
|
|
2189
|
+
styles: styles$27,
|
|
1888
2190
|
cls: [
|
|
1889
2191
|
'radio-default__indicator',
|
|
1890
2192
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
1891
2193
|
indicatorClassName
|
|
1892
2194
|
]
|
|
1893
2195
|
}) }),
|
|
1894
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2196
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$27, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
1895
2197
|
};
|
|
1896
2198
|
/**
|
|
1897
2199
|
* Molecule UI component for radio default
|
|
@@ -1917,21 +2219,21 @@ var Component$29 = function (_a) {
|
|
|
1917
2219
|
*/
|
|
1918
2220
|
var Radio = Component$29;
|
|
1919
2221
|
|
|
1920
|
-
var styles$
|
|
2222
|
+
var styles$26 = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
1921
2223
|
|
|
1922
2224
|
var Component$28 = function (_a) {
|
|
1923
2225
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
1924
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
1925
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2226
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$26['magneto-ui-save-button'], " ").concat(addHover && styles$26['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
2227
|
+
React__default["default"].createElement("div", { className: styles$26['button-content'] },
|
|
1926
2228
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
1927
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2229
|
+
buttonText && React__default["default"].createElement("p", { className: styles$26['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
1928
2230
|
};
|
|
1929
2231
|
/**
|
|
1930
2232
|
* UI Atom Component of Save Button
|
|
1931
2233
|
*/
|
|
1932
2234
|
var SaveButton = Component$28;
|
|
1933
2235
|
|
|
1934
|
-
var styles$
|
|
2236
|
+
var styles$25 = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
1935
2237
|
|
|
1936
2238
|
var Component$27 = function (_a) {
|
|
1937
2239
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
@@ -1940,14 +2242,14 @@ var Component$27 = function (_a) {
|
|
|
1940
2242
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
1941
2243
|
}
|
|
1942
2244
|
};
|
|
1943
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
1944
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2245
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$25['magneto-ui-share-button'], " ").concat(addHover && styles$25['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
2246
|
+
React__default["default"].createElement("div", { className: styles$25['button-content'] },
|
|
1945
2247
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
1946
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2248
|
+
buttonText && React__default["default"].createElement("p", { className: styles$25['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
1947
2249
|
};
|
|
1948
2250
|
var ShareButton = Component$27;
|
|
1949
2251
|
|
|
1950
|
-
var styles$
|
|
2252
|
+
var styles$24 = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
1951
2253
|
|
|
1952
2254
|
var Component$26 = function (_a) {
|
|
1953
2255
|
var name = _a.name, score = _a.score;
|
|
@@ -1985,15 +2287,15 @@ var Component$26 = function (_a) {
|
|
|
1985
2287
|
4: 'four'
|
|
1986
2288
|
};
|
|
1987
2289
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
1988
|
-
var fillAnimation = animationApplied ? styles$
|
|
1989
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
1990
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2290
|
+
var fillAnimation = animationApplied ? styles$24[levelClass] : '';
|
|
2291
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$24['magneto-ui-skill'] },
|
|
2292
|
+
React__default["default"].createElement("div", { className: styles$24['magneto-ui-skill__wrapper'] },
|
|
1991
2293
|
React__default["default"].createElement("p", null, name),
|
|
1992
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2294
|
+
React__default["default"].createElement("div", { className: "".concat(styles$24['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$24['magneto-ui-skill--no-animation']) }))));
|
|
1993
2295
|
};
|
|
1994
2296
|
var Skill = Component$26;
|
|
1995
2297
|
|
|
1996
|
-
var styles$
|
|
2298
|
+
var styles$23 = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
1997
2299
|
|
|
1998
2300
|
var Switch = function (_a) {
|
|
1999
2301
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -2007,10 +2309,10 @@ var Switch = function (_a) {
|
|
|
2007
2309
|
setChecked(function (state) { return !state; });
|
|
2008
2310
|
setIsActive(!isActive);
|
|
2009
2311
|
}, [isDisabled, setIsActive, isActive]);
|
|
2010
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2011
|
-
React__default["default"].createElement("label", { className: styles$
|
|
2312
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$23['magneto-ui-switch_container'], " ").concat(className) },
|
|
2313
|
+
React__default["default"].createElement("label", { className: styles$23['magneto-ui-switch'] },
|
|
2012
2314
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
2013
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2315
|
+
React__default["default"].createElement("span", { className: "".concat(styles$23['magneto-ui-slider'], " ").concat(styles$23['magneto-ui-round']) })),
|
|
2014
2316
|
title && React__default["default"].createElement("p", null, title)));
|
|
2015
2317
|
};
|
|
2016
2318
|
|
|
@@ -2038,7 +2340,7 @@ var Tags = function (_a) {
|
|
|
2038
2340
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
2039
2341
|
};
|
|
2040
2342
|
|
|
2041
|
-
var styles$
|
|
2343
|
+
var styles$22 = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
2042
2344
|
|
|
2043
2345
|
var Component$25 = function (_a) {
|
|
2044
2346
|
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
@@ -2071,20 +2373,20 @@ var Component$25 = function (_a) {
|
|
|
2071
2373
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
2072
2374
|
};
|
|
2073
2375
|
}, [baseColor, color, currentSelect]);
|
|
2074
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2075
|
-
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2376
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$22["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$22['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
2377
|
+
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$22["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$22['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
2076
2378
|
name));
|
|
2077
2379
|
};
|
|
2078
2380
|
var ToggleButton = Component$25;
|
|
2079
2381
|
|
|
2080
|
-
var styles$
|
|
2382
|
+
var styles$21 = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
2081
2383
|
|
|
2082
2384
|
var Component$24 = function (_a) {
|
|
2083
2385
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
2084
2386
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
2085
2387
|
sm: null
|
|
2086
2388
|
});
|
|
2087
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
2389
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$21, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
2088
2390
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
2089
2391
|
userInfo,
|
|
2090
2392
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -2094,7 +2396,7 @@ var Component$24 = function (_a) {
|
|
|
2094
2396
|
*/
|
|
2095
2397
|
var UserMenuButtonAnalyst = Component$24;
|
|
2096
2398
|
|
|
2097
|
-
var styles$
|
|
2399
|
+
var styles$20 = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
2098
2400
|
|
|
2099
2401
|
var ShareIcons = {
|
|
2100
2402
|
Facebook: {
|
|
@@ -2111,6 +2413,24 @@ var ShareIcons = {
|
|
|
2111
2413
|
},
|
|
2112
2414
|
Sms: {
|
|
2113
2415
|
icon: SMSBlue
|
|
2416
|
+
},
|
|
2417
|
+
Share: {
|
|
2418
|
+
icon: Share2
|
|
2419
|
+
},
|
|
2420
|
+
ShareBold: {
|
|
2421
|
+
icon: Share2Bold
|
|
2422
|
+
},
|
|
2423
|
+
ArchiveAdd: {
|
|
2424
|
+
icon: ArchiveAdd
|
|
2425
|
+
},
|
|
2426
|
+
ArchiveRemove: {
|
|
2427
|
+
icon: ArchiveRemove
|
|
2428
|
+
},
|
|
2429
|
+
Export: {
|
|
2430
|
+
icon: Export3
|
|
2431
|
+
},
|
|
2432
|
+
Building: {
|
|
2433
|
+
icon: Building5
|
|
2114
2434
|
}
|
|
2115
2435
|
};
|
|
2116
2436
|
|
|
@@ -2127,39 +2447,39 @@ var Component$23 = function (_a) {
|
|
|
2127
2447
|
};
|
|
2128
2448
|
if (component)
|
|
2129
2449
|
return component;
|
|
2130
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2131
|
-
React__default["default"].createElement("div", { id: styles$
|
|
2450
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui-actions'] },
|
|
2451
|
+
React__default["default"].createElement("div", { id: styles$20['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
2132
2452
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
2133
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2453
|
+
React__default["default"].createElement("button", { className: styles$20['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
2134
2454
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
2135
2455
|
} },
|
|
2136
2456
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
2137
2457
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
2138
2458
|
actionsLinkList.map(function (_a, index) {
|
|
2139
2459
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
2140
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
2460
|
+
return (React__default["default"].createElement("a", { className: styles$20['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
2141
2461
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
2142
2462
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
2143
2463
|
}),
|
|
2144
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2145
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2146
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
2464
|
+
React__default["default"].createElement("div", { className: styles$20['magneto-ui-actions__header'] },
|
|
2465
|
+
React__default["default"].createElement("p", { className: styles$20['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2466
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$20['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
2147
2467
|
};
|
|
2148
2468
|
var ShareLinksAction = function (_a) {
|
|
2149
2469
|
var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
2150
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2151
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
2470
|
+
return (React__default["default"].createElement("div", { className: styles$20['magneto-ui-actions'] },
|
|
2471
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$20['magneto-ui-actions__share'] }, shareProps)),
|
|
2152
2472
|
shareLinks.map(function (_a, index) {
|
|
2153
2473
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
2154
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
2474
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$20['magneto-ui-actions__link'], styles$20['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
2155
2475
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
2156
2476
|
React__default["default"].createElement("span", null, title)));
|
|
2157
2477
|
}),
|
|
2158
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2159
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2160
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
2161
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2162
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2478
|
+
React__default["default"].createElement("div", { className: styles$20['magneto-ui-actions__header'] },
|
|
2479
|
+
React__default["default"].createElement("p", { className: styles$20['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
2480
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$20['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
2481
|
+
React__default["default"].createElement("div", { className: styles$20['magneto-ui-actions__back'] },
|
|
2482
|
+
React__default["default"].createElement("button", { className: styles$20['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
2163
2483
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
2164
2484
|
backText)));
|
|
2165
2485
|
};
|
|
@@ -2230,7 +2550,7 @@ var DrawerPortal = function (_a) {
|
|
|
2230
2550
|
|
|
2231
2551
|
var style$T = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_1e2s0","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_1e2s0","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_1e2s0","background-drawer":"mg_mobile_drawer_background-drawer_1e2s0","fadeIn":"mg_mobile_drawer_fadeIn_1e2s0","show":"mg_mobile_drawer_show_1e2s0","hidden":"mg_mobile_drawer_hidden_1e2s0"};
|
|
2232
2552
|
|
|
2233
|
-
var cx$
|
|
2553
|
+
var cx$S = classNames.bind(style$T);
|
|
2234
2554
|
var Component$21 = function (_a) {
|
|
2235
2555
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
2236
2556
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
@@ -2257,12 +2577,12 @@ var Component$21 = function (_a) {
|
|
|
2257
2577
|
};
|
|
2258
2578
|
}, [isOpen]);
|
|
2259
2579
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
2260
|
-
React__default["default"].createElement("div", { className: cx$
|
|
2580
|
+
React__default["default"].createElement("div", { className: cx$S('magneto-ui-mobile-drawer', className) },
|
|
2261
2581
|
React__default["default"].createElement("aside", { className: style$T[showMenu] },
|
|
2262
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
2582
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$S('magneto-ui-close-button'), onClick: onClose },
|
|
2263
2583
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
|
|
2264
|
-
React__default["default"].createElement("div", { className: cx$
|
|
2265
|
-
isOpen && (React__default["default"].createElement("span", { className: cx$
|
|
2584
|
+
React__default["default"].createElement("div", { className: cx$S('magneto-ui-container') }, children)),
|
|
2585
|
+
isOpen && (React__default["default"].createElement("span", { className: cx$S('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
2266
2586
|
};
|
|
2267
2587
|
/**
|
|
2268
2588
|
* Molecule UI component for Mobile Drawer
|
|
@@ -2323,11 +2643,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
2323
2643
|
};
|
|
2324
2644
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
2325
2645
|
|
|
2326
|
-
var styles$
|
|
2646
|
+
var styles$1$ = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
2327
2647
|
|
|
2328
2648
|
var Component$20 = function (_a) {
|
|
2329
2649
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
2330
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2650
|
+
return (React__default["default"].createElement("div", { className: styles$1$.BreadcrumbsComponent },
|
|
2331
2651
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
2332
2652
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
2333
2653
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -2337,19 +2657,19 @@ var Component$20 = function (_a) {
|
|
|
2337
2657
|
*/
|
|
2338
2658
|
var Breadcrumbs = Component$20;
|
|
2339
2659
|
|
|
2340
|
-
var styles$
|
|
2660
|
+
var styles$1_ = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
2341
2661
|
|
|
2342
2662
|
var CitiesDetailDrawer = function (_a) {
|
|
2343
2663
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
2344
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2345
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2664
|
+
return (React__default["default"].createElement("div", { className: styles$1_['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2665
|
+
React__default["default"].createElement("div", { className: styles$1_['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
2346
2666
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
2347
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2348
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
2667
|
+
React__default["default"].createElement("div", { className: styles$1_['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
2668
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$1_['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
2349
2669
|
cities &&
|
|
2350
2670
|
cities.map(function (_a, index) {
|
|
2351
2671
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
2352
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2672
|
+
return (React__default["default"].createElement("div", { className: styles$1_['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
2353
2673
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
2354
2674
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
2355
2675
|
})))) : null));
|
|
@@ -2357,21 +2677,21 @@ var CitiesDetailDrawer = function (_a) {
|
|
|
2357
2677
|
|
|
2358
2678
|
var Avatar3DImg = "https://static.magneto365.com/lib/assets/img/d01f8eef0ddaca1f.png";
|
|
2359
2679
|
|
|
2360
|
-
var styles$
|
|
2680
|
+
var styles$1Z = {"create-account-cta":"mg_create_account_c_t_a_create-account-cta_kugln","create-account-cta__loader":"mg_create_account_c_t_a_create-account-cta_loader_kugln","create-account-cta__avatar":"mg_create_account_c_t_a_create-account-cta_avatar_kugln","create-account-cta__summary":"mg_create_account_c_t_a_create-account-cta_summary_kugln","create-account-cta__arrow":"mg_create_account_c_t_a_create-account-cta_arrow_kugln"};
|
|
2361
2681
|
|
|
2362
2682
|
var Component$1$ = function (_a) {
|
|
2363
2683
|
var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
|
|
2364
|
-
return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$
|
|
2684
|
+
return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$1Z['create-account-cta'] }, isLoading ? (React__default["default"].createElement("div", { className: styles$1Z['create-account-cta__loader'] },
|
|
2365
2685
|
React__default["default"].createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2366
|
-
React__default["default"].createElement("img", { className: styles$
|
|
2367
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2686
|
+
React__default["default"].createElement("img", { className: styles$1Z['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
|
|
2687
|
+
React__default["default"].createElement("div", { className: styles$1Z['create-account-cta__summary'] },
|
|
2368
2688
|
React__default["default"].createElement("h4", null, title),
|
|
2369
2689
|
React__default["default"].createElement("p", null, description)),
|
|
2370
|
-
React__default["default"].createElement("img", { className: styles$
|
|
2690
|
+
React__default["default"].createElement("img", { className: styles$1Z['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
|
|
2371
2691
|
};
|
|
2372
2692
|
var CreateAccountCTA = Component$1$;
|
|
2373
2693
|
|
|
2374
|
-
var styles$
|
|
2694
|
+
var styles$1Y = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
2375
2695
|
|
|
2376
2696
|
var defaultValue$1 = function (value) {
|
|
2377
2697
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
@@ -2410,7 +2730,7 @@ var Component$1_ = function (_a) {
|
|
|
2410
2730
|
}
|
|
2411
2731
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2412
2732
|
}, [disabled]);
|
|
2413
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2733
|
+
return (React__default["default"].createElement("div", { className: styles$1Y['magneto-ui--date-picker__wrapper'] },
|
|
2414
2734
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
2415
2735
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
2416
2736
|
};
|
|
@@ -2528,7 +2848,7 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
2528
2848
|
_c)
|
|
2529
2849
|
};
|
|
2530
2850
|
|
|
2531
|
-
var styles$
|
|
2851
|
+
var styles$1X = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
2532
2852
|
|
|
2533
2853
|
var Component$1Y = function (_a) {
|
|
2534
2854
|
var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
|
|
@@ -2536,7 +2856,7 @@ var Component$1Y = function (_a) {
|
|
|
2536
2856
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
2537
2857
|
var componentProps = React.useMemo(function () {
|
|
2538
2858
|
var className = CNM.get({
|
|
2539
|
-
styles: styles$
|
|
2859
|
+
styles: styles$1X,
|
|
2540
2860
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
2541
2861
|
});
|
|
2542
2862
|
if (isUrl)
|
|
@@ -2558,11 +2878,11 @@ var Component$1Y = function (_a) {
|
|
|
2558
2878
|
}
|
|
2559
2879
|
return;
|
|
2560
2880
|
}, [loading, variant]);
|
|
2561
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2562
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2881
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1X, cls: ['expandable-info-action', className] }) },
|
|
2882
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1X, cls: ['expandable-info-action__container'] }) },
|
|
2563
2883
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
2564
2884
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
2565
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
2885
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1X, cls: ['expandable-info-action__title'] }) }, title),
|
|
2566
2886
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
2567
2887
|
};
|
|
2568
2888
|
/**
|
|
@@ -2570,36 +2890,36 @@ var Component$1Y = function (_a) {
|
|
|
2570
2890
|
*/
|
|
2571
2891
|
var ExpandableInfoAction = Component$1Y;
|
|
2572
2892
|
|
|
2573
|
-
var styles$
|
|
2893
|
+
var styles$1W = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
2574
2894
|
|
|
2575
2895
|
var Component$1X = function (_a) {
|
|
2576
2896
|
var sections = _a.sections, footer = _a.footer;
|
|
2577
2897
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
2578
2898
|
return CNM.get({
|
|
2579
|
-
styles: styles$
|
|
2899
|
+
styles: styles$1W,
|
|
2580
2900
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
2581
2901
|
});
|
|
2582
2902
|
}, []);
|
|
2583
2903
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
2584
2904
|
return CNM.get({
|
|
2585
|
-
styles: styles$
|
|
2905
|
+
styles: styles$1W,
|
|
2586
2906
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
2587
2907
|
});
|
|
2588
2908
|
}, []);
|
|
2589
2909
|
var itemStyles = React.useCallback(function (first) {
|
|
2590
2910
|
return CNM.get({
|
|
2591
|
-
styles: styles$
|
|
2911
|
+
styles: styles$1W,
|
|
2592
2912
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
2593
2913
|
});
|
|
2594
2914
|
}, []);
|
|
2595
2915
|
var textStyles = React.useCallback(function (bold) {
|
|
2596
2916
|
return CNM.get({
|
|
2597
|
-
styles: styles$
|
|
2917
|
+
styles: styles$1W,
|
|
2598
2918
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
2599
2919
|
});
|
|
2600
2920
|
}, []);
|
|
2601
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2602
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2921
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1W, cls: ['expandable-info-details'] }) },
|
|
2922
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1W, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
2603
2923
|
sections.map(function (section, index) {
|
|
2604
2924
|
var _a, _b;
|
|
2605
2925
|
return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -2613,8 +2933,8 @@ var Component$1X = function (_a) {
|
|
|
2613
2933
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
2614
2934
|
})));
|
|
2615
2935
|
}),
|
|
2616
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2617
|
-
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
2936
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1W, cls: ['expandable-info-details__footer'] }) },
|
|
2937
|
+
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1W, cls: ['expandable-info-details__action'] }) }))))));
|
|
2618
2938
|
};
|
|
2619
2939
|
/**
|
|
2620
2940
|
* Molecule UI child component of expandable info
|
|
@@ -2640,7 +2960,7 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
2640
2960
|
_a$2)
|
|
2641
2961
|
};
|
|
2642
2962
|
|
|
2643
|
-
var styles$
|
|
2963
|
+
var styles$1V = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
2644
2964
|
|
|
2645
2965
|
var Component$1W = function (_a) {
|
|
2646
2966
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
@@ -2655,11 +2975,11 @@ var Component$1W = function (_a) {
|
|
|
2655
2975
|
}, [variant]);
|
|
2656
2976
|
if (!title)
|
|
2657
2977
|
return null;
|
|
2658
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2659
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
2978
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1V, cls: ['expandable-info-message', className] }) },
|
|
2979
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1V, cls: ['expandable-info-message__container'] }) },
|
|
2660
2980
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
2661
2981
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
2662
|
-
styles: styles$
|
|
2982
|
+
styles: styles$1V,
|
|
2663
2983
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
2664
2984
|
}) }, title))));
|
|
2665
2985
|
};
|
|
@@ -2668,7 +2988,7 @@ var Component$1W = function (_a) {
|
|
|
2668
2988
|
*/
|
|
2669
2989
|
var ExpandableInfoMessage = Component$1W;
|
|
2670
2990
|
|
|
2671
|
-
var styles$
|
|
2991
|
+
var styles$1U = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
2672
2992
|
|
|
2673
2993
|
var Component$1V = function (_a) {
|
|
2674
2994
|
var toggler = _a.toggler, details = _a.details;
|
|
@@ -2678,7 +2998,7 @@ var Component$1V = function (_a) {
|
|
|
2678
2998
|
}, []);
|
|
2679
2999
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2680
3000
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
2681
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
3001
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1U, cls: ['expandable-info-modal'] }) },
|
|
2682
3002
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
2683
3003
|
};
|
|
2684
3004
|
/**
|
|
@@ -2686,23 +3006,23 @@ var Component$1V = function (_a) {
|
|
|
2686
3006
|
*/
|
|
2687
3007
|
var ExpandableInfoModal = Component$1V;
|
|
2688
3008
|
|
|
2689
|
-
var styles$
|
|
3009
|
+
var styles$1T = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
2690
3010
|
|
|
2691
|
-
var styles$
|
|
3011
|
+
var styles$1S = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
2692
3012
|
|
|
2693
3013
|
var DesktopSideCards = function (_a) {
|
|
2694
3014
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
2695
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2696
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3015
|
+
return (React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container'] },
|
|
3016
|
+
React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container__side'] },
|
|
2697
3017
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
2698
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3018
|
+
React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container__main'] },
|
|
2699
3019
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
2700
3020
|
};
|
|
2701
3021
|
|
|
2702
3022
|
var MobileSideCards = function (_a) {
|
|
2703
3023
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
2704
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2705
|
-
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$
|
|
3024
|
+
return (React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container'] }, showContent ? (React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container__main'] },
|
|
3025
|
+
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container__side'] },
|
|
2706
3026
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
2707
3027
|
};
|
|
2708
3028
|
|
|
@@ -2759,9 +3079,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
2759
3079
|
updateDrawerContent(index);
|
|
2760
3080
|
toogleDrawer();
|
|
2761
3081
|
}, [toogleDrawer, updateDrawerContent]);
|
|
2762
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3082
|
+
return (React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container'] },
|
|
2763
3083
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
2764
|
-
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$
|
|
3084
|
+
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$1S['mega-menu-side-container__main'] },
|
|
2765
3085
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
2766
3086
|
};
|
|
2767
3087
|
|
|
@@ -2779,7 +3099,7 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
2779
3099
|
var Component$1T = function (_a) {
|
|
2780
3100
|
var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
2781
3101
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
2782
|
-
styles: styles$
|
|
3102
|
+
styles: styles$1T,
|
|
2783
3103
|
cls: [
|
|
2784
3104
|
'expandable-info-popover',
|
|
2785
3105
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -2787,7 +3107,7 @@ var Component$1T = function (_a) {
|
|
|
2787
3107
|
]
|
|
2788
3108
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2789
3109
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
2790
|
-
styles: styles$
|
|
3110
|
+
styles: styles$1T,
|
|
2791
3111
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
2792
3112
|
}) }),
|
|
2793
3113
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -2802,13 +3122,13 @@ var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
|
2802
3122
|
coin: CoinBlackOutline
|
|
2803
3123
|
};
|
|
2804
3124
|
|
|
2805
|
-
var styles$
|
|
3125
|
+
var styles$1R = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
2806
3126
|
|
|
2807
3127
|
var Component$1S = function (_a) {
|
|
2808
3128
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
2809
3129
|
var styleGenerator = React.useCallback(function (base) {
|
|
2810
3130
|
return CNM.get({
|
|
2811
|
-
styles: styles$
|
|
3131
|
+
styles: styles$1R,
|
|
2812
3132
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
2813
3133
|
});
|
|
2814
3134
|
}, [variant]);
|
|
@@ -2840,7 +3160,7 @@ var Component$1S = function (_a) {
|
|
|
2840
3160
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
2841
3161
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
2842
3162
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2843
|
-
styles: styles$
|
|
3163
|
+
styles: styles$1R,
|
|
2844
3164
|
cls: [
|
|
2845
3165
|
'expandable-info-toggler__summary',
|
|
2846
3166
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -2855,7 +3175,7 @@ var Component$1S = function (_a) {
|
|
|
2855
3175
|
*/
|
|
2856
3176
|
var ExpandableInfoToggler = Component$1S;
|
|
2857
3177
|
|
|
2858
|
-
var styles$
|
|
3178
|
+
var styles$1Q = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
2859
3179
|
|
|
2860
3180
|
var Component$1R = function (_a) {
|
|
2861
3181
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
@@ -2871,9 +3191,9 @@ var Component$1R = function (_a) {
|
|
|
2871
3191
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
2872
3192
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
2873
3193
|
});
|
|
2874
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3194
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Q, cls: ['expandable-info'] }) },
|
|
2875
3195
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
2876
|
-
styles: styles$
|
|
3196
|
+
styles: styles$1Q,
|
|
2877
3197
|
cls: [
|
|
2878
3198
|
'expandable-info__container',
|
|
2879
3199
|
"expandable-info__container--".concat(variant),
|
|
@@ -2883,7 +3203,7 @@ var Component$1R = function (_a) {
|
|
|
2883
3203
|
}) },
|
|
2884
3204
|
container,
|
|
2885
3205
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2886
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3206
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1Q, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
2887
3207
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
2888
3208
|
};
|
|
2889
3209
|
/**
|
|
@@ -2917,7 +3237,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
2917
3237
|
return React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-filter-container")] }, children);
|
|
2918
3238
|
};
|
|
2919
3239
|
|
|
2920
|
-
var styles$
|
|
3240
|
+
var styles$1P = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
|
|
2921
3241
|
|
|
2922
3242
|
var FilterMenuItem = function (_a) {
|
|
2923
3243
|
var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
|
|
@@ -2932,49 +3252,49 @@ var FilterMenuItem = function (_a) {
|
|
|
2932
3252
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
2933
3253
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
2934
3254
|
var className = React.useMemo(function () {
|
|
2935
|
-
return isApplied ? styles$
|
|
3255
|
+
return isApplied ? styles$1P.selected : isSearched ? styles$1P.isSearched : hiddenCount ? '' : !total && styles$1P.disabled;
|
|
2936
3256
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
2937
3257
|
var handleClick = React.useCallback(function () {
|
|
2938
3258
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
2939
3259
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
2940
3260
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
2941
3261
|
if (loading)
|
|
2942
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
2943
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
3262
|
+
return React__default["default"].createElement("div", { className: styles$1P.skeleton });
|
|
3263
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1P['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
2944
3264
|
React__default["default"].createElement("span", null, label),
|
|
2945
3265
|
displayOutput));
|
|
2946
3266
|
};
|
|
2947
3267
|
|
|
2948
|
-
var styles$
|
|
3268
|
+
var styles$1O = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
|
|
2949
3269
|
|
|
2950
3270
|
var FilterSearchItem = function (_a) {
|
|
2951
3271
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
2952
3272
|
var inputRef = React.useRef(null);
|
|
2953
3273
|
if (loading)
|
|
2954
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3274
|
+
return (React__default["default"].createElement("div", { className: styles$1O.skeleton },
|
|
2955
3275
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
2956
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3276
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1O['magneto-ui-filter-search'], " ").concat(disabled ? styles$1O.disabled : '') },
|
|
2957
3277
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
2958
3278
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
2959
3279
|
};
|
|
2960
3280
|
|
|
2961
|
-
var styles$
|
|
3281
|
+
var styles$1N = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
2962
3282
|
|
|
2963
3283
|
var Component$1Q = function (_a) {
|
|
2964
3284
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
2965
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2966
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3285
|
+
return (React__default["default"].createElement("div", { className: styles$1N['fraud-card-job'] },
|
|
3286
|
+
React__default["default"].createElement("div", { className: styles$1N['fraud-card-job__header'] },
|
|
2967
3287
|
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
2968
3288
|
React__default["default"].createElement("h4", null, title)),
|
|
2969
3289
|
React__default["default"].createElement("div", null,
|
|
2970
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2971
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
3290
|
+
React__default["default"].createElement("p", { className: styles$1N['fraud-card-job__text'] }, content),
|
|
3291
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1N['fraud-card-job__link'], href: link },
|
|
2972
3292
|
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
2973
3293
|
linkText))));
|
|
2974
3294
|
};
|
|
2975
3295
|
var FraudCardJob = Component$1Q;
|
|
2976
3296
|
|
|
2977
|
-
var styles$
|
|
3297
|
+
var styles$1M = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
2978
3298
|
|
|
2979
3299
|
var Component$1P = function (_a) {
|
|
2980
3300
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
@@ -2986,17 +3306,17 @@ var Component$1P = function (_a) {
|
|
|
2986
3306
|
return searchList;
|
|
2987
3307
|
}, [searchList, showFullList]);
|
|
2988
3308
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
2989
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
2990
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
2991
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3309
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-frequent-search'] },
|
|
3310
|
+
React__default["default"].createElement("h2", { className: styles$1M['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
3311
|
+
React__default["default"].createElement("div", { className: styles$1M['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
2992
3312
|
var props = __rest(_a, []);
|
|
2993
3313
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
2994
3314
|
})),
|
|
2995
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3315
|
+
React__default["default"].createElement("div", { className: styles$1M['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1M['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
2996
3316
|
showMore,
|
|
2997
3317
|
" (",
|
|
2998
3318
|
searchList.length,
|
|
2999
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
3319
|
+
")")) : (React__default["default"].createElement("button", { className: styles$1M['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
3000
3320
|
};
|
|
3001
3321
|
/**
|
|
3002
3322
|
* UI Atom component of Frequent Search
|
|
@@ -3014,35 +3334,35 @@ var Component$1O = function (_a) {
|
|
|
3014
3334
|
};
|
|
3015
3335
|
var HeaderDrawerCompany = Component$1O;
|
|
3016
3336
|
|
|
3017
|
-
var styles$
|
|
3337
|
+
var styles$1L = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
3018
3338
|
|
|
3019
3339
|
var Component$1N = function (_a) {
|
|
3020
3340
|
var children = _a.children;
|
|
3021
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
3341
|
+
return React__default["default"].createElement("div", { className: styles$1L.TabComponent }, children);
|
|
3022
3342
|
};
|
|
3023
3343
|
/**
|
|
3024
3344
|
* Molecule UI for Tab
|
|
3025
3345
|
*/
|
|
3026
3346
|
var Tab = Component$1N;
|
|
3027
3347
|
|
|
3028
|
-
var styles$
|
|
3348
|
+
var styles$1K = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
3029
3349
|
|
|
3030
3350
|
var Component$1M = function (_a) {
|
|
3031
3351
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
3032
3352
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
3033
3353
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
3034
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3354
|
+
return (React__default["default"].createElement("div", { className: styles$1K.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
3035
3355
|
};
|
|
3036
3356
|
/**
|
|
3037
3357
|
* Molecule UI component for Tab Button
|
|
3038
3358
|
*/
|
|
3039
3359
|
var TabButton = Component$1M;
|
|
3040
3360
|
|
|
3041
|
-
var styles$
|
|
3361
|
+
var styles$1J = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
3042
3362
|
|
|
3043
3363
|
var Component$1L = function (_a) {
|
|
3044
3364
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
3045
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3365
|
+
return (React__default["default"].createElement("div", { className: styles$1J.HeaderDrawerTabsComponent },
|
|
3046
3366
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
3047
3367
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
3048
3368
|
React__default["default"].createElement(Tab, null,
|
|
@@ -3051,11 +3371,11 @@ var Component$1L = function (_a) {
|
|
|
3051
3371
|
};
|
|
3052
3372
|
var HeaderDrawerTabs = Component$1L;
|
|
3053
3373
|
|
|
3054
|
-
var styles$
|
|
3374
|
+
var styles$1I = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
3055
3375
|
|
|
3056
3376
|
var Component$1K = function (_a) {
|
|
3057
3377
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
3058
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3378
|
+
return (React__default["default"].createElement("div", { className: styles$1I.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
3059
3379
|
var headerTabProps = __rest(_a, []);
|
|
3060
3380
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
3061
3381
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -3068,7 +3388,7 @@ var Component$1K = function (_a) {
|
|
|
3068
3388
|
*/
|
|
3069
3389
|
var HeaderTabs = Component$1K;
|
|
3070
3390
|
|
|
3071
|
-
var styles$
|
|
3391
|
+
var styles$1H = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
3072
3392
|
|
|
3073
3393
|
var Input = function (_a) {
|
|
3074
3394
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
|
|
@@ -3103,26 +3423,26 @@ var Input = function (_a) {
|
|
|
3103
3423
|
setInputValue(e.target.value);
|
|
3104
3424
|
}, [onChange]);
|
|
3105
3425
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
3106
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3426
|
+
React__default["default"].createElement("div", { className: styles$1H["".concat(classMUI, "-input")] },
|
|
3107
3427
|
React__default["default"].createElement("div", null,
|
|
3108
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3428
|
+
React__default["default"].createElement("div", { className: styles$1H["".concat(classMUI, "-input--container")] },
|
|
3109
3429
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
3110
3430
|
left: hideIcon ? '10px' : '40px',
|
|
3111
3431
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
3112
3432
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
3113
|
-
}, className: styles$
|
|
3433
|
+
}, className: styles$1H["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
3114
3434
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
3115
3435
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
3116
|
-
}, disabled: disabled, className: styles$
|
|
3117
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
3118
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
3436
|
+
}, disabled: disabled, className: styles$1H["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
3437
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1H["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
3438
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1H["".concat(classMUI, "-input--container__icon-action")] },
|
|
3119
3439
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
3120
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3121
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
3440
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1H["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1H['footer-without-error'] : '') },
|
|
3441
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1H["".concat(classMUI, "-input--container__error")] }, error)),
|
|
3122
3442
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
3123
3443
|
};
|
|
3124
3444
|
|
|
3125
|
-
var styles$
|
|
3445
|
+
var styles$1G = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
3126
3446
|
|
|
3127
3447
|
var InputPlus = function (_a) {
|
|
3128
3448
|
var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
|
|
@@ -3166,23 +3486,23 @@ var InputPlus = function (_a) {
|
|
|
3166
3486
|
}
|
|
3167
3487
|
}
|
|
3168
3488
|
}, [disabledBtn, handleSubmmit]);
|
|
3169
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3489
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1G["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
3170
3490
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
3171
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
3491
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1G["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1G.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1G['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
3172
3492
|
};
|
|
3173
3493
|
|
|
3174
|
-
var styles$
|
|
3494
|
+
var styles$1F = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
3175
3495
|
|
|
3176
3496
|
var style$L = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
3177
3497
|
|
|
3178
|
-
var styles$
|
|
3498
|
+
var styles$1E = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
3179
3499
|
|
|
3180
3500
|
var Tooltip = function (_a) {
|
|
3181
3501
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
3182
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3183
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3502
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1E['tooltip-container'], " ").concat(styles$1E["tooltip-".concat(position)]) },
|
|
3503
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1E['tooltip'], " ").concat(styles$1E["tooltip-".concat(position)]) },
|
|
3184
3504
|
children,
|
|
3185
|
-
visible && (React__default["default"].createElement("span", { className: "".concat(styles$
|
|
3505
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1E['tooltip-text'], " ").concat(styles$1E["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
3186
3506
|
};
|
|
3187
3507
|
|
|
3188
3508
|
var Component$1J = function (_a) {
|
|
@@ -3217,20 +3537,20 @@ var Component$1I = function (_a) {
|
|
|
3217
3537
|
var isMobile = useMediaQuery(true, { md: false });
|
|
3218
3538
|
var ActionLink = function (_a) {
|
|
3219
3539
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
3220
|
-
var iconContent = (React__default["default"].createElement("a", { className: styles$
|
|
3540
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$1F['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
3221
3541
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
3222
3542
|
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
3223
3543
|
};
|
|
3224
3544
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
3225
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3226
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
3227
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3545
|
+
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-actions'] },
|
|
3546
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1F['magneto-ui__external-child'] }, externalButtonChild),
|
|
3547
|
+
React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-actions__buttons-wrapper'] },
|
|
3228
3548
|
!isApplied && (React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
3229
3549
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
3230
3550
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
3231
3551
|
filteredActionsLinkList.map(function (_a) {
|
|
3232
3552
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
3233
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3553
|
+
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
3234
3554
|
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
3235
3555
|
}))));
|
|
3236
3556
|
};
|
|
@@ -3239,13 +3559,13 @@ var Component$1I = function (_a) {
|
|
|
3239
3559
|
*/
|
|
3240
3560
|
var JobActions = Component$1I;
|
|
3241
3561
|
|
|
3242
|
-
var styles$
|
|
3562
|
+
var styles$1D = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_16e1d","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_16e1d","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_16e1d","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_16e1d","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_16e1d"};
|
|
3243
3563
|
|
|
3244
3564
|
var Component$1H = function (_a) {
|
|
3245
3565
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
3246
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3247
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3248
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3566
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-apply-card'] },
|
|
3567
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-apply-card__wrapper'] },
|
|
3568
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-apply-card__header'] },
|
|
3249
3569
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
3250
3570
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
3251
3571
|
offerApplyElements
|
|
@@ -3255,49 +3575,238 @@ var Component$1H = function (_a) {
|
|
|
3255
3575
|
})
|
|
3256
3576
|
.map(function (_a) {
|
|
3257
3577
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
3258
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
3578
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
3259
3579
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
3260
3580
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
3261
3581
|
})),
|
|
3262
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
3582
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1D['magneto-ui__external-child'] }, externalChild))));
|
|
3263
3583
|
};
|
|
3264
3584
|
/**
|
|
3265
3585
|
* UI Molecule Component for Job Apply Card
|
|
3266
3586
|
*/
|
|
3267
3587
|
var JobApplyCard = Component$1H;
|
|
3268
3588
|
|
|
3269
|
-
var
|
|
3589
|
+
var styles$1C = {"option":"mg_vacant_option_mobile_option_10cgk","option--link":"mg_vacant_option_mobile_option--link_10cgk","option--button":"mg_vacant_option_mobile_option--button_10cgk","icon--big":"mg_vacant_option_mobile_icon--big_10cgk"};
|
|
3590
|
+
|
|
3591
|
+
var cx$R = classNames.bind(styles$1C);
|
|
3592
|
+
var VacantOptionMobile = function (_a) {
|
|
3593
|
+
var option = _a.option, onClick = _a.onClick, onMenu = _a.onMenu;
|
|
3594
|
+
var handleClick = function () {
|
|
3595
|
+
var _a;
|
|
3596
|
+
if (option.type === 'button') {
|
|
3597
|
+
(_a = option.onClick) === null || _a === void 0 ? void 0 : _a.call(option);
|
|
3598
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
3599
|
+
}
|
|
3600
|
+
if (option.type === 'menu') {
|
|
3601
|
+
onMenu === null || onMenu === void 0 ? void 0 : onMenu(option.children);
|
|
3602
|
+
}
|
|
3603
|
+
};
|
|
3604
|
+
var icon = ShareIcons[option.icon]
|
|
3605
|
+
? ShareIcons[option.icon].icon
|
|
3606
|
+
: option.icon;
|
|
3607
|
+
if (option.type === 'link') {
|
|
3608
|
+
return (React__default["default"].createElement("a", { href: option.href, target: "_blank", rel: "noopener noreferrer", className: cx$R('option', 'option--link', option.className) },
|
|
3609
|
+
option.icon ? React__default["default"].createElement(IconItem, { size: 18, icon: icon }) : null,
|
|
3610
|
+
" ",
|
|
3611
|
+
option.label));
|
|
3612
|
+
}
|
|
3613
|
+
if (option.type === 'button' || option.type === 'menu') {
|
|
3614
|
+
return (React__default["default"].createElement("button", { className: cx$R('option', 'option--button', option.className), onClick: handleClick, type: "button" },
|
|
3615
|
+
option.icon ? React__default["default"].createElement(IconItem, { size: 18, icon: icon }) : null,
|
|
3616
|
+
" ",
|
|
3617
|
+
option.label));
|
|
3618
|
+
}
|
|
3619
|
+
return React__default["default"].createElement(React__default["default"].Fragment, null);
|
|
3620
|
+
};
|
|
3621
|
+
|
|
3622
|
+
var styles$1B = {"button":"mg_job_card_option_drawer_button_1b6xo","button-back":"mg_job_card_option_drawer_button-back_1b6xo","drawer":"mg_job_card_option_drawer_drawer_1b6xo","drawer__title":"mg_job_card_option_drawer_drawer_title_1b6xo","drawer__company":"mg_job_card_option_drawer_drawer_company_1b6xo","drawer__header":"mg_job_card_option_drawer_drawer_header_1b6xo"};
|
|
3623
|
+
|
|
3624
|
+
var cx$Q = classNames.bind(styles$1B);
|
|
3625
|
+
var JobCardOptionDrawer = function (_a) {
|
|
3626
|
+
var title = _a.title, company = _a.company, menu = _a.menu, backText = _a.backText;
|
|
3627
|
+
var _b = React.useState(false), isOpen = _b[0], setOpen = _b[1];
|
|
3628
|
+
var _c = React.useState(false), showBack = _c[0], setShowBack = _c[1];
|
|
3629
|
+
var _d = React.useState(menu), options = _d[0], setOptions = _d[1];
|
|
3630
|
+
var toggle = function () { return setOpen(function (prev) { return !prev; }); };
|
|
3631
|
+
var handleMenu = React.useCallback(function (options, showBack) {
|
|
3632
|
+
if (showBack === void 0) { showBack = true; }
|
|
3633
|
+
setOptions(options);
|
|
3634
|
+
setShowBack(showBack);
|
|
3635
|
+
}, []);
|
|
3636
|
+
React.useEffect(function () {
|
|
3637
|
+
var _a;
|
|
3638
|
+
var onBlurWindow = function () {
|
|
3639
|
+
setOpen(false);
|
|
3640
|
+
handleMenu(menu, false);
|
|
3641
|
+
};
|
|
3642
|
+
(_a = window === null || window === void 0 ? void 0 : window.addEventListener) === null || _a === void 0 ? void 0 : _a.call(window, 'blur', onBlurWindow);
|
|
3643
|
+
return function () {
|
|
3644
|
+
var _a;
|
|
3645
|
+
(_a = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(window, 'blur', onBlurWindow);
|
|
3646
|
+
};
|
|
3647
|
+
}, [handleMenu, menu]);
|
|
3648
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3649
|
+
React__default["default"].createElement("button", { onClick: toggle, className: cx$Q('button'), type: "button" },
|
|
3650
|
+
React__default["default"].createElement(IconItem, { icon: More, size: 18 })),
|
|
3651
|
+
React__default["default"].createElement(MobileDrawer, { className: cx$Q('drawer'), isOpen: isOpen, onClose: toggle },
|
|
3652
|
+
React__default["default"].createElement("header", { className: cx$Q('drawer__header') },
|
|
3653
|
+
showBack ? (React__default["default"].createElement("section", null,
|
|
3654
|
+
React__default["default"].createElement("button", { type: "button", className: cx$Q('button-back'), onClick: function () { return handleMenu(menu, false); } },
|
|
3655
|
+
React__default["default"].createElement(IconItem, { icon: ArrowLeft2, size: 20 }),
|
|
3656
|
+
" ",
|
|
3657
|
+
backText))) : null,
|
|
3658
|
+
React__default["default"].createElement("h4", { className: cx$Q('drawer__title') }, title),
|
|
3659
|
+
React__default["default"].createElement("h5", { className: cx$Q('drawer__company') }, company)),
|
|
3660
|
+
React__default["default"].createElement("div", null, options.map(function (option, index) { return (React__default["default"].createElement(VacantOptionMobile, { key: index + option.label, option: option, onMenu: handleMenu, onClick: function () {
|
|
3661
|
+
toggle();
|
|
3662
|
+
handleMenu(menu, false);
|
|
3663
|
+
} })); })))));
|
|
3664
|
+
};
|
|
3665
|
+
|
|
3666
|
+
var styles$1A = {"option":"mg_vacant_option_option_14jrn","option--link":"mg_vacant_option_option--link_14jrn","option--menu":"mg_vacant_option_option--menu_14jrn","option--menu-open":"mg_vacant_option_option--menu-open_14jrn","option__menu-list":"mg_vacant_option_option_menu-list_14jrn","option--button":"mg_vacant_option_option--button_14jrn","icon--big":"mg_vacant_option_icon--big_14jrn"};
|
|
3667
|
+
|
|
3668
|
+
var cx$P = classNames.bind(styles$1A);
|
|
3669
|
+
var VacantOption = function (_a) {
|
|
3670
|
+
var option = _a.option, onClick = _a.onClick;
|
|
3671
|
+
var _b = React.useState(false), open = _b[0], setOpen = _b[1];
|
|
3672
|
+
var handleClick = function () {
|
|
3673
|
+
var _a;
|
|
3674
|
+
if (option.type === 'button') {
|
|
3675
|
+
(_a = option.onClick) === null || _a === void 0 ? void 0 : _a.call(option);
|
|
3676
|
+
}
|
|
3677
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
|
3678
|
+
};
|
|
3679
|
+
var icon = ShareIcons[option.icon]
|
|
3680
|
+
? ShareIcons[option.icon].icon
|
|
3681
|
+
: option.icon;
|
|
3682
|
+
if (option.type === 'menu') {
|
|
3683
|
+
return (React__default["default"].createElement(MenuDropdown, { title: option.label, opened: open, onClick: setOpen, prefixIcon: { icon: icon, size: 18 }, suffixIcon: { icon: ArrowDown2 }, className: cx$P('option', 'option--menu', { 'option--menu-open': open }, option.className), listClassName: cx$P('option__menu-list') }, option.children.map(function (child) { return (React__default["default"].createElement(VacantOption, { onClick: handleClick, key: child.label, option: child })); })));
|
|
3684
|
+
}
|
|
3685
|
+
if (option.type === 'link') {
|
|
3686
|
+
return (React__default["default"].createElement("a", { href: option.href, target: "_blank", rel: "noopener noreferrer", className: cx$P('option', 'option--link', option.className) },
|
|
3687
|
+
option.icon ? React__default["default"].createElement(IconItem, { size: 18, icon: icon }) : null,
|
|
3688
|
+
" ",
|
|
3689
|
+
option.label));
|
|
3690
|
+
}
|
|
3691
|
+
if (option.type === 'button') {
|
|
3692
|
+
return (React__default["default"].createElement("button", { className: cx$P('option', 'option--button', option.className), onClick: handleClick, type: "button" },
|
|
3693
|
+
option.icon ? React__default["default"].createElement(IconItem, { size: 18, icon: icon }) : null,
|
|
3694
|
+
" ",
|
|
3695
|
+
option.label));
|
|
3696
|
+
}
|
|
3697
|
+
return React__default["default"].createElement(React__default["default"].Fragment, null);
|
|
3698
|
+
};
|
|
3699
|
+
|
|
3700
|
+
var styles$1z = {"popover--open":"mg_job_card_option_popover--open_12kph","popover":"mg_job_card_option_popover_12kph","button":"mg_job_card_option_button_12kph"};
|
|
3701
|
+
|
|
3702
|
+
var cx$O = classNames.bind(styles$1z);
|
|
3703
|
+
var JobCardOption = function (_a) {
|
|
3704
|
+
var _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? stubUndefined : _c, menu = _a.menu;
|
|
3705
|
+
var ref = React.useRef(null);
|
|
3706
|
+
var toggle = function () { return setClickOut(function (prev) { return !prev; }); };
|
|
3707
|
+
React.useEffect(function () {
|
|
3708
|
+
var _a;
|
|
3709
|
+
var onBlurWindow = function () {
|
|
3710
|
+
setClickOut(false);
|
|
3711
|
+
};
|
|
3712
|
+
(_a = window === null || window === void 0 ? void 0 : window.addEventListener) === null || _a === void 0 ? void 0 : _a.call(window, 'blur', onBlurWindow);
|
|
3713
|
+
return function () {
|
|
3714
|
+
var _a;
|
|
3715
|
+
(_a = window === null || window === void 0 ? void 0 : window.removeEventListener) === null || _a === void 0 ? void 0 : _a.call(window, 'blur', onBlurWindow);
|
|
3716
|
+
};
|
|
3717
|
+
}, [setClickOut]);
|
|
3718
|
+
return (React__default["default"].createElement(Popover, { className: cx$O('popover', { 'popover--open': clickOut }), content: React__default["default"].createElement("div", { onBlur: toggle, ref: ref }, menu.map(function (option) { return (React__default["default"].createElement(VacantOption, { key: option.label, onClick: toggle, option: option })); })), show: clickOut, widthBase: 35, positionX: "left", positionY: "bottom" },
|
|
3719
|
+
React__default["default"].createElement("button", { type: "button", className: cx$O('button'), onClick: function () {
|
|
3720
|
+
setClickOut(function (prev) {
|
|
3721
|
+
var _a;
|
|
3722
|
+
if (!prev) {
|
|
3723
|
+
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
3724
|
+
}
|
|
3725
|
+
return !prev;
|
|
3726
|
+
});
|
|
3727
|
+
} },
|
|
3728
|
+
React__default["default"].createElement(IconItem, { icon: More, size: 18 }))));
|
|
3729
|
+
};
|
|
3730
|
+
var JobCardOption$1 = withClickOut(JobCardOption);
|
|
3731
|
+
|
|
3732
|
+
var style$K = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1sr9b","magneto-ui-card-jobs--urgent":"mg_job_card_desktop_magneto-ui-card-jobs--urgent_1sr9b","magneto-ui-card-jobs__container":"mg_job_card_desktop_magneto-ui-card-jobs_container_1sr9b","magneto-ui-card-jobs--job-open":"mg_job_card_desktop_magneto-ui-card-jobs--job-open_1sr9b","magneto-ui-card-jobs__render-right":"mg_job_card_desktop_magneto-ui-card-jobs_render-right_1sr9b","magneto-ui-card-jobs__options":"mg_job_card_desktop_magneto-ui-card-jobs_options_1sr9b","magneto-ui-card-jobs__data":"mg_job_card_desktop_magneto-ui-card-jobs_data_1sr9b","magneto-ui-card-jobs__button":"mg_job_card_desktop_magneto-ui-card-jobs_button_1sr9b","magneto-ui-card-jobs__white-space":"mg_job_card_desktop_magneto-ui-card-jobs_white-space_1sr9b","magneto-ui-card-jobs__header":"mg_job_card_desktop_magneto-ui-card-jobs_header_1sr9b","magneto-ui-card-jobs__arrow":"mg_job_card_desktop_magneto-ui-card-jobs_arrow_1sr9b","magneto-ui-card-jobs__text":"mg_job_card_desktop_magneto-ui-card-jobs_text_1sr9b","magneto-ui-card-jobs__text--bold":"mg_job_card_desktop_magneto-ui-card-jobs_text--bold_1sr9b","magneto-ui-card-jobs__text--big":"mg_job_card_desktop_magneto-ui-card-jobs_text--big_1sr9b","magneto-ui-card-jobs__text--small":"mg_job_card_desktop_magneto-ui-card-jobs_text--small_1sr9b","magneto-ui-card-jobs__published":"mg_job_card_desktop_magneto-ui-card-jobs_published_1sr9b","magneto-ui-card-jobs__urgent":"mg_job_card_desktop_magneto-ui-card-jobs_urgent_1sr9b","magneto-ui-card-jobs__urgent-icon":"mg_job_card_desktop_magneto-ui-card-jobs_urgent-icon_1sr9b","magneto-ui-card-jobs__a":"mg_job_card_desktop_magneto-ui-card-jobs_a_1sr9b","magneto-ui-card-jobs__company":"mg_job_card_desktop_magneto-ui-card-jobs_company_1sr9b","magneto-ui-card-jobs__brand":"mg_job_card_desktop_magneto-ui-card-jobs_brand_1sr9b","magneto-ui-card-jobs__brand-img":"mg_job_card_desktop_magneto-ui-card-jobs_brand-img_1sr9b"};
|
|
3733
|
+
|
|
3734
|
+
var useWithElement = function (ref) {
|
|
3735
|
+
var _a = React.useState(null), width = _a[0], setWidth = _a[1];
|
|
3736
|
+
React.useEffect(function () {
|
|
3737
|
+
if (!ref.current)
|
|
3738
|
+
return;
|
|
3739
|
+
var observer = new ResizeObserver(function (_a) {
|
|
3740
|
+
var entry = _a[0];
|
|
3741
|
+
setWidth(entry.contentRect.width);
|
|
3742
|
+
});
|
|
3743
|
+
observer.observe(ref.current);
|
|
3744
|
+
return function () { return observer.disconnect(); };
|
|
3745
|
+
}, [ref]);
|
|
3746
|
+
return width;
|
|
3747
|
+
};
|
|
3270
3748
|
|
|
3749
|
+
var cx$N = classNames.bind(style$K);
|
|
3750
|
+
var getJobSubtitle = function (companyName) {
|
|
3751
|
+
var args = [];
|
|
3752
|
+
for (var _i = 1; _i < arguments.length; _i++) {
|
|
3753
|
+
args[_i - 1] = arguments[_i];
|
|
3754
|
+
}
|
|
3755
|
+
var additionalData = args.filter(function (arg) { return arg !== undefined; }).join(', ');
|
|
3756
|
+
if (companyName)
|
|
3757
|
+
return "".concat(companyName, " | ").concat(additionalData);
|
|
3758
|
+
return additionalData;
|
|
3759
|
+
};
|
|
3271
3760
|
var JobCardDesktop = function (_a) {
|
|
3272
|
-
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b,
|
|
3761
|
+
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl, renderRight = _a.renderRight;
|
|
3762
|
+
var optionsRef = React.useRef(null);
|
|
3763
|
+
var width = useWithElement(optionsRef);
|
|
3273
3764
|
var citiesformatted = React.useMemo(function () {
|
|
3274
3765
|
if ((cities === null || cities === void 0 ? void 0 : cities.length) > 5) {
|
|
3275
3766
|
return cities === null || cities === void 0 ? void 0 : cities.slice(0, 5).join(', ');
|
|
3276
3767
|
}
|
|
3277
3768
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
3278
3769
|
}, [cities]);
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3287
|
-
React__default["default"].createElement("
|
|
3288
|
-
React__default["default"].createElement("
|
|
3289
|
-
|
|
3290
|
-
|
|
3291
|
-
|
|
3292
|
-
|
|
3293
|
-
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3770
|
+
return (React__default["default"].createElement("div", { className: cx$N("".concat(classMUI, "-card-jobs__container"), jobOpen && "".concat(classMUI, "-card-jobs--job-open")) },
|
|
3771
|
+
React__default["default"].createElement("article", { onClick: showDetail, className: cx$N("".concat(classMUI, "-card-jobs"), urgent && "".concat(classMUI, "-card-jobs--urgent")) },
|
|
3772
|
+
!isCompanyPage && (React__default["default"].createElement("div", { className: cx$N("".concat(classMUI, "-card-jobs__brand")) },
|
|
3773
|
+
React__default["default"].createElement("div", null,
|
|
3774
|
+
React__default["default"].createElement("img", { className: cx$N("".concat(classMUI, "-card-jobs__brand-img")), alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
3775
|
+
React__default["default"].createElement("div", { className: cx$N("".concat(classMUI, "-card-jobs__data")) },
|
|
3776
|
+
React__default["default"].createElement("section", { className: cx$N("".concat(classMUI, "-card-jobs__header")) },
|
|
3777
|
+
React__default["default"].createElement("span", { className: cx$N("".concat(classMUI, "-card-jobs__text"), "".concat(classMUI, "-card-jobs__published")) }, formatPublishDate),
|
|
3778
|
+
React__default["default"].createElement("section", { ref: optionsRef, className: cx$N("".concat(classMUI, "-card-jobs__options"), 'opciones') })),
|
|
3779
|
+
React__default["default"].createElement("h2", { className: cx$N("".concat(classMUI, "-card-jobs__text"), "".concat(classMUI, "-card-jobs__text--big"), "".concat(classMUI, "-card-jobs__text--bold")) },
|
|
3780
|
+
React__default["default"].createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); }, className: cx$N("".concat(classMUI, "-card-jobs__a")) }, title)),
|
|
3781
|
+
React__default["default"].createElement("h3", { className: cx$N("".concat(classMUI, "-card-jobs__text")) }, getJobSubtitle(companyName, contractType)),
|
|
3782
|
+
React__default["default"].createElement("p", { className: cx$N("".concat(classMUI, "-card-jobs__text")) }, salary),
|
|
3783
|
+
React__default["default"].createElement("p", { className: cx$N("".concat(classMUI, "-card-jobs__text")) }, citiesformatted))),
|
|
3784
|
+
React__default["default"].createElement("div", { style: { width: width || 300 }, className: cx$N("".concat(classMUI, "-card-jobs__render-right")) },
|
|
3785
|
+
React__default["default"].createElement("div", { className: cx$N("".concat(classMUI, "-card-jobs__white-space")), onClick: function () { return showDetail === null || showDetail === void 0 ? void 0 : showDetail(); } }, urgent ? (React__default["default"].createElement("span", { className: cx$N("".concat(classMUI, "-card-jobs__urgent"), "".concat(classMUI, "-card-jobs__text--small")) },
|
|
3786
|
+
React__default["default"].createElement(IconItem, { className: cx$N("".concat(classMUI, "-card-jobs__urgent-icon")), icon: Urgent, size: 14 }),
|
|
3787
|
+
" ",
|
|
3788
|
+
urgent)) : null),
|
|
3789
|
+
renderRight ? renderRight() : null,
|
|
3790
|
+
React__default["default"].createElement("button", { className: cx$N("".concat(classMUI, "-card-jobs__button")), onClick: function () { return showDetail === null || showDetail === void 0 ? void 0 : showDetail(); } },
|
|
3791
|
+
React__default["default"].createElement(IconItem, { icon: ArrowLeft2, size: 16, className: cx$N("".concat(classMUI, "-card-jobs__arrow")) })))));
|
|
3792
|
+
};
|
|
3793
|
+
|
|
3794
|
+
var JobCard = function (_a) {
|
|
3795
|
+
var _b = _a.wasSeen, wasSeen = _b === void 0 ? false : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, props = __rest(_a, ["wasSeen", "isActive"]);
|
|
3796
|
+
var _d = React.useMemo(function () {
|
|
3797
|
+
var workSeen = wasSeen ? 'was-seen' : '';
|
|
3798
|
+
var jobOpen = isActive ? 'is-active' : '';
|
|
3799
|
+
return { workSeen: workSeen, jobOpen: jobOpen };
|
|
3800
|
+
}, [wasSeen, isActive]), workSeen = _d.workSeen, jobOpen = _d.jobOpen;
|
|
3801
|
+
var cardProps = __assign({ workSeen: workSeen, jobOpen: jobOpen }, props);
|
|
3802
|
+
var device = useMediaQuery('desktop', { md: 'mobile' });
|
|
3803
|
+
if (device === 'mobile') {
|
|
3804
|
+
return (React__default["default"].createElement(JobCardDesktop, __assign({ renderRight: function () {
|
|
3805
|
+
var _a;
|
|
3806
|
+
return (React__default["default"].createElement(JobCardOptionDrawer, { backText: cardProps.backText, menu: (_a = cardProps.menu) !== null && _a !== void 0 ? _a : [], title: cardProps.title, company: cardProps.companyName }));
|
|
3807
|
+
} }, cardProps)));
|
|
3808
|
+
}
|
|
3809
|
+
return React__default["default"].createElement(JobCardDesktop, __assign({ renderRight: function () { var _a; return React__default["default"].createElement(JobCardOption$1, { menu: (_a = cardProps.menu) !== null && _a !== void 0 ? _a : [] }); } }, cardProps));
|
|
3301
3810
|
};
|
|
3302
3811
|
|
|
3303
3812
|
var style$J = {"magneto-ui-card-mobile-jobs":"mg_job_card_mobile_magneto-ui-card-mobile-jobs_18tcb","magneto-ui-card-mobile-jobs--data":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--data_18tcb","magneto-ui-card-mobile-jobs--row1":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row1_18tcb","magneto-ui-card-mobile-jobs--row2":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_18tcb","magneto-ui-card-mobile-jobs--row2__position":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_position_18tcb","magneto-ui-card-mobile-jobs--row2__info":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--row2_info_18tcb","magneto-ui-card-mobile-jobs--brand":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_18tcb","magneto-ui-card-mobile-jobs--brand__img":"mg_job_card_mobile_magneto-ui-card-mobile-jobs--brand_img_18tcb"};
|
|
@@ -3334,20 +3843,6 @@ var JobCardMobile = function (_a) {
|
|
|
3334
3843
|
React__default["default"].createElement("p", null, educationLevel))))));
|
|
3335
3844
|
};
|
|
3336
3845
|
|
|
3337
|
-
var JobCard = function (_a) {
|
|
3338
|
-
var _b = _a.wasSeen, wasSeen = _b === void 0 ? false : _b, _c = _a.isActive, isActive = _c === void 0 ? false : _c, props = __rest(_a, ["wasSeen", "isActive"]);
|
|
3339
|
-
var _d = React.useMemo(function () {
|
|
3340
|
-
var workSeen = wasSeen ? 'was-seen' : '';
|
|
3341
|
-
var jobOpen = isActive ? 'is-active' : '';
|
|
3342
|
-
return { workSeen: workSeen, jobOpen: jobOpen };
|
|
3343
|
-
}, [wasSeen, isActive]), workSeen = _d.workSeen, jobOpen = _d.jobOpen;
|
|
3344
|
-
var cardProps = __assign({ workSeen: workSeen, jobOpen: jobOpen }, props);
|
|
3345
|
-
var cardResponsive = useMediaQuery(React__default["default"].createElement(JobCardDesktop, __assign({}, cardProps)), {
|
|
3346
|
-
md: React__default["default"].createElement(JobCardMobile, __assign({}, cardProps))
|
|
3347
|
-
});
|
|
3348
|
-
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
3349
|
-
};
|
|
3350
|
-
|
|
3351
3846
|
var styles$1y = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
3352
3847
|
|
|
3353
3848
|
var Component$1G = function (_a) {
|
|
@@ -7985,7 +8480,7 @@ var showDetailByWindow = function (elementID) {
|
|
|
7985
8480
|
return true;
|
|
7986
8481
|
};
|
|
7987
8482
|
|
|
7988
|
-
var style$2 = {"magneto-ui-jobs-page":"mg_jobs_page_magneto-ui-jobs-
|
|
8483
|
+
var style$2 = {"magneto-ui-jobs-page":"mg_jobs_page_magneto-ui-jobs-page_ptua1","magneto-ui-jobs-page--filter-row":"mg_jobs_page_magneto-ui-jobs-page--filter-row_ptua1","magneto-ui-jobs-page--center-row":"mg_jobs_page_magneto-ui-jobs-page--center-row_ptua1","magneto-ui-jobs-page--center-row__jobs-result":"mg_jobs_page_magneto-ui-jobs-page--center-row_jobs-result_ptua1","magneto-ui-jobs-page--title":"mg_jobs_page_magneto-ui-jobs-page--title_ptua1"};
|
|
7989
8484
|
|
|
7990
8485
|
var style$1 = {"magneto-ui-job-card-skeleton":"mg_job_card_skeleton_magneto-ui-job-card-skeleton_yzrwa","magneto-ui-job-card-skeleton__row1":"mg_job_card_skeleton_magneto-ui-job-card-skeleton_row1_yzrwa","magneto-ui-job-card-skeleton__container":"mg_job_card_skeleton_magneto-ui-job-card-skeleton_container_yzrwa","magneto-ui-job-card-skeleton__container--row2":"mg_job_card_skeleton_magneto-ui-job-card-skeleton_container--row2_yzrwa","skeleton":"mg_job_card_skeleton_skeleton_yzrwa","shimmer":"mg_job_card_skeleton_shimmer_yzrwa"};
|
|
7991
8486
|
|