magneto365.ui 2.59.1 → 2.59.3
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/gif/f106e872354f9e4b.gif +0 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +160 -145
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/Button/Button.interface.d.ts +3 -2
- package/dist/cjs/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +10 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuEmpty/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +1 -0
- package/dist/cjs/types/constants/gifs.constants.d.ts +1 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +159 -146
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/Button/Button.interface.d.ts +3 -2
- package/dist/esm/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.component.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuEmpty/MegaMenuEmpty.interface.d.ts +10 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuEmpty/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +1 -0
- package/dist/esm/types/constants/gifs.constants.d.ts +1 -0
- package/dist/index.d.ts +61 -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 style$
|
|
251
|
+
var style$11 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
253
|
var Component$2A = function (_a) {
|
|
254
254
|
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;
|
|
@@ -257,11 +257,11 @@ var Component$2A = function (_a) {
|
|
|
257
257
|
setImageError(true);
|
|
258
258
|
};
|
|
259
259
|
var iconSrc = React.useMemo(function () { return (!imageError ? icon !== null && icon !== void 0 ? icon : undefined : fallbackIcon); }, [fallbackIcon, imageError, icon]);
|
|
260
|
-
var isHover = hover ? style$
|
|
260
|
+
var isHover = hover ? style$11['magneto-ui-hover'] : '';
|
|
261
261
|
var customStyle = size ? { width: size + 'px' } : {};
|
|
262
262
|
if (!iconSrc && !showDefaultFallback)
|
|
263
263
|
return null;
|
|
264
|
-
return (React__default["default"].createElement(React.Fragment, null, icon && (React__default["default"].createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$
|
|
264
|
+
return (React__default["default"].createElement(React.Fragment, null, icon && (React__default["default"].createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$11['magneto-ui-icon'], " ").concat(isHover, " ").concat(className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
|
|
265
265
|
};
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
@@ -755,9 +755,9 @@ var ShareLinksAction = function (_a) {
|
|
|
755
755
|
*/
|
|
756
756
|
var Actions = Object.assign(Component$2x, { ShareLinks: ShareLinksAction });
|
|
757
757
|
|
|
758
|
-
var style
|
|
758
|
+
var style$10 = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
759
759
|
|
|
760
|
-
var style
|
|
760
|
+
var style$$ = {"magneto-ui-bold":"mg_text_magneto-ui-bold_16w4y","magneto-ui-lighter":"mg_text_magneto-ui-lighter_16w4y","magneto-ui-normal":"mg_text_magneto-ui-normal_16w4y"};
|
|
761
761
|
|
|
762
762
|
var Component$2w = function (_a) {
|
|
763
763
|
var text = _a.text, customText = _a.customText, className = _a.className;
|
|
@@ -765,7 +765,7 @@ var Component$2w = function (_a) {
|
|
|
765
765
|
return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React__default["default"].createElement("span", { className: className }, customText.map(function (_a, index) {
|
|
766
766
|
var value = _a.value, fontWeight = _a.fontWeight, _b = _a.lineBreak, lineBreak = _b === void 0 ? false : _b;
|
|
767
767
|
return (React__default["default"].createElement(React.Fragment, { key: "custom-text-".concat(index) },
|
|
768
|
-
React__default["default"].createElement("span", { className: style
|
|
768
|
+
React__default["default"].createElement("span", { className: style$$["".concat(classMUI, "-").concat(fontWeight)] }, value),
|
|
769
769
|
lineBreak && React__default["default"].createElement("br", null)));
|
|
770
770
|
}))) : (React__default["default"].createElement("p", { className: className }, text));
|
|
771
771
|
}, [text, customText, className]);
|
|
@@ -781,33 +781,33 @@ var alertIcons$1 = {
|
|
|
781
781
|
};
|
|
782
782
|
var Component$2v = function (_a) {
|
|
783
783
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
784
|
-
var borderStyle = border ? style
|
|
785
|
-
var typeStyle = style
|
|
784
|
+
var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
785
|
+
var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
|
|
786
786
|
var iconByType = React.useMemo(function () { return alertIcons$1[type]; }, [type]);
|
|
787
|
-
return (React__default["default"].createElement("div", { className: "".concat(style
|
|
788
|
-
React__default["default"].createElement(IconItem, { className: style
|
|
789
|
-
React__default["default"].createElement(Text$1, { text: text, customText: customText, className: style
|
|
790
|
-
onClose && (React__default["default"].createElement("button", { className: style
|
|
787
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$10["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
|
|
788
|
+
React__default["default"].createElement(IconItem, { className: style$10["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
|
|
789
|
+
React__default["default"].createElement(Text$1, { text: text, customText: customText, className: style$10["".concat(classMUI, "-text")] }),
|
|
790
|
+
onClose && (React__default["default"].createElement("button", { className: style$10["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
|
|
791
791
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
792
792
|
extraButton));
|
|
793
793
|
};
|
|
794
794
|
var Alert = Component$2v;
|
|
795
795
|
|
|
796
|
-
var style$
|
|
796
|
+
var style$_ = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
797
797
|
|
|
798
798
|
var Muiclass$5 = 'magneto-ui';
|
|
799
799
|
var BrandsContainer = function (_a) {
|
|
800
800
|
var brands = _a.brands, closeBrands = _a.closeBrands, ourBrandsText = _a.ourBrandsText;
|
|
801
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
802
|
-
React__default["default"].createElement("div", { className: style$
|
|
803
|
-
React__default["default"].createElement("div", { className: style$
|
|
801
|
+
return (React__default["default"].createElement("div", { className: style$_["".concat(Muiclass$5, "-brands")] },
|
|
802
|
+
React__default["default"].createElement("div", { className: style$_["".concat(Muiclass$5, "-brands__header")] },
|
|
803
|
+
React__default["default"].createElement("div", { className: style$_["".concat(Muiclass$5, "-brands__header--row")] },
|
|
804
804
|
React__default["default"].createElement("p", null, ourBrandsText),
|
|
805
805
|
React__default["default"].createElement("button", { title: "cerrar menu", onClick: closeBrands, type: "button" },
|
|
806
806
|
React__default["default"].createElement(IconItem, { size: 15, icon: Close })))),
|
|
807
|
-
React__default["default"].createElement("div", { className: style$
|
|
808
|
-
React__default["default"].createElement("div", { className: style$
|
|
807
|
+
React__default["default"].createElement("div", { className: style$_["".concat(Muiclass$5, "-brands-container")] },
|
|
808
|
+
React__default["default"].createElement("div", { className: style$_["".concat(Muiclass$5, "-brands-container__brands")] }, brands === null || brands === void 0 ? void 0 : brands.map(function (_a, index) {
|
|
809
809
|
var brandAlt = _a.brandAlt, brandImg = _a.brandImg, brandTitle = _a.brandTitle, brandUrl = _a.brandUrl;
|
|
810
|
-
return (React__default["default"].createElement("a", { href: brandUrl, className: style$
|
|
810
|
+
return (React__default["default"].createElement("a", { href: brandUrl, className: style$_["".concat(Muiclass$5, "-brands-container__brands--brand")], key: index },
|
|
811
811
|
React__default["default"].createElement("img", { src: brandImg, alt: brandAlt, loading: "lazy", width: '100px', height: '26px' }),
|
|
812
812
|
React__default["default"].createElement("p", null, brandTitle)));
|
|
813
813
|
})))));
|
|
@@ -831,7 +831,7 @@ var DrawerPortal = function (_a) {
|
|
|
831
831
|
return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
|
|
832
832
|
};
|
|
833
833
|
|
|
834
|
-
var style$
|
|
834
|
+
var style$Z = {"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"};
|
|
835
835
|
|
|
836
836
|
function formatNumber(num) {
|
|
837
837
|
if (typeof num !== 'number')
|
|
@@ -878,7 +878,7 @@ var classNames = {
|
|
|
878
878
|
}
|
|
879
879
|
};
|
|
880
880
|
|
|
881
|
-
var cx$C = classNames.bind(style$
|
|
881
|
+
var cx$C = classNames.bind(style$Z);
|
|
882
882
|
var Component$2u = function (_a) {
|
|
883
883
|
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;
|
|
884
884
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
@@ -906,7 +906,7 @@ var Component$2u = function (_a) {
|
|
|
906
906
|
}, [isOpen]);
|
|
907
907
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
908
908
|
React__default["default"].createElement("div", { className: cx$C('magneto-ui-mobile-drawer', className) },
|
|
909
|
-
React__default["default"].createElement("aside", { className: style$
|
|
909
|
+
React__default["default"].createElement("aside", { className: style$Z[showMenu] },
|
|
910
910
|
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$C('magneto-ui-close-button'), onClick: onClose },
|
|
911
911
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
|
|
912
912
|
React__default["default"].createElement("div", { className: cx$C('magneto-ui-container') }, children)),
|
|
@@ -917,18 +917,18 @@ var Component$2u = function (_a) {
|
|
|
917
917
|
*/
|
|
918
918
|
var MobileDrawer = Component$2u;
|
|
919
919
|
|
|
920
|
-
var style$
|
|
920
|
+
var style$Y = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
921
921
|
|
|
922
922
|
var Muiclass$4 = 'magneto-ui';
|
|
923
923
|
var BrandButton = function (_a) {
|
|
924
924
|
var rotate = _a.rotate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, onClick = _a.onClick;
|
|
925
925
|
var rotateIcon = React.useMemo(function () {
|
|
926
|
-
return rotate ? style$
|
|
926
|
+
return rotate ? style$Y['rotate'] : '';
|
|
927
927
|
}, [rotate]);
|
|
928
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
929
|
-
React__default["default"].createElement("button", { className: style$
|
|
930
|
-
React__default["default"].createElement("img", { className: style$
|
|
931
|
-
React__default["default"].createElement("span", { className: "".concat(style$
|
|
928
|
+
return (React__default["default"].createElement("div", { className: style$Y["".concat(Muiclass$4, "-brand-button")] },
|
|
929
|
+
React__default["default"].createElement("button", { className: style$Y["".concat(Muiclass$4, "-brand-button__company-logo")], onClick: onClick },
|
|
930
|
+
React__default["default"].createElement("img", { className: style$Y["".concat(Muiclass$4, "-brand-button__company-logo--img")], src: companyLogo, alt: companySlug }),
|
|
931
|
+
React__default["default"].createElement("span", { className: "".concat(style$Y["".concat(Muiclass$4, "-brand-button__icon")], " ").concat(rotateIcon) },
|
|
932
932
|
React__default["default"].createElement(IconItem, { icon: ArrowDown2 })))));
|
|
933
933
|
};
|
|
934
934
|
|
|
@@ -1068,7 +1068,7 @@ var Component$2r = function (_a) {
|
|
|
1068
1068
|
};
|
|
1069
1069
|
var DatePicker = Component$2r;
|
|
1070
1070
|
|
|
1071
|
-
var style$
|
|
1071
|
+
var style$X = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1072
1072
|
|
|
1073
1073
|
var DEFAULT_PADDING = 20;
|
|
1074
1074
|
var Component$2q = function (_a) {
|
|
@@ -1107,19 +1107,19 @@ var Component$2q = function (_a) {
|
|
|
1107
1107
|
};
|
|
1108
1108
|
}, [isOpen]);
|
|
1109
1109
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
1110
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
1111
|
-
React__default["default"].createElement("aside", { className: "".concat(style$
|
|
1112
|
-
!hideButton && (React__default["default"].createElement("button", { className: style$
|
|
1110
|
+
React__default["default"].createElement("div", { className: "".concat(style$X['magneto-ui-drawer'], " ").concat(style$X[fullDrawer], " ").concat(className) },
|
|
1111
|
+
React__default["default"].createElement("aside", { className: "".concat(style$X[showDrawer]), style: __assign({ padding: paddingValue }, widthValue) },
|
|
1112
|
+
!hideButton && (React__default["default"].createElement("button", { className: style$X['magneto-ui-close-button'], onClick: onClose },
|
|
1113
1113
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false }))),
|
|
1114
1114
|
children),
|
|
1115
|
-
isOpen && (React__default["default"].createElement("span", { className: "".concat(style$
|
|
1115
|
+
isOpen && (React__default["default"].createElement("span", { className: "".concat(style$X[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
1116
1116
|
};
|
|
1117
1117
|
/**
|
|
1118
1118
|
* Molecule UI component for Drawer
|
|
1119
1119
|
*/
|
|
1120
1120
|
var Drawer$1 = Component$2q;
|
|
1121
1121
|
|
|
1122
|
-
var style$
|
|
1122
|
+
var style$W = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1123
1123
|
|
|
1124
1124
|
var EmptyResult = function (_a) {
|
|
1125
1125
|
var titleNoResults = _a.titleNoResults, noResultsDescription = _a.noResultsDescription, noResultsDescriptionTwo = _a.noResultsDescriptionTwo, filteredOptions = _a.filteredOptions, noResultsImage = _a.noResultsImage;
|
|
@@ -1134,22 +1134,22 @@ var EmptyResult = function (_a) {
|
|
|
1134
1134
|
}
|
|
1135
1135
|
var titleWithSearch = (React__default["default"].createElement("h2", null,
|
|
1136
1136
|
arrayTitle[0],
|
|
1137
|
-
React__default["default"].createElement("span", { className: style$
|
|
1137
|
+
React__default["default"].createElement("span", { className: style$W["".concat(classMUI, "-empty-result__info--search")] },
|
|
1138
1138
|
"'",
|
|
1139
1139
|
arrayTitle[2]),
|
|
1140
1140
|
"'"));
|
|
1141
1141
|
var titleWithFilter = React__default["default"].createElement("h2", null, titleNoResults);
|
|
1142
1142
|
return match ? titleWithSearch : titleWithFilter;
|
|
1143
1143
|
}, [titleNoResults]);
|
|
1144
|
-
return (React__default["default"].createElement("main", { className: style$
|
|
1145
|
-
React__default["default"].createElement("span", { className: style$
|
|
1146
|
-
React__default["default"].createElement("img", { className: style$
|
|
1147
|
-
React__default["default"].createElement("div", { className: style$
|
|
1144
|
+
return (React__default["default"].createElement("main", { className: style$W["".concat(classMUI, "-empty-result")] },
|
|
1145
|
+
React__default["default"].createElement("span", { className: style$W["".concat(classMUI, "-empty-result__img-container")] },
|
|
1146
|
+
React__default["default"].createElement("img", { className: style$W["".concat(classMUI, "-empty-result__img-container--img")], src: noResultsImage, alt: "empty-result" })),
|
|
1147
|
+
React__default["default"].createElement("div", { className: style$W["".concat(classMUI, "-empty-result__info")] },
|
|
1148
1148
|
React__default["default"].createElement("div", null,
|
|
1149
|
-
React__default["default"].createElement("div", { className: style$
|
|
1149
|
+
React__default["default"].createElement("div", { className: style$W["".concat(classMUI, "-empty-result__info--title")] }, emptyCardTitle),
|
|
1150
1150
|
React__default["default"].createElement("p", null, noResultsDescription),
|
|
1151
1151
|
React__default["default"].createElement("p", null, noResultsDescriptionTwo)),
|
|
1152
|
-
React__default["default"].createElement("div", { className: style$
|
|
1152
|
+
React__default["default"].createElement("div", { className: style$W["".concat(classMUI, "-empty-result__tags")] }, filteredOptions.map(function (_a, index) {
|
|
1153
1153
|
var tag = _a.tag, url = _a.url;
|
|
1154
1154
|
return (React__default["default"].createElement(SearchItem, { key: index + tag, tag: tag, url: url }));
|
|
1155
1155
|
})))));
|
|
@@ -1358,12 +1358,12 @@ var MobileSideCards = function (_a) {
|
|
|
1358
1358
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1359
1359
|
};
|
|
1360
1360
|
|
|
1361
|
-
var style$
|
|
1361
|
+
var style$V = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
|
|
1362
1362
|
|
|
1363
1363
|
var Component$2l = function (_a) {
|
|
1364
1364
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
|
|
1365
1365
|
var _d = React.useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1366
|
-
var menuActive = isActive ? style$
|
|
1366
|
+
var menuActive = isActive ? style$V['is-active'] : '';
|
|
1367
1367
|
var toggleDrawer = React.useCallback(function () {
|
|
1368
1368
|
setOpenDrawer(!openDrawer);
|
|
1369
1369
|
}, [openDrawer]);
|
|
@@ -1374,22 +1374,22 @@ var Component$2l = function (_a) {
|
|
|
1374
1374
|
toggleDrawer();
|
|
1375
1375
|
}
|
|
1376
1376
|
}, [content, onClickOption, toggleDrawer]);
|
|
1377
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
1378
|
-
React__default["default"].createElement("a", { onClick: anchorAction, className: "".concat(style$
|
|
1379
|
-
React__default["default"].createElement("div", { className: style$
|
|
1380
|
-
React__default["default"].createElement(IconItem, { className: style$
|
|
1377
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$V['mega-menu-drawer-item']) },
|
|
1378
|
+
React__default["default"].createElement("a", { onClick: anchorAction, className: "".concat(style$V['mega-menu-drawer-item__content'], " ").concat(menuActive), href: url },
|
|
1379
|
+
React__default["default"].createElement("div", { className: style$V['mega-menu-drawer-item__action'] },
|
|
1380
|
+
React__default["default"].createElement(IconItem, { className: style$V['mega-menu-drawer-item__action--icon'], icon: icon, hover: false, size: 18 }),
|
|
1381
1381
|
React__default["default"].createElement("p", null, text)),
|
|
1382
|
-
React__default["default"].createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$
|
|
1382
|
+
React__default["default"].createElement(IconItem, { icon: ArrowRight2, hover: false, className: style$V['mega-menu-drawer-item__arrow'], size: 18 })),
|
|
1383
1383
|
content && (React__default["default"].createElement(MegaMenuJobsDrawer, { content: content.child, isOpen: openDrawer, title: content.title, toggleDrawer: toggleDrawer }))));
|
|
1384
1384
|
};
|
|
1385
1385
|
var MegaMenuJobsDrawer = function (_a) {
|
|
1386
1386
|
var title = _a.title, content = _a.content, isOpen = _a.isOpen, toggleDrawer = _a.toggleDrawer;
|
|
1387
|
-
return (React__default["default"].createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$
|
|
1388
|
-
React__default["default"].createElement("div", { className: style$
|
|
1389
|
-
React__default["default"].createElement("button", { className: style$
|
|
1390
|
-
React__default["default"].createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$
|
|
1391
|
-
React__default["default"].createElement("p", { className: style$
|
|
1392
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
1387
|
+
return (React__default["default"].createElement(Drawer$1, { isOpen: isOpen, onClose: function () { return null; }, customPadding: 0, isFull: true, hideButton: true, className: style$V['mega-menu-drawer'] },
|
|
1388
|
+
React__default["default"].createElement("div", { className: style$V['item-drawer__header'] },
|
|
1389
|
+
React__default["default"].createElement("button", { className: style$V['item-drawer__back'], onClick: toggleDrawer },
|
|
1390
|
+
React__default["default"].createElement(IconItem, { icon: ArrowLeft2, hover: false, className: style$V['item-drawer__back-arrow'], size: 18 })),
|
|
1391
|
+
React__default["default"].createElement("p", { className: style$V['item-drawer__title'] }, title)),
|
|
1392
|
+
React__default["default"].createElement("div", { className: "".concat(style$V['item-drawer__content']) }, content)));
|
|
1393
1393
|
};
|
|
1394
1394
|
var MegaMenuDrawerItem = Object.assign(Component$2l, {
|
|
1395
1395
|
Drawer: MegaMenuJobsDrawer
|
|
@@ -1543,7 +1543,7 @@ var Component$2i = function (_a) {
|
|
|
1543
1543
|
*/
|
|
1544
1544
|
var ExpandableInfo = Component$2i;
|
|
1545
1545
|
|
|
1546
|
-
var style$
|
|
1546
|
+
var style$U = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
|
|
1547
1547
|
|
|
1548
1548
|
var FilterActions = function (_a) {
|
|
1549
1549
|
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
@@ -1557,16 +1557,16 @@ var FilterActions = function (_a) {
|
|
|
1557
1557
|
}); });
|
|
1558
1558
|
var actions = React.useMemo(function () {
|
|
1559
1559
|
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
1560
|
-
return values.map(function (letter, index) { return (React__default["default"].createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$
|
|
1560
|
+
return values.map(function (letter, index) { return (React__default["default"].createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$U["filter-actions__action"], " ").concat(selected == index ? style$U["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
1561
1561
|
}, [allAction, handleClickAction, selected]);
|
|
1562
|
-
return React__default["default"].createElement("nav", { className: style$
|
|
1562
|
+
return React__default["default"].createElement("nav", { className: style$U['filter-actions'] }, actions);
|
|
1563
1563
|
};
|
|
1564
1564
|
|
|
1565
|
-
var style$
|
|
1565
|
+
var style$T = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1566
1566
|
|
|
1567
1567
|
var FilterContainerMenu = function (_a) {
|
|
1568
1568
|
var children = _a.children;
|
|
1569
|
-
return React__default["default"].createElement("div", { className: style$
|
|
1569
|
+
return React__default["default"].createElement("div", { className: style$T["".concat(classMUI, "-filter-container")] }, children);
|
|
1570
1570
|
};
|
|
1571
1571
|
|
|
1572
1572
|
var styles$27 = {"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"};
|
|
@@ -1655,11 +1655,11 @@ var Component$2g = function (_a) {
|
|
|
1655
1655
|
*/
|
|
1656
1656
|
var FrequentSearch = Component$2g;
|
|
1657
1657
|
|
|
1658
|
-
var style$
|
|
1658
|
+
var style$S = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1659
1659
|
|
|
1660
1660
|
var Component$2f = function (_a) {
|
|
1661
1661
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1662
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
1662
|
+
return (React__default["default"].createElement("div", { className: style$S['header-drawer-company'] },
|
|
1663
1663
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1664
1664
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1665
1665
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
@@ -1858,7 +1858,7 @@ var InputPlus = function (_a) {
|
|
|
1858
1858
|
|
|
1859
1859
|
var styles$1Y = {"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"};
|
|
1860
1860
|
|
|
1861
|
-
var style$
|
|
1861
|
+
var style$R = {"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"};
|
|
1862
1862
|
|
|
1863
1863
|
var styles$1X = {"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"};
|
|
1864
1864
|
|
|
@@ -1873,20 +1873,20 @@ var Tooltip = function (_a) {
|
|
|
1873
1873
|
var Component$29 = function (_a) {
|
|
1874
1874
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
1875
1875
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1876
|
-
return (React__default["default"].createElement(Popover, { className: [style$
|
|
1876
|
+
return (React__default["default"].createElement(Popover, { className: [style$R['popover'], !show ? style$R['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$R['content'], classNameContent].join(' ') },
|
|
1877
1877
|
shareLinks.map(function (_a, index) {
|
|
1878
1878
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1879
1879
|
return (React__default["default"].createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1880
|
-
React__default["default"].createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1880
|
+
React__default["default"].createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$R['content__link'], onClick: function () { return setShow(false); } },
|
|
1881
1881
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1882
1882
|
React__default["default"].createElement("span", null, title))));
|
|
1883
1883
|
}),
|
|
1884
|
-
React__default["default"].createElement("li", { className: style$
|
|
1884
|
+
React__default["default"].createElement("li", { className: style$R['content__share'] },
|
|
1885
1885
|
React__default["default"].createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1886
1886
|
rest.onCopySuccess();
|
|
1887
1887
|
} })))) },
|
|
1888
1888
|
React__default["default"].createElement(Tooltip, { title: btnProps.title || 'Compartir', position: "bottom", visible: !show },
|
|
1889
|
-
React__default["default"].createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$
|
|
1889
|
+
React__default["default"].createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$R['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1890
1890
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share })))));
|
|
1891
1891
|
};
|
|
1892
1892
|
Component$29.displayName = 'SharePopover';
|
|
@@ -1951,7 +1951,7 @@ var Component$27 = function (_a) {
|
|
|
1951
1951
|
*/
|
|
1952
1952
|
var JobApplyCard = Component$27;
|
|
1953
1953
|
|
|
1954
|
-
var style$
|
|
1954
|
+
var style$Q = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1955
1955
|
|
|
1956
1956
|
var JobCardDesktop = function (_a) {
|
|
1957
1957
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, contractType = _a.contractType, showDetail = _a.showDetail, urgent = _a.urgent, _d = _a.others, others = _d === void 0 ? '' : _d, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
@@ -1962,43 +1962,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1962
1962
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1963
1963
|
}, [cities]);
|
|
1964
1964
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1965
|
-
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1966
|
-
!isCompanyPage && (React__default["default"].createElement("div", { className: style$
|
|
1967
|
-
React__default["default"].createElement("div", { className: style$
|
|
1968
|
-
React__default["default"].createElement("img", { className: style$
|
|
1969
|
-
React__default["default"].createElement("div", { className: style$
|
|
1970
|
-
React__default["default"].createElement("div", { className: style$
|
|
1965
|
+
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$Q["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$Q[workSeen] : '', " ").concat(jobOpen ? style$Q[jobOpen] : '') },
|
|
1966
|
+
!isCompanyPage && (React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--row1")] },
|
|
1967
|
+
React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--brand")] },
|
|
1968
|
+
React__default["default"].createElement("img", { className: style$Q["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
1969
|
+
React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--data")] },
|
|
1970
|
+
React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--row2")] },
|
|
1971
1971
|
React__default["default"].createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1972
|
-
React__default["default"].createElement("h2", { className: "".concat(style$
|
|
1972
|
+
React__default["default"].createElement("h2", { className: "".concat(style$Q["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1973
1973
|
React__default["default"].createElement("h3", null, companyName),
|
|
1974
1974
|
React__default["default"].createElement("p", null, formatPublishDate),
|
|
1975
|
-
urgent && (React__default["default"].createElement("div", { className: style$
|
|
1975
|
+
urgent && (React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
1976
1976
|
React__default["default"].createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
1977
1977
|
React__default["default"].createElement("p", null, urgent)))),
|
|
1978
|
-
React__default["default"].createElement("div", { className: style$
|
|
1978
|
+
React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--row3")] },
|
|
1979
1979
|
React__default["default"].createElement("p", null,
|
|
1980
1980
|
citiesformatted,
|
|
1981
1981
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
1982
|
-
React__default["default"].createElement("div", { className: style$
|
|
1982
|
+
React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--row4")] },
|
|
1983
1983
|
React__default["default"].createElement("p", null, infoRow4))),
|
|
1984
|
-
React__default["default"].createElement("div", { className: style$
|
|
1984
|
+
React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-card-jobs--arrow")] },
|
|
1985
1985
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2 }))));
|
|
1986
1986
|
};
|
|
1987
1987
|
|
|
1988
|
-
var style$
|
|
1988
|
+
var style$P = {"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"};
|
|
1989
1989
|
|
|
1990
1990
|
var JobCardMobile = function (_a) {
|
|
1991
1991
|
var _b = _a.isCompanyPage, isCompanyPage = _b === void 0 ? false : _b, workSeen = _a.workSeen, jobOpen = _a.jobOpen, _c = _a.cities, cities = _c === void 0 ? [] : _c, salary = _a.salary, companyName = _a.companyName, title = _a.title, educationLevel = _a.educationLevel, formatPublishDate = _a.formatPublishDate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, experience = _a.experience, showDetail = _a.showDetail, others = _a.others, jobSlug = _a.jobSlug, dynamicUrl = _a.dynamicUrl;
|
|
1992
|
-
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1993
|
-
!isCompanyPage && (React__default["default"].createElement("div", { className: style$
|
|
1994
|
-
React__default["default"].createElement("div", { className: style$
|
|
1995
|
-
React__default["default"].createElement("img", { className: style$
|
|
1996
|
-
React__default["default"].createElement("div", { className: style$
|
|
1997
|
-
React__default["default"].createElement("div", { className: style$
|
|
1992
|
+
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$P["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$P[workSeen] : '', " ").concat(jobOpen ? style$P[jobOpen] : '') },
|
|
1993
|
+
!isCompanyPage && (React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1994
|
+
React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1995
|
+
React__default["default"].createElement("img", { className: style$P["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
|
|
1996
|
+
React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1997
|
+
React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
1998
1998
|
React__default["default"].createElement("div", null,
|
|
1999
1999
|
React__default["default"].createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
2000
|
-
React__default["default"].createElement("h2", { className: "".concat(style$
|
|
2001
|
-
React__default["default"].createElement("div", { className: style$
|
|
2000
|
+
React__default["default"].createElement("h2", { className: "".concat(style$P["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
2001
|
+
React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
2002
2002
|
React__default["default"].createElement("h3", null,
|
|
2003
2003
|
companyName,
|
|
2004
2004
|
","),
|
|
@@ -2059,15 +2059,15 @@ var Component$25 = function (_a) {
|
|
|
2059
2059
|
*/
|
|
2060
2060
|
var JobDetailCard = Component$25;
|
|
2061
2061
|
|
|
2062
|
-
var style$
|
|
2062
|
+
var style$O = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
2063
2063
|
|
|
2064
2064
|
var JobDetailContainer = function (_a) {
|
|
2065
2065
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
2066
2066
|
var toggleMenu = React.useMemo(function () {
|
|
2067
|
-
return isOpen ? style$
|
|
2067
|
+
return isOpen ? style$O['is-open'] : '';
|
|
2068
2068
|
}, [isOpen]);
|
|
2069
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2070
|
-
React__default["default"].createElement("button", { type: "button", onClick: onClose, className: style$
|
|
2069
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$O["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
2070
|
+
React__default["default"].createElement("button", { type: "button", onClick: onClose, className: style$O["".concat(classMUI, "-job-detail-container--btn")] },
|
|
2071
2071
|
React__default["default"].createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
2072
2072
|
children));
|
|
2073
2073
|
};
|
|
@@ -2216,11 +2216,11 @@ var JobVideo = function (_a) {
|
|
|
2216
2216
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2217
2217
|
};
|
|
2218
2218
|
|
|
2219
|
-
var style$
|
|
2219
|
+
var style$N = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2220
2220
|
|
|
2221
2221
|
var Component$20 = function (_a) {
|
|
2222
2222
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2223
|
-
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$
|
|
2223
|
+
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$N['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2224
2224
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2225
2225
|
return url && (React__default["default"].createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2226
2226
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
@@ -2228,27 +2228,27 @@ var Component$20 = function (_a) {
|
|
|
2228
2228
|
};
|
|
2229
2229
|
var ListIconLink = Component$20;
|
|
2230
2230
|
|
|
2231
|
-
var style$
|
|
2231
|
+
var style$M = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2232
2232
|
|
|
2233
2233
|
var Component$1$ = function (_a) {
|
|
2234
2234
|
var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
|
|
2235
|
-
var menuActive = isActive ? style$
|
|
2236
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$
|
|
2235
|
+
var menuActive = isActive ? style$M['isActive'] : '';
|
|
2236
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$M['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2237
2237
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2238
|
-
React__default["default"].createElement("p", { className: style$
|
|
2238
|
+
React__default["default"].createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text))) : (React__default["default"].createElement("button", { onClick: onClick, className: "".concat(style$M['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2239
2239
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2240
|
-
React__default["default"].createElement("p", { className: style$
|
|
2240
|
+
React__default["default"].createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2241
2241
|
};
|
|
2242
2242
|
var MenuIcon = Component$1$;
|
|
2243
2243
|
|
|
2244
|
-
var style$
|
|
2244
|
+
var style$L = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2245
2245
|
|
|
2246
2246
|
var Component$1_ = function (_a) {
|
|
2247
2247
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2248
2248
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2249
2249
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2250
2250
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2251
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
2251
|
+
return (React__default["default"].createElement("div", { className: style$L['mangeto-ui-list-menu-icons'] },
|
|
2252
2252
|
React__default["default"].createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2253
2253
|
userMenu.map(function (_a, i) {
|
|
2254
2254
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2275,23 +2275,23 @@ var Component$1Z = function (_a) {
|
|
|
2275
2275
|
};
|
|
2276
2276
|
var ListMenuItems = Component$1Z;
|
|
2277
2277
|
|
|
2278
|
-
var style$
|
|
2278
|
+
var style$K = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2279
2279
|
|
|
2280
2280
|
var ListMenuText = function (_a) {
|
|
2281
2281
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2282
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2283
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2282
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$K["".concat(classMUI, "-list-menu")]) },
|
|
2283
|
+
React__default["default"].createElement("p", { className: "".concat(style$K["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2284
2284
|
links.map(function (_a, i) {
|
|
2285
2285
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2286
2286
|
return isCreateAccount
|
|
2287
|
-
? tag && (React__default["default"].createElement("div", { key: i, className: "".concat(style$
|
|
2288
|
-
React__default["default"].createElement("button", { title: tag, className: "".concat(style$
|
|
2287
|
+
? tag && (React__default["default"].createElement("div", { key: i, className: "".concat(style$K["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2288
|
+
React__default["default"].createElement("button", { title: tag, className: "".concat(style$K["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2289
2289
|
isLoading && React__default["default"].createElement(Loading, __assign({}, LoadingProps))))
|
|
2290
|
-
: tag && (React__default["default"].createElement("a", { className: "".concat(style$
|
|
2290
|
+
: tag && (React__default["default"].createElement("a", { className: "".concat(style$K["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2291
2291
|
})));
|
|
2292
2292
|
};
|
|
2293
2293
|
|
|
2294
|
-
var style$
|
|
2294
|
+
var style$J = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2295
2295
|
|
|
2296
2296
|
var ListSortMenu = function (_a) {
|
|
2297
2297
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2299,21 +2299,21 @@ var ListSortMenu = function (_a) {
|
|
|
2299
2299
|
setFilter({ key: key });
|
|
2300
2300
|
setShowPopover(false);
|
|
2301
2301
|
}, [setFilter, setShowPopover]);
|
|
2302
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
2302
|
+
return (React__default["default"].createElement("div", { className: style$J['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2303
2303
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2304
2304
|
return (React__default["default"].createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
|
|
2305
2305
|
})));
|
|
2306
2306
|
};
|
|
2307
2307
|
|
|
2308
|
-
var style$
|
|
2308
|
+
var style$I = {"magneto-ui-magneto-resolution":"mg_magneto_resolution_magneto-ui-magneto-resolution_h0xmi","magneto-ui-magneto-resolution__img":"mg_magneto_resolution_magneto-ui-magneto-resolution_img_h0xmi","magneto-ui-magneto-resolution__text":"mg_magneto_resolution_magneto-ui-magneto-resolution_text_h0xmi","magneto-ui-magneto-resolution__text--link":"mg_magneto_resolution_magneto-ui-magneto-resolution_text--link_h0xmi"};
|
|
2309
2309
|
|
|
2310
2310
|
var MagnetoResolution = function (_a) {
|
|
2311
2311
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2312
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2313
|
-
React__default["default"].createElement("img", { className: "".concat(style$
|
|
2314
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2312
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution")]) },
|
|
2313
|
+
React__default["default"].createElement("img", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2314
|
+
React__default["default"].createElement("p", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2315
2315
|
resolutionText,
|
|
2316
|
-
React__default["default"].createElement("a", { className: "".concat(style$
|
|
2316
|
+
React__default["default"].createElement("a", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2317
2317
|
};
|
|
2318
2318
|
|
|
2319
2319
|
var styles$1O = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
@@ -2353,7 +2353,7 @@ var MegaMenuCard = function (_a) {
|
|
|
2353
2353
|
arrow));
|
|
2354
2354
|
};
|
|
2355
2355
|
|
|
2356
|
-
var style$
|
|
2356
|
+
var style$H = {"mega-menu-jobs-tabs":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_8u7bc","mega-menu-jobs-tabs__tab":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_tab_8u7bc","mega-menu-jobs-tabs__container":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_container_8u7bc","mega-menu-jobs-tabs__content":"mg_mega_menu_jobs_tabs_mega-menu-jobs-tabs_content_8u7bc","selected-tab":"mg_mega_menu_jobs_tabs_selected-tab_8u7bc"};
|
|
2357
2357
|
|
|
2358
2358
|
var initialContext = {
|
|
2359
2359
|
socialHeaderProps: {
|
|
@@ -2414,20 +2414,20 @@ var MegaMenuJobsTabs = function () {
|
|
|
2414
2414
|
}; }, [onChangeTab]);
|
|
2415
2415
|
var isSelectedTab = React.useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2416
2416
|
var content = React.useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2417
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2417
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__container"]) },
|
|
2418
2418
|
React__default["default"].createElement("nav", null,
|
|
2419
|
-
React__default["default"].createElement("ul", { className: "".concat(style$
|
|
2419
|
+
React__default["default"].createElement("ul", { className: "".concat(style$H["mega-menu-jobs-tabs"]) },
|
|
2420
2420
|
tabs &&
|
|
2421
2421
|
tabs.map(function (_a, index) {
|
|
2422
2422
|
var label = _a.label, url = _a.url;
|
|
2423
2423
|
return (React__default["default"].createElement("li", { key: index },
|
|
2424
|
-
React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2424
|
+
React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$H["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$H["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2425
2425
|
}),
|
|
2426
2426
|
React__default["default"].createElement(Divider, { direction: 'VERTICAL' }),
|
|
2427
2427
|
React__default["default"].createElement("li", null,
|
|
2428
2428
|
React__default["default"].createElement(SearchItem, { tag: (_a = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.label) !== null && _a !== void 0 ? _a : '', url: (_b = allJobsAction === null || allJobsAction === void 0 ? void 0 : allJobsAction.url) !== null && _b !== void 0 ? _b : '' })))),
|
|
2429
2429
|
React__default["default"].createElement(Divider, null),
|
|
2430
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
2430
|
+
React__default["default"].createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2431
2431
|
};
|
|
2432
2432
|
|
|
2433
2433
|
var styles$1L = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
|
|
@@ -2459,7 +2459,7 @@ var MegaMenuPopover = function (_a) {
|
|
|
2459
2459
|
} }, children))));
|
|
2460
2460
|
};
|
|
2461
2461
|
|
|
2462
|
-
var style$
|
|
2462
|
+
var style$G = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_1kpbc","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_1kpbc","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_1kpbc","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_1kpbc"};
|
|
2463
2463
|
|
|
2464
2464
|
var MegaMenuSideCards = function (_a) {
|
|
2465
2465
|
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, initValue = _a.initValue, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b, cardsRef = _a.cardsRef;
|
|
@@ -2471,12 +2471,12 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2471
2471
|
React.useImperativeHandle(cardsRef, function () { return ({
|
|
2472
2472
|
setSelectedCard: function (index) { return setSelected(index); }
|
|
2473
2473
|
}); });
|
|
2474
|
-
return (React__default["default"].createElement("ul", { className: "".concat(style$
|
|
2474
|
+
return (React__default["default"].createElement("ul", { className: "".concat(style$G["mega-menu-side-cards"]) },
|
|
2475
2475
|
jobs &&
|
|
2476
2476
|
jobs.slice(0, maxCards).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
|
|
2477
|
-
React__default["default"].createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$
|
|
2477
|
+
React__default["default"].createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$G["mega-menu-side-cards__card"], " ").concat(selected == key ? style$G["mega-menu-side-cards__card--selected"] : ''), onClick: onSelectCard ? handleClick(key) : undefined })))); }),
|
|
2478
2478
|
action && (React__default["default"].createElement("li", null,
|
|
2479
|
-
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$
|
|
2479
|
+
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$G["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2480
2480
|
};
|
|
2481
2481
|
|
|
2482
2482
|
var styles$1K = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
|
|
@@ -2757,11 +2757,11 @@ var Pagination = function (_a) {
|
|
|
2757
2757
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2758
2758
|
};
|
|
2759
2759
|
|
|
2760
|
-
var style$
|
|
2760
|
+
var style$F = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
|
|
2761
2761
|
|
|
2762
2762
|
var RightsReservedText = function (_a) {
|
|
2763
2763
|
var magnetoRightsText = _a.magnetoRightsText;
|
|
2764
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2764
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$F["".concat(classMUI, "-rights-reserved")]) },
|
|
2765
2765
|
React__default["default"].createElement("p", null, magnetoRightsText)));
|
|
2766
2766
|
};
|
|
2767
2767
|
|
|
@@ -2898,7 +2898,7 @@ var SimilarJobsCard = function (_a) {
|
|
|
2898
2898
|
React__default["default"].createElement(IconItem, { className: "".concat(styles$1z["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2899
2899
|
};
|
|
2900
2900
|
|
|
2901
|
-
var style$
|
|
2901
|
+
var style$E = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
2902
2902
|
|
|
2903
2903
|
var SortMenu = function (_a) {
|
|
2904
2904
|
var orderFields = _a.orderFields, textOrderFilter = _a.textOrderFilter, setFilter = _a.setFilter, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
@@ -2911,8 +2911,8 @@ var SortMenu = function (_a) {
|
|
|
2911
2911
|
};
|
|
2912
2912
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
2913
2913
|
return (React__default["default"].createElement(Popover, { widthBase: 180, show: clickOut, content: React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
2914
|
-
React__default["default"].createElement("button", { className: "".concat(style$
|
|
2915
|
-
React__default["default"].createElement("p", { className: style$
|
|
2914
|
+
React__default["default"].createElement("button", { className: "".concat(style$E['magneto-ui-btn-menu'], " ").concat(loading && style$E.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
2915
|
+
React__default["default"].createElement("p", { className: style$E['magneto-ui-btn-text'] }, textOrderFilter),
|
|
2916
2916
|
React__default["default"].createElement(IconItem, __assign({}, menuSortButton)))));
|
|
2917
2917
|
};
|
|
2918
2918
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
@@ -2955,7 +2955,7 @@ var TextArea = function (_a) {
|
|
|
2955
2955
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2956
2956
|
};
|
|
2957
2957
|
|
|
2958
|
-
var style$
|
|
2958
|
+
var style$D = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1jv11","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1jv11","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1jv11","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1jv11","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1jv11","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1jv11","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1jv11","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1jv11","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1jv11","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1jv11","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1jv11","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1jv11","checked":"mg_timeline_event_checked_1jv11","current":"mg_timeline_event_current_1jv11","blocked":"mg_timeline_event_blocked_1jv11"};
|
|
2959
2959
|
|
|
2960
2960
|
var timelineIcons = {
|
|
2961
2961
|
checked: Checked,
|
|
@@ -2965,15 +2965,15 @@ var timelineIcons = {
|
|
|
2965
2965
|
var Component$1P = function (_a) {
|
|
2966
2966
|
var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
|
|
2967
2967
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2968
|
-
var titleStyle = style$
|
|
2969
|
-
var subtitleStyle = style$
|
|
2970
|
-
return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$
|
|
2971
|
-
React__default["default"].createElement("div", { className: style$
|
|
2972
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
2973
|
-
React__default["default"].createElement(IconItem, { className: style$
|
|
2974
|
-
React__default["default"].createElement("div", { className: style$
|
|
2975
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2976
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2968
|
+
var titleStyle = style$D["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
2969
|
+
var subtitleStyle = style$D["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
|
|
2970
|
+
return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$D["".concat(classMUI, "-timeline-event")] },
|
|
2971
|
+
React__default["default"].createElement("div", { className: style$D["".concat(classMUI, "-timeline-event__icon")] },
|
|
2972
|
+
React__default["default"].createElement("div", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$D[status]) }),
|
|
2973
|
+
React__default["default"].createElement(IconItem, { className: style$D["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
|
|
2974
|
+
React__default["default"].createElement("div", { className: style$D["".concat(classMUI, "-timeline-event__text")] },
|
|
2975
|
+
React__default["default"].createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2976
|
+
React__default["default"].createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2977
2977
|
};
|
|
2978
2978
|
var TimelineEvent = Component$1P;
|
|
2979
2979
|
|
|
@@ -3391,6 +3391,22 @@ var SimilarCard = Object.assign(Component$1y, {
|
|
|
3391
3391
|
Icon: SimilarCardIcon
|
|
3392
3392
|
});
|
|
3393
3393
|
|
|
3394
|
+
var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
|
|
3395
|
+
|
|
3396
|
+
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
3397
|
+
|
|
3398
|
+
var NoData = "https://static.magneto365.com/lib/assets/gif/f106e872354f9e4b.gif";
|
|
3399
|
+
|
|
3400
|
+
var style$C = {"mega-menu-empty":"mg_mega_menu_empty_mega-menu-empty_ms4x7","mega-menu-empty__title":"mg_mega_menu_empty_mega-menu-empty_title_ms4x7","mega-menu-empty__subtitle":"mg_mega_menu_empty_mega-menu-empty_subtitle_ms4x7","mega-menu-empty__image":"mg_mega_menu_empty_mega-menu-empty_image_ms4x7"};
|
|
3401
|
+
|
|
3402
|
+
var MegaMenuEmpty = function (_a) {
|
|
3403
|
+
var title = _a.title, subtitle = _a.subtitle;
|
|
3404
|
+
return (React__default["default"].createElement("div", { className: style$C['mega-menu-empty'] },
|
|
3405
|
+
React__default["default"].createElement("h4", { className: style$C['mega-menu-empty__title'] }, title),
|
|
3406
|
+
React__default["default"].createElement("p", { className: style$C['mega-menu-empty__subtitle'] }, subtitle),
|
|
3407
|
+
React__default["default"].createElement("img", { className: style$C['mega-menu-empty__image'], src: NoData, height: 170 })));
|
|
3408
|
+
};
|
|
3409
|
+
|
|
3394
3410
|
var ModalPortal = function (_a) {
|
|
3395
3411
|
var children = _a.children;
|
|
3396
3412
|
var portalNode = React.useRef(null);
|
|
@@ -4399,9 +4415,9 @@ var styles$1d = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magnet
|
|
|
4399
4415
|
var Component$1r = function (_a) {
|
|
4400
4416
|
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;
|
|
4401
4417
|
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$1d['magneto-ui-button'], " ").concat(addHover ? styles$1d['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4402
|
-
suffixIcon
|
|
4418
|
+
typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$1d['magneto-ui-button__icon'] })) : (suffixIcon),
|
|
4403
4419
|
buttonText && React__default["default"].createElement("p", { className: styles$1d['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4404
|
-
prefixIcon
|
|
4420
|
+
typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$1d['magneto-ui-button__icon'] })) : (prefixIcon)));
|
|
4405
4421
|
};
|
|
4406
4422
|
/**
|
|
4407
4423
|
* UI Atom Component of Save Button
|
|
@@ -5784,7 +5800,8 @@ var MagnetoSocialMedia = function (_a) {
|
|
|
5784
5800
|
var style$n = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_4a8aq","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_4a8aq","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_4a8aq","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_4a8aq","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_4a8aq"};
|
|
5785
5801
|
|
|
5786
5802
|
var MegaMenuCards = function (_a) {
|
|
5787
|
-
var
|
|
5803
|
+
var _b;
|
|
5804
|
+
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _c = _a.maxCards, maxCards = _c === void 0 ? 39 : _c;
|
|
5788
5805
|
var renderTitle = useMediaQuery(title && (React__default["default"].createElement("div", { className: "".concat(style$n["mega-menu-cards__title"]) },
|
|
5789
5806
|
React__default["default"].createElement("h4", null, title),
|
|
5790
5807
|
actionTitle && (React__default["default"].createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$n["mega-menu-cards__action--grey"]) })))), {
|
|
@@ -5796,7 +5813,7 @@ var MegaMenuCards = function (_a) {
|
|
|
5796
5813
|
React__default["default"].createElement("ul", { className: "".concat(style$n["mega-menu-cards"]) }, jobs &&
|
|
5797
5814
|
jobs.slice(0, maxCards).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
|
|
5798
5815
|
React__default["default"].createElement(MegaMenuCard, __assign({}, job)))); })),
|
|
5799
|
-
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '
|
|
5816
|
+
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: (_b = action.target) !== null && _b !== void 0 ? _b : '_self', prefixIcon: ArrowRightWhite, className: "".concat(style$n["mega-menu-cards__action"]) }))));
|
|
5800
5817
|
};
|
|
5801
5818
|
|
|
5802
5819
|
var styles$D = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
@@ -6002,10 +6019,6 @@ var SwipeMode;
|
|
|
6002
6019
|
SwipeMode["LEFT"] = "LEFT";
|
|
6003
6020
|
})(SwipeMode || (SwipeMode = {}));
|
|
6004
6021
|
|
|
6005
|
-
var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.gif";
|
|
6006
|
-
|
|
6007
|
-
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
6008
|
-
|
|
6009
6022
|
var style$l = {"magneto-ui-swipe__modal":"mg_swipe_magneto-ui-swipe_modal_10vnk","magneto-ui-swipe__modal--title":"mg_swipe_magneto-ui-swipe_modal--title_10vnk","magneto-ui-swipe__modal--action":"mg_swipe_magneto-ui-swipe_modal--action_10vnk","magneto-ui-swipe__image":"mg_swipe_magneto-ui-swipe_image_10vnk","magneto-ui-swipe__image--title":"mg_swipe_magneto-ui-swipe_image--title_10vnk","magneto-ui-swipe__image--content":"mg_swipe_magneto-ui-swipe_image--content_10vnk"};
|
|
6010
6023
|
|
|
6011
6024
|
var Swipe = function (_a) {
|
|
@@ -8395,6 +8408,7 @@ exports.BrandsMenuPopover = BrandsMenuPopover$1;
|
|
|
8395
8408
|
exports.Breadcrumb = Breadcrumb;
|
|
8396
8409
|
exports.Breadcrumbs = Breadcrumbs;
|
|
8397
8410
|
exports.Button = Button;
|
|
8411
|
+
exports.ButtonLink = ButtonLink;
|
|
8398
8412
|
exports.Checkbox = Checkbox;
|
|
8399
8413
|
exports.CitiesDetailDrawer = CitiesDetailDrawer;
|
|
8400
8414
|
exports.ComparativeCounter = ComparativeCounter;
|
|
@@ -8472,6 +8486,7 @@ exports.MegaMenuCard = MegaMenuCard;
|
|
|
8472
8486
|
exports.MegaMenuCards = MegaMenuCards;
|
|
8473
8487
|
exports.MegaMenuDrawer = MegaMenuDrawer;
|
|
8474
8488
|
exports.MegaMenuDrawerItem = MegaMenuDrawerItem;
|
|
8489
|
+
exports.MegaMenuEmpty = MegaMenuEmpty;
|
|
8475
8490
|
exports.MegaMenuJobsTabs = MegaMenuJobsTabs;
|
|
8476
8491
|
exports.MegaMenuPopover = MegaMenuPopover;
|
|
8477
8492
|
exports.MegaMenuSideCards = MegaMenuSideCards;
|