magneto365.ui 2.48.4 → 2.48.9
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/801c14292dfce9f7.svg +11 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +331 -292
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/FilterActions/FilterActions.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/FilterActions/FilterActions.interface.d.ts +21 -0
- package/dist/cjs/types/components/UI/molecules/FilterActions/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts +2 -1
- package/dist/cjs/types/components/UI/molecules/index.d.ts +2 -1
- package/dist/cjs/types/components/UI/organism/AlphabetFilter/AlphabetFilter.component.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/AlphabetFilter/AlphabetFilter.interface.d.ts +8 -0
- package/dist/cjs/types/components/UI/organism/AlphabetFilter/index.d.ts +1 -0
- package/dist/{esm/types/components/UI/molecules → cjs/types/components/UI/organism}/MegaMenuCards/MegaMenuCards.interface.d.ts +4 -1
- package/dist/cjs/types/components/UI/organism/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts +2 -2
- package/dist/cjs/types/constants/icons.constants.d.ts +1 -0
- package/dist/cjs/types/constants/stories/megaMenu.constants.d.ts +8 -1
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +330 -294
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/FilterActions/FilterActions.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/FilterActions/FilterActions.interface.d.ts +21 -0
- package/dist/esm/types/components/UI/molecules/FilterActions/index.d.ts +2 -0
- package/dist/esm/types/components/UI/molecules/MegaMenuSideCards/MegaMenuSideCards.interface.d.ts +2 -1
- package/dist/esm/types/components/UI/molecules/index.d.ts +2 -1
- package/dist/esm/types/components/UI/organism/AlphabetFilter/AlphabetFilter.component.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/AlphabetFilter/AlphabetFilter.interface.d.ts +8 -0
- package/dist/esm/types/components/UI/organism/AlphabetFilter/index.d.ts +1 -0
- package/dist/{cjs/types/components/UI/molecules → esm/types/components/UI/organism}/MegaMenuCards/MegaMenuCards.interface.d.ts +4 -1
- package/dist/esm/types/components/UI/organism/index.d.ts +2 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenu.component.d.ts +2 -2
- package/dist/esm/types/constants/icons.constants.d.ts +1 -0
- package/dist/esm/types/constants/stories/megaMenu.constants.d.ts +8 -1
- package/dist/index.d.ts +61 -22
- package/package.json +1 -1
- /package/dist/cjs/types/components/UI/{molecules → organism}/MegaMenuCards/MegaMenuCards.component.d.ts +0 -0
- /package/dist/cjs/types/components/UI/{molecules → organism}/MegaMenuCards/index.d.ts +0 -0
- /package/dist/esm/types/components/UI/{molecules → organism}/MegaMenuCards/MegaMenuCards.component.d.ts +0 -0
- /package/dist/esm/types/components/UI/{molecules → organism}/MegaMenuCards/index.d.ts +0 -0
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$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
253
|
var Component$1$ = 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$1$ = 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$_['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$_['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
|
|
@@ -426,6 +426,8 @@ var LogoutIcon = "https://static.magneto365.com/lib/assets/69e73b9b021eccd7.svg"
|
|
|
426
426
|
|
|
427
427
|
var MagicStarBlackOutline = "https://static.magneto365.com/lib/assets/3cce32a33c03fccd.svg";
|
|
428
428
|
|
|
429
|
+
var Messages2BlackOutline = "https://static.magneto365.com/lib/assets/801c14292dfce9f7.svg";
|
|
430
|
+
|
|
429
431
|
var MiniArrowGrayDown = "https://static.magneto365.com/lib/assets/0385a8005062bc95.svg";
|
|
430
432
|
|
|
431
433
|
var MiniArrowGrayUp = "https://static.magneto365.com/lib/assets/e5049168ea868a14.svg";
|
|
@@ -494,8 +496,6 @@ var TiktokSolid = "https://static.magneto365.com/lib/assets/6fb8b692c5ce240a.svg
|
|
|
494
496
|
|
|
495
497
|
var Trash = "https://static.magneto365.com/lib/assets/bb5696a688793d1a.svg";
|
|
496
498
|
|
|
497
|
-
var TwitterBlue = "https://static.magneto365.com/lib/assets/af2e6d20e352c9ec.svg";
|
|
498
|
-
|
|
499
499
|
var Urgent = "https://static.magneto365.com/lib/assets/5c4e927a0bd04465.svg";
|
|
500
500
|
|
|
501
501
|
var User = "https://static.magneto365.com/lib/assets/2c2a99f021022515.svg";
|
|
@@ -729,9 +729,9 @@ var ShareLinksAction = function (_a) {
|
|
|
729
729
|
*/
|
|
730
730
|
var Actions = Object.assign(Component$1Z, { ShareLinks: ShareLinksAction });
|
|
731
731
|
|
|
732
|
-
var style$
|
|
732
|
+
var style$Z = {"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"};
|
|
733
733
|
|
|
734
|
-
var style$
|
|
734
|
+
var style$Y = {"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"};
|
|
735
735
|
|
|
736
736
|
var Componente = function (_a) {
|
|
737
737
|
var text = _a.text, customText = _a.customText, className = _a.className;
|
|
@@ -739,7 +739,7 @@ var Componente = function (_a) {
|
|
|
739
739
|
return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React__default["default"].createElement("span", { className: className }, customText.map(function (_a, index) {
|
|
740
740
|
var value = _a.value, fontWeight = _a.fontWeight, _b = _a.lineBreak, lineBreak = _b === void 0 ? false : _b;
|
|
741
741
|
return (React__default["default"].createElement(React.Fragment, { key: "".concat(value, "-").concat(index) },
|
|
742
|
-
React__default["default"].createElement("span", { className: style$
|
|
742
|
+
React__default["default"].createElement("span", { className: style$Y["".concat(classMUI, "-").concat(fontWeight)] }, value),
|
|
743
743
|
lineBreak && React__default["default"].createElement("br", null)));
|
|
744
744
|
}))) : (React__default["default"].createElement("p", { className: className }, text));
|
|
745
745
|
}, [text, customText, className]);
|
|
@@ -755,33 +755,33 @@ var alertIcons = {
|
|
|
755
755
|
};
|
|
756
756
|
var Component$1Y = function (_a) {
|
|
757
757
|
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;
|
|
758
|
-
var borderStyle = border ? style$
|
|
759
|
-
var typeStyle = style$
|
|
758
|
+
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
759
|
+
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
760
760
|
var iconByType = React.useMemo(function () { return alertIcons[type]; }, [type]);
|
|
761
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
762
|
-
React__default["default"].createElement(IconItem, { className: style$
|
|
763
|
-
React__default["default"].createElement(Text, { text: text, customText: customText, className: style$
|
|
764
|
-
onClose && (React__default["default"].createElement("button", { className: style$
|
|
761
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$Z["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
|
|
762
|
+
React__default["default"].createElement(IconItem, { className: style$Z["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
|
|
763
|
+
React__default["default"].createElement(Text, { text: text, customText: customText, className: style$Z["".concat(classMUI, "-text")] }),
|
|
764
|
+
onClose && (React__default["default"].createElement("button", { className: style$Z["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
|
|
765
765
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
766
766
|
extraButton));
|
|
767
767
|
};
|
|
768
768
|
var Alert = Component$1Y;
|
|
769
769
|
|
|
770
|
-
var style$
|
|
770
|
+
var style$X = {"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"};
|
|
771
771
|
|
|
772
772
|
var Muiclass$5 = 'magneto-ui';
|
|
773
773
|
var BrandsContainer = function (_a) {
|
|
774
774
|
var brands = _a.brands, closeBrands = _a.closeBrands, ourBrandsText = _a.ourBrandsText;
|
|
775
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
776
|
-
React__default["default"].createElement("div", { className: style$
|
|
777
|
-
React__default["default"].createElement("div", { className: style$
|
|
775
|
+
return (React__default["default"].createElement("div", { className: style$X["".concat(Muiclass$5, "-brands")] },
|
|
776
|
+
React__default["default"].createElement("div", { className: style$X["".concat(Muiclass$5, "-brands__header")] },
|
|
777
|
+
React__default["default"].createElement("div", { className: style$X["".concat(Muiclass$5, "-brands__header--row")] },
|
|
778
778
|
React__default["default"].createElement("p", null, ourBrandsText),
|
|
779
779
|
React__default["default"].createElement("button", { title: "cerrar menu", onClick: closeBrands, type: "button" },
|
|
780
780
|
React__default["default"].createElement(IconItem, { size: 15, icon: Close })))),
|
|
781
|
-
React__default["default"].createElement("div", { className: style$
|
|
782
|
-
React__default["default"].createElement("div", { className: style$
|
|
781
|
+
React__default["default"].createElement("div", { className: style$X["".concat(Muiclass$5, "-brands-container")] },
|
|
782
|
+
React__default["default"].createElement("div", { className: style$X["".concat(Muiclass$5, "-brands-container__brands")] }, brands === null || brands === void 0 ? void 0 : brands.map(function (_a, index) {
|
|
783
783
|
var brandAlt = _a.brandAlt, brandImg = _a.brandImg, brandTitle = _a.brandTitle, brandUrl = _a.brandUrl;
|
|
784
|
-
return (React__default["default"].createElement("a", { href: brandUrl, className: style$
|
|
784
|
+
return (React__default["default"].createElement("a", { href: brandUrl, className: style$X["".concat(Muiclass$5, "-brands-container__brands--brand")], key: index },
|
|
785
785
|
React__default["default"].createElement("img", { src: brandImg, alt: brandAlt, loading: "lazy", width: '100px', height: '26px' }),
|
|
786
786
|
React__default["default"].createElement("p", null, brandTitle)));
|
|
787
787
|
})))));
|
|
@@ -805,7 +805,7 @@ var DrawerPortal = function (_a) {
|
|
|
805
805
|
return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
|
|
806
806
|
};
|
|
807
807
|
|
|
808
|
-
var style$
|
|
808
|
+
var style$W = {"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"};
|
|
809
809
|
|
|
810
810
|
function formatNumber(num) {
|
|
811
811
|
if (typeof num !== 'number')
|
|
@@ -852,7 +852,7 @@ var classNames = {
|
|
|
852
852
|
}
|
|
853
853
|
};
|
|
854
854
|
|
|
855
|
-
var cx$6 = classNames.bind(style$
|
|
855
|
+
var cx$6 = classNames.bind(style$W);
|
|
856
856
|
var Component$1X = function (_a) {
|
|
857
857
|
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;
|
|
858
858
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
@@ -880,7 +880,7 @@ var Component$1X = function (_a) {
|
|
|
880
880
|
}, [isOpen]);
|
|
881
881
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
882
882
|
React__default["default"].createElement("div", { className: cx$6('magneto-ui-mobile-drawer', className) },
|
|
883
|
-
React__default["default"].createElement("aside", { className: style$
|
|
883
|
+
React__default["default"].createElement("aside", { className: style$W[showMenu] },
|
|
884
884
|
React__default["default"].createElement("button", { title: "close-modal", className: cx$6('magneto-ui-close-button'), onClick: onClose },
|
|
885
885
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
|
|
886
886
|
React__default["default"].createElement("div", { className: cx$6('magneto-ui-container') }, children)),
|
|
@@ -891,18 +891,18 @@ var Component$1X = function (_a) {
|
|
|
891
891
|
*/
|
|
892
892
|
var MobileDrawer = Component$1X;
|
|
893
893
|
|
|
894
|
-
var style$
|
|
894
|
+
var style$V = {"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"};
|
|
895
895
|
|
|
896
896
|
var Muiclass$4 = 'magneto-ui';
|
|
897
897
|
var BrandButton = function (_a) {
|
|
898
898
|
var rotate = _a.rotate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, onClick = _a.onClick;
|
|
899
899
|
var rotateIcon = React.useMemo(function () {
|
|
900
|
-
return rotate ? style$
|
|
900
|
+
return rotate ? style$V['rotate'] : '';
|
|
901
901
|
}, [rotate]);
|
|
902
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
903
|
-
React__default["default"].createElement("button", { className: style$
|
|
904
|
-
React__default["default"].createElement("img", { className: style$
|
|
905
|
-
React__default["default"].createElement("span", { className: "".concat(style$
|
|
902
|
+
return (React__default["default"].createElement("div", { className: style$V["".concat(Muiclass$4, "-brand-button")] },
|
|
903
|
+
React__default["default"].createElement("button", { className: style$V["".concat(Muiclass$4, "-brand-button__company-logo")], onClick: onClick },
|
|
904
|
+
React__default["default"].createElement("img", { className: style$V["".concat(Muiclass$4, "-brand-button__company-logo--img")], src: companyLogo, alt: companySlug }),
|
|
905
|
+
React__default["default"].createElement("span", { className: "".concat(style$V["".concat(Muiclass$4, "-brand-button__icon")], " ").concat(rotateIcon) },
|
|
906
906
|
React__default["default"].createElement(IconItem, { icon: ArrowDown2 })))));
|
|
907
907
|
};
|
|
908
908
|
|
|
@@ -1042,7 +1042,7 @@ var Component$1U = function (_a) {
|
|
|
1042
1042
|
};
|
|
1043
1043
|
var DatePicker = Component$1U;
|
|
1044
1044
|
|
|
1045
|
-
var style$
|
|
1045
|
+
var style$U = {"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"};
|
|
1046
1046
|
|
|
1047
1047
|
var DEFAULT_PADDING = 20;
|
|
1048
1048
|
var Component$1T = function (_a) {
|
|
@@ -1081,19 +1081,19 @@ var Component$1T = function (_a) {
|
|
|
1081
1081
|
};
|
|
1082
1082
|
}, [isOpen]);
|
|
1083
1083
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
1084
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
1085
|
-
React__default["default"].createElement("aside", { className: "".concat(style$
|
|
1086
|
-
!hideButton && (React__default["default"].createElement("button", { className: style$
|
|
1084
|
+
React__default["default"].createElement("div", { className: "".concat(style$U['magneto-ui-drawer'], " ").concat(style$U[fullDrawer], " ").concat(className) },
|
|
1085
|
+
React__default["default"].createElement("aside", { className: "".concat(style$U[showDrawer]), style: __assign({ padding: paddingValue }, widthValue) },
|
|
1086
|
+
!hideButton && (React__default["default"].createElement("button", { className: style$U['magneto-ui-close-button'], onClick: onClose },
|
|
1087
1087
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false }))),
|
|
1088
1088
|
children),
|
|
1089
|
-
isOpen && (React__default["default"].createElement("span", { className: "".concat(style$
|
|
1089
|
+
isOpen && (React__default["default"].createElement("span", { className: "".concat(style$U[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
1090
1090
|
};
|
|
1091
1091
|
/**
|
|
1092
1092
|
* Molecule UI component for Drawer
|
|
1093
1093
|
*/
|
|
1094
1094
|
var Drawer = Component$1T;
|
|
1095
1095
|
|
|
1096
|
-
var style$
|
|
1096
|
+
var style$T = {"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"};
|
|
1097
1097
|
|
|
1098
1098
|
var EmptyResult = function (_a) {
|
|
1099
1099
|
var titleNoResults = _a.titleNoResults, noResultsDescription = _a.noResultsDescription, noResultsDescriptionTwo = _a.noResultsDescriptionTwo, filteredOptions = _a.filteredOptions, noResultsImage = _a.noResultsImage;
|
|
@@ -1108,22 +1108,22 @@ var EmptyResult = function (_a) {
|
|
|
1108
1108
|
}
|
|
1109
1109
|
var titleWithSearch = (React__default["default"].createElement("h2", null,
|
|
1110
1110
|
arrayTitle[0],
|
|
1111
|
-
React__default["default"].createElement("span", { className: style$
|
|
1111
|
+
React__default["default"].createElement("span", { className: style$T["".concat(classMUI, "-empty-result__info--search")] },
|
|
1112
1112
|
"'",
|
|
1113
1113
|
arrayTitle[2]),
|
|
1114
1114
|
"'"));
|
|
1115
1115
|
var titleWithFilter = React__default["default"].createElement("h2", null, titleNoResults);
|
|
1116
1116
|
return match ? titleWithSearch : titleWithFilter;
|
|
1117
1117
|
}, [titleNoResults]);
|
|
1118
|
-
return (React__default["default"].createElement("main", { className: style$
|
|
1119
|
-
React__default["default"].createElement("span", { className: style$
|
|
1120
|
-
React__default["default"].createElement("img", { className: style$
|
|
1121
|
-
React__default["default"].createElement("div", { className: style$
|
|
1118
|
+
return (React__default["default"].createElement("main", { className: style$T["".concat(classMUI, "-empty-result")] },
|
|
1119
|
+
React__default["default"].createElement("span", { className: style$T["".concat(classMUI, "-empty-result__img-container")] },
|
|
1120
|
+
React__default["default"].createElement("img", { className: style$T["".concat(classMUI, "-empty-result__img-container--img")], src: noResultsImage, alt: "empty-result" })),
|
|
1121
|
+
React__default["default"].createElement("div", { className: style$T["".concat(classMUI, "-empty-result__info")] },
|
|
1122
1122
|
React__default["default"].createElement("div", null,
|
|
1123
|
-
React__default["default"].createElement("div", { className: style$
|
|
1123
|
+
React__default["default"].createElement("div", { className: style$T["".concat(classMUI, "-empty-result__info--title")] }, emptyCardTitle),
|
|
1124
1124
|
React__default["default"].createElement("p", null, noResultsDescription),
|
|
1125
1125
|
React__default["default"].createElement("p", null, noResultsDescriptionTwo)),
|
|
1126
|
-
React__default["default"].createElement("div", { className: style$
|
|
1126
|
+
React__default["default"].createElement("div", { className: style$T["".concat(classMUI, "-empty-result__tags")] }, filteredOptions.map(function (_a, index) {
|
|
1127
1127
|
var tag = _a.tag, url = _a.url;
|
|
1128
1128
|
return (React__default["default"].createElement(SearchItem, { key: index + tag, tag: tag, url: url }));
|
|
1129
1129
|
})))));
|
|
@@ -1314,7 +1314,7 @@ var ExpandableInfoModal = Component$1P;
|
|
|
1314
1314
|
|
|
1315
1315
|
var styles$1M = {"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"};
|
|
1316
1316
|
|
|
1317
|
-
var style$
|
|
1317
|
+
var style$S = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
|
|
1318
1318
|
|
|
1319
1319
|
var styles$1L = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1320
1320
|
|
|
@@ -1325,7 +1325,7 @@ var Image = function (_a) {
|
|
|
1325
1325
|
playIcon && React__default["default"].createElement("div", { className: styles$1L['magneto-ui-play-button'] }, playIcon)));
|
|
1326
1326
|
};
|
|
1327
1327
|
|
|
1328
|
-
var styles$1K = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-
|
|
1328
|
+
var styles$1K = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_1bg7o","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_1bg7o","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_1bg7o","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_1bg7o","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_1bg7o","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_1bg7o"};
|
|
1329
1329
|
|
|
1330
1330
|
var MegaMenuCard = function (_a) {
|
|
1331
1331
|
var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
|
|
@@ -1342,24 +1342,26 @@ var MegaMenuCard = function (_a) {
|
|
|
1342
1342
|
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1K["magneto-ui-mega-menu-card__logo"] }))),
|
|
1343
1343
|
React__default["default"].createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__content"] },
|
|
1344
1344
|
React__default["default"].createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__title"] }, title),
|
|
1345
|
-
React__default["default"].createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas,
|
|
1345
|
+
React__default["default"].createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1346
|
+
maximumFractionDigits: 3
|
|
1347
|
+
}), " cupos"))),
|
|
1346
1348
|
showRigthArrow && (React__default["default"].createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__arrow"] },
|
|
1347
1349
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1348
1350
|
};
|
|
1349
1351
|
|
|
1350
1352
|
var MegaMenuSideCards = function (_a) {
|
|
1351
|
-
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard;
|
|
1352
|
-
var
|
|
1353
|
+
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b;
|
|
1354
|
+
var _c = React.useState(0), selected = _c[0], setSelected = _c[1];
|
|
1353
1355
|
var handleClick = React.useCallback(function (index) { return function () {
|
|
1354
1356
|
setSelected(index);
|
|
1355
1357
|
onSelectCard && onSelectCard(index);
|
|
1356
1358
|
}; }, [onSelectCard]);
|
|
1357
|
-
return (React__default["default"].createElement("ul", { className: "".concat(style$
|
|
1359
|
+
return (React__default["default"].createElement("ul", { className: "".concat(style$S["mega-menu-side-cards"]) },
|
|
1358
1360
|
jobs &&
|
|
1359
|
-
jobs.slice(0,
|
|
1360
|
-
React__default["default"].createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$
|
|
1361
|
+
jobs.slice(0, maxCards).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
|
|
1362
|
+
React__default["default"].createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$S["mega-menu-side-cards__card"], " ").concat(selected == key ? style$S["mega-menu-side-cards__card--selected"] : ''), onClick: handleClick(key) })))); }),
|
|
1361
1363
|
action && (React__default["default"].createElement("li", null,
|
|
1362
|
-
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$
|
|
1364
|
+
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1363
1365
|
};
|
|
1364
1366
|
|
|
1365
1367
|
var styles$1J = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
|
|
@@ -1491,11 +1493,11 @@ var Component$1M = function (_a) {
|
|
|
1491
1493
|
*/
|
|
1492
1494
|
var ExpandableInfo = Component$1M;
|
|
1493
1495
|
|
|
1494
|
-
var style$
|
|
1496
|
+
var style$R = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1495
1497
|
|
|
1496
1498
|
var FilterContainerMenu = function (_a) {
|
|
1497
1499
|
var children = _a.children;
|
|
1498
|
-
return React__default["default"].createElement("div", { className: style$
|
|
1500
|
+
return React__default["default"].createElement("div", { className: style$R["".concat(classMUI, "-filter-container")] }, children);
|
|
1499
1501
|
};
|
|
1500
1502
|
|
|
1501
1503
|
var styles$1G = {"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"};
|
|
@@ -1568,11 +1570,11 @@ var Component$1L = function (_a) {
|
|
|
1568
1570
|
*/
|
|
1569
1571
|
var FrequentSearch = Component$1L;
|
|
1570
1572
|
|
|
1571
|
-
var style$
|
|
1573
|
+
var style$Q = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1572
1574
|
|
|
1573
1575
|
var Component$1K = function (_a) {
|
|
1574
1576
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1575
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
1577
|
+
return (React__default["default"].createElement("div", { className: style$Q['header-drawer-company'] },
|
|
1576
1578
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1577
1579
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1578
1580
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
@@ -1771,16 +1773,16 @@ var InputPlus = function (_a) {
|
|
|
1771
1773
|
|
|
1772
1774
|
var styles$1w = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
|
|
1773
1775
|
|
|
1774
|
-
var style$
|
|
1776
|
+
var style$P = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
|
|
1775
1777
|
|
|
1776
1778
|
var Component$1E = function (_a) {
|
|
1777
1779
|
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"]);
|
|
1778
1780
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1779
|
-
return (React__default["default"].createElement(Popover, { className: [style$
|
|
1781
|
+
return (React__default["default"].createElement(Popover, { className: [style$P['popover'], !show ? style$P['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$P['content'], classNameContent].join(' ') },
|
|
1780
1782
|
shareLinks.map(function (_a, index) {
|
|
1781
1783
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1782
1784
|
return (React__default["default"].createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1783
|
-
React__default["default"].createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1785
|
+
React__default["default"].createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$P['content__link'], onClick: function () { return setShow(false); } },
|
|
1784
1786
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1785
1787
|
React__default["default"].createElement("span", null, title))));
|
|
1786
1788
|
}),
|
|
@@ -1788,7 +1790,7 @@ var Component$1E = function (_a) {
|
|
|
1788
1790
|
React__default["default"].createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1789
1791
|
rest.onCopySuccess();
|
|
1790
1792
|
} })))) },
|
|
1791
|
-
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$
|
|
1793
|
+
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$P['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1792
1794
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }))));
|
|
1793
1795
|
};
|
|
1794
1796
|
Component$1E.displayName = 'SharePopover';
|
|
@@ -1846,7 +1848,7 @@ var Component$1C = function (_a) {
|
|
|
1846
1848
|
*/
|
|
1847
1849
|
var JobApplyCard = Component$1C;
|
|
1848
1850
|
|
|
1849
|
-
var style$
|
|
1851
|
+
var style$O = {"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"};
|
|
1850
1852
|
|
|
1851
1853
|
var JobCardDesktop = function (_a) {
|
|
1852
1854
|
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;
|
|
@@ -1857,43 +1859,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1857
1859
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1858
1860
|
}, [cities]);
|
|
1859
1861
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1860
|
-
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1861
|
-
!isCompanyPage && (React__default["default"].createElement("div", { className: style$
|
|
1862
|
-
React__default["default"].createElement("div", { className: style$
|
|
1863
|
-
React__default["default"].createElement("img", { className: style$
|
|
1864
|
-
React__default["default"].createElement("div", { className: style$
|
|
1865
|
-
React__default["default"].createElement("div", { className: style$
|
|
1862
|
+
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$O["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$O[workSeen] : '', " ").concat(jobOpen ? style$O[jobOpen] : '') },
|
|
1863
|
+
!isCompanyPage && (React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row1")] },
|
|
1864
|
+
React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--brand")] },
|
|
1865
|
+
React__default["default"].createElement("img", { className: style$O["".concat(classMUI, "-card-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '67px', height: '67px' })))),
|
|
1866
|
+
React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--data")] },
|
|
1867
|
+
React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row2")] },
|
|
1866
1868
|
React__default["default"].createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1867
|
-
React__default["default"].createElement("h2", { className: "".concat(style$
|
|
1869
|
+
React__default["default"].createElement("h2", { className: "".concat(style$O["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1868
1870
|
React__default["default"].createElement("h3", null, companyName),
|
|
1869
1871
|
React__default["default"].createElement("p", null, formatPublishDate),
|
|
1870
|
-
urgent && (React__default["default"].createElement("div", { className: style$
|
|
1872
|
+
urgent && (React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
1871
1873
|
React__default["default"].createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
1872
1874
|
React__default["default"].createElement("p", null, urgent)))),
|
|
1873
|
-
React__default["default"].createElement("div", { className: style$
|
|
1875
|
+
React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row3")] },
|
|
1874
1876
|
React__default["default"].createElement("p", null,
|
|
1875
1877
|
citiesformatted,
|
|
1876
1878
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
1877
|
-
React__default["default"].createElement("div", { className: style$
|
|
1879
|
+
React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row4")] },
|
|
1878
1880
|
React__default["default"].createElement("p", null, infoRow4))),
|
|
1879
|
-
React__default["default"].createElement("div", { className: style$
|
|
1881
|
+
React__default["default"].createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--arrow")] },
|
|
1880
1882
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2 }))));
|
|
1881
1883
|
};
|
|
1882
1884
|
|
|
1883
|
-
var style$
|
|
1885
|
+
var style$N = {"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"};
|
|
1884
1886
|
|
|
1885
1887
|
var JobCardMobile = function (_a) {
|
|
1886
1888
|
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;
|
|
1887
|
-
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1888
|
-
!isCompanyPage && (React__default["default"].createElement("div", { className: style$
|
|
1889
|
-
React__default["default"].createElement("div", { className: style$
|
|
1890
|
-
React__default["default"].createElement("img", { className: style$
|
|
1891
|
-
React__default["default"].createElement("div", { className: style$
|
|
1892
|
-
React__default["default"].createElement("div", { className: style$
|
|
1889
|
+
return (React__default["default"].createElement("article", { onClick: showDetail, className: "".concat(style$N["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$N[workSeen] : '', " ").concat(jobOpen ? style$N[jobOpen] : '') },
|
|
1890
|
+
!isCompanyPage && (React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1891
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1892
|
+
React__default["default"].createElement("img", { className: style$N["".concat(classMUI, "-card-mobile-jobs--brand__img")], alt: companySlug ? companySlug : 'company-slug', src: companyLogo ? companyLogo : NoLogo, loading: "lazy", width: '50px', height: '50px' })))),
|
|
1893
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1894
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
1893
1895
|
React__default["default"].createElement("div", null,
|
|
1894
1896
|
React__default["default"].createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
1895
|
-
React__default["default"].createElement("h2", { className: "".concat(style$
|
|
1896
|
-
React__default["default"].createElement("div", { className: style$
|
|
1897
|
+
React__default["default"].createElement("h2", { className: "".concat(style$N["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
1898
|
+
React__default["default"].createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
1897
1899
|
React__default["default"].createElement("h3", null,
|
|
1898
1900
|
companyName,
|
|
1899
1901
|
","),
|
|
@@ -1952,15 +1954,15 @@ var Component$1A = function (_a) {
|
|
|
1952
1954
|
*/
|
|
1953
1955
|
var JobDetailCard = Component$1A;
|
|
1954
1956
|
|
|
1955
|
-
var style$
|
|
1957
|
+
var style$M = {"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"};
|
|
1956
1958
|
|
|
1957
1959
|
var JobDetailContainer = function (_a) {
|
|
1958
1960
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
1959
1961
|
var toggleMenu = React.useMemo(function () {
|
|
1960
|
-
return isOpen ? style$
|
|
1962
|
+
return isOpen ? style$M['is-open'] : '';
|
|
1961
1963
|
}, [isOpen]);
|
|
1962
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
1963
|
-
React__default["default"].createElement("button", { type: "button", onClick: onClose, className: style$
|
|
1964
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$M["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
1965
|
+
React__default["default"].createElement("button", { type: "button", onClick: onClose, className: style$M["".concat(classMUI, "-job-detail-container--btn")] },
|
|
1964
1966
|
React__default["default"].createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
1965
1967
|
children));
|
|
1966
1968
|
};
|
|
@@ -1973,9 +1975,9 @@ var Component$1z = function (_a) {
|
|
|
1973
1975
|
icon: iconList && iconList[index],
|
|
1974
1976
|
offerDetailText: offerDetailText,
|
|
1975
1977
|
alt: altList && altList[index]
|
|
1976
|
-
}); }).filter(function (_a) {
|
|
1978
|
+
}); }).filter(function (_a, index) {
|
|
1977
1979
|
var offerDetailText = _a.offerDetailText;
|
|
1978
|
-
return !!offerDetailText;
|
|
1980
|
+
return !!offerDetailText && index !== 1;
|
|
1979
1981
|
});
|
|
1980
1982
|
return (React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-details'] },
|
|
1981
1983
|
React__default["default"].createElement("div", { className: styles$1s['magneto-ui-job-details__wrapper'] },
|
|
@@ -2109,11 +2111,11 @@ var JobVideo = function (_a) {
|
|
|
2109
2111
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2110
2112
|
};
|
|
2111
2113
|
|
|
2112
|
-
var style$
|
|
2114
|
+
var style$L = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2113
2115
|
|
|
2114
2116
|
var Component$1v = function (_a) {
|
|
2115
2117
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2116
|
-
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$
|
|
2118
|
+
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$L['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2117
2119
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2118
2120
|
return url && (React__default["default"].createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2119
2121
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
@@ -2121,27 +2123,27 @@ var Component$1v = function (_a) {
|
|
|
2121
2123
|
};
|
|
2122
2124
|
var ListIconLink = Component$1v;
|
|
2123
2125
|
|
|
2124
|
-
var style$
|
|
2126
|
+
var style$K = {"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"};
|
|
2125
2127
|
|
|
2126
2128
|
var Component$1u = function (_a) {
|
|
2127
2129
|
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;
|
|
2128
|
-
var menuActive = isActive ? style$
|
|
2129
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$
|
|
2130
|
+
var menuActive = isActive ? style$K['isActive'] : '';
|
|
2131
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$K['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2130
2132
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2131
|
-
React__default["default"].createElement("p", { className: style$
|
|
2133
|
+
React__default["default"].createElement("p", { className: style$K['magneto-ui-menu-icon__menu-text'] }, text))) : (React__default["default"].createElement("button", { onClick: onClick, className: "".concat(style$K['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2132
2134
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2133
|
-
React__default["default"].createElement("p", { className: style$
|
|
2135
|
+
React__default["default"].createElement("p", { className: style$K['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2134
2136
|
};
|
|
2135
2137
|
var MenuIcon = Component$1u;
|
|
2136
2138
|
|
|
2137
|
-
var style$
|
|
2139
|
+
var style$J = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2138
2140
|
|
|
2139
2141
|
var Component$1t = function (_a) {
|
|
2140
2142
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2141
2143
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2142
2144
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2143
2145
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2144
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
2146
|
+
return (React__default["default"].createElement("div", { className: style$J['mangeto-ui-list-menu-icons'] },
|
|
2145
2147
|
React__default["default"].createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2146
2148
|
userMenu.map(function (_a, i) {
|
|
2147
2149
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2168,23 +2170,23 @@ var Component$1s = function (_a) {
|
|
|
2168
2170
|
};
|
|
2169
2171
|
var ListMenuItems = Component$1s;
|
|
2170
2172
|
|
|
2171
|
-
var style$
|
|
2173
|
+
var style$I = {"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"};
|
|
2172
2174
|
|
|
2173
2175
|
var ListMenuText = function (_a) {
|
|
2174
2176
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2175
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2176
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2177
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$I["".concat(classMUI, "-list-menu")]) },
|
|
2178
|
+
React__default["default"].createElement("p", { className: "".concat(style$I["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2177
2179
|
links.map(function (_a, i) {
|
|
2178
2180
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2179
2181
|
return isCreateAccount
|
|
2180
|
-
? tag && (React__default["default"].createElement("div", { key: i, className: "".concat(style$
|
|
2181
|
-
React__default["default"].createElement("button", { title: tag, className: "".concat(style$
|
|
2182
|
+
? tag && (React__default["default"].createElement("div", { key: i, className: "".concat(style$I["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2183
|
+
React__default["default"].createElement("button", { title: tag, className: "".concat(style$I["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2182
2184
|
isLoading && React__default["default"].createElement(Loading, __assign({}, LoadingProps))))
|
|
2183
|
-
: tag && (React__default["default"].createElement("a", { className: "".concat(style$
|
|
2185
|
+
: tag && (React__default["default"].createElement("a", { className: "".concat(style$I["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2184
2186
|
})));
|
|
2185
2187
|
};
|
|
2186
2188
|
|
|
2187
|
-
var style$
|
|
2189
|
+
var style$H = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2188
2190
|
|
|
2189
2191
|
var ListSortMenu = function (_a) {
|
|
2190
2192
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2192,58 +2194,24 @@ var ListSortMenu = function (_a) {
|
|
|
2192
2194
|
setFilter({ key: key });
|
|
2193
2195
|
setShowPopover(false);
|
|
2194
2196
|
}, [setFilter, setShowPopover]);
|
|
2195
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
2197
|
+
return (React__default["default"].createElement("div", { className: style$H['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2196
2198
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2197
2199
|
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 }));
|
|
2198
2200
|
})));
|
|
2199
2201
|
};
|
|
2200
2202
|
|
|
2201
|
-
var style$
|
|
2203
|
+
var style$G = {"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"};
|
|
2202
2204
|
|
|
2203
2205
|
var MagnetoResolution = function (_a) {
|
|
2204
2206
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2205
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2206
|
-
React__default["default"].createElement("img", { className: "".concat(style$
|
|
2207
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2207
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution")]) },
|
|
2208
|
+
React__default["default"].createElement("img", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2209
|
+
React__default["default"].createElement("p", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2208
2210
|
resolutionText,
|
|
2209
|
-
React__default["default"].createElement("a", { className: "".concat(style$
|
|
2211
|
+
React__default["default"].createElement("a", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2210
2212
|
};
|
|
2211
2213
|
|
|
2212
|
-
var style$
|
|
2213
|
-
|
|
2214
|
-
var styles$1n = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2215
|
-
|
|
2216
|
-
var Component$1r = function (_a) {
|
|
2217
|
-
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;
|
|
2218
|
-
var handleClick = React.useCallback(function (event) {
|
|
2219
|
-
if (onClick) {
|
|
2220
|
-
event.preventDefault();
|
|
2221
|
-
onClick();
|
|
2222
|
-
}
|
|
2223
|
-
}, [onClick]);
|
|
2224
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1n['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2225
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1n['button-link__icon'] })),
|
|
2226
|
-
buttonText && React__default["default"].createElement("p", { className: styles$1n['button-link__text'] }, buttonText),
|
|
2227
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1n['button-link__icon'] }))));
|
|
2228
|
-
};
|
|
2229
|
-
/**
|
|
2230
|
-
* UI Atom Component of Save Button
|
|
2231
|
-
*/
|
|
2232
|
-
var ButtonLink = Component$1r;
|
|
2233
|
-
|
|
2234
|
-
var MegaMenuCards = function (_a) {
|
|
2235
|
-
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
|
|
2236
|
-
return (React__default["default"].createElement("nav", { className: className },
|
|
2237
|
-
title && (React__default["default"].createElement("div", { className: "".concat(style$D["mega-menu-cards__title"]) },
|
|
2238
|
-
React__default["default"].createElement("h4", null, title),
|
|
2239
|
-
actionTitle && (React__default["default"].createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$D["mega-menu-cards__action--grey"]) })))),
|
|
2240
|
-
React__default["default"].createElement("ul", { className: "".concat(style$D["mega-menu-cards"]) }, jobs &&
|
|
2241
|
-
jobs.slice(0, 39).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
|
|
2242
|
-
React__default["default"].createElement(MegaMenuCard, __assign({}, job)))); })),
|
|
2243
|
-
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$D["mega-menu-cards__action"]) }))));
|
|
2244
|
-
};
|
|
2245
|
-
|
|
2246
|
-
var style$C = {"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"};
|
|
2214
|
+
var style$F = {"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"};
|
|
2247
2215
|
|
|
2248
2216
|
var initialContext = {
|
|
2249
2217
|
socialHeaderProps: {
|
|
@@ -2274,6 +2242,26 @@ var useMegaMenuMain = function () {
|
|
|
2274
2242
|
return mainHeaderProps;
|
|
2275
2243
|
};
|
|
2276
2244
|
|
|
2245
|
+
var styles$1n = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2246
|
+
|
|
2247
|
+
var Component$1r = function (_a) {
|
|
2248
|
+
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;
|
|
2249
|
+
var handleClick = React.useCallback(function (event) {
|
|
2250
|
+
if (onClick) {
|
|
2251
|
+
event.preventDefault();
|
|
2252
|
+
onClick();
|
|
2253
|
+
}
|
|
2254
|
+
}, [onClick]);
|
|
2255
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1n['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2256
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1n['button-link__icon'] })),
|
|
2257
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1n['button-link__text'] }, buttonText),
|
|
2258
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1n['button-link__icon'] }))));
|
|
2259
|
+
};
|
|
2260
|
+
/**
|
|
2261
|
+
* UI Atom Component of Save Button
|
|
2262
|
+
*/
|
|
2263
|
+
var ButtonLink = Component$1r;
|
|
2264
|
+
|
|
2277
2265
|
var MegaMenuJobsTabs = function () {
|
|
2278
2266
|
var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
2279
2267
|
var _b = useMegaMenuJobs(), tabs = _b.tabs, onChangeTab = _b.onChangeTab;
|
|
@@ -2283,20 +2271,20 @@ var MegaMenuJobsTabs = function () {
|
|
|
2283
2271
|
}; }, [onChangeTab]);
|
|
2284
2272
|
var isSelectedTab = React.useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2285
2273
|
var content = React.useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2286
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2274
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$F["mega-menu-jobs-tabs__container"]) },
|
|
2287
2275
|
React__default["default"].createElement("nav", null,
|
|
2288
|
-
React__default["default"].createElement("ul", { className: "".concat(style$
|
|
2276
|
+
React__default["default"].createElement("ul", { className: "".concat(style$F["mega-menu-jobs-tabs"]) },
|
|
2289
2277
|
tabs &&
|
|
2290
2278
|
tabs.map(function (_a, index) {
|
|
2291
2279
|
var label = _a.label, url = _a.url;
|
|
2292
2280
|
return (React__default["default"].createElement("li", { key: index },
|
|
2293
|
-
React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2281
|
+
React__default["default"].createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$F["mega-menu-jobs-tabs__tab"], " ").concat(isSelectedTab(index) ? style$F["selected-tab"] : ''), target: '_blank', iconSize: 16 })));
|
|
2294
2282
|
}),
|
|
2295
2283
|
React__default["default"].createElement(Divider, { direction: 'VERTICAL' }),
|
|
2296
2284
|
React__default["default"].createElement("li", null,
|
|
2297
2285
|
React__default["default"].createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
|
|
2298
2286
|
React__default["default"].createElement(Divider, null),
|
|
2299
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
2287
|
+
React__default["default"].createElement("div", { className: "".concat(style$F["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2300
2288
|
};
|
|
2301
2289
|
|
|
2302
2290
|
var styles$1m = {"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"};
|
|
@@ -2597,11 +2585,11 @@ var Pagination = function (_a) {
|
|
|
2597
2585
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2598
2586
|
};
|
|
2599
2587
|
|
|
2600
|
-
var style$
|
|
2588
|
+
var style$E = {"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"};
|
|
2601
2589
|
|
|
2602
2590
|
var RightsReservedText = function (_a) {
|
|
2603
2591
|
var magnetoRightsText = _a.magnetoRightsText;
|
|
2604
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
2592
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$E["".concat(classMUI, "-rights-reserved")]) },
|
|
2605
2593
|
React__default["default"].createElement("p", null, magnetoRightsText)));
|
|
2606
2594
|
};
|
|
2607
2595
|
|
|
@@ -2738,7 +2726,7 @@ var SimilarJobsCard = function (_a) {
|
|
|
2738
2726
|
React__default["default"].createElement(IconItem, { className: "".concat(styles$1a["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2739
2727
|
};
|
|
2740
2728
|
|
|
2741
|
-
var style$
|
|
2729
|
+
var style$D = {"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"};
|
|
2742
2730
|
|
|
2743
2731
|
var SortMenu = function (_a) {
|
|
2744
2732
|
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;
|
|
@@ -2751,8 +2739,8 @@ var SortMenu = function (_a) {
|
|
|
2751
2739
|
};
|
|
2752
2740
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
2753
2741
|
return (React__default["default"].createElement(Popover, { widthBase: 180, show: clickOut, content: React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
2754
|
-
React__default["default"].createElement("button", { className: "".concat(style$
|
|
2755
|
-
React__default["default"].createElement("p", { className: style$
|
|
2742
|
+
React__default["default"].createElement("button", { className: "".concat(style$D['magneto-ui-btn-menu'], " ").concat(loading && style$D.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
2743
|
+
React__default["default"].createElement("p", { className: style$D['magneto-ui-btn-text'] }, textOrderFilter),
|
|
2756
2744
|
React__default["default"].createElement(IconItem, __assign({}, menuSortButton)))));
|
|
2757
2745
|
};
|
|
2758
2746
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
@@ -2795,7 +2783,7 @@ var TextArea = function (_a) {
|
|
|
2795
2783
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2796
2784
|
};
|
|
2797
2785
|
|
|
2798
|
-
var style$
|
|
2786
|
+
var style$C = {"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"};
|
|
2799
2787
|
|
|
2800
2788
|
var timelineIcons = {
|
|
2801
2789
|
checked: Checked,
|
|
@@ -2805,15 +2793,15 @@ var timelineIcons = {
|
|
|
2805
2793
|
var Component$1j = function (_a) {
|
|
2806
2794
|
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;
|
|
2807
2795
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2808
|
-
var titleStyle = style$
|
|
2809
|
-
var subtitleStyle = style$
|
|
2810
|
-
return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$
|
|
2811
|
-
React__default["default"].createElement("div", { className: style$
|
|
2812
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
2813
|
-
React__default["default"].createElement(IconItem, { className: style$
|
|
2814
|
-
React__default["default"].createElement("div", { className: style$
|
|
2815
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2816
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
2796
|
+
var titleStyle = style$C["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
2797
|
+
var subtitleStyle = style$C["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
|
|
2798
|
+
return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$C["".concat(classMUI, "-timeline-event")] },
|
|
2799
|
+
React__default["default"].createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__icon")] },
|
|
2800
|
+
React__default["default"].createElement("div", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$C[status]) }),
|
|
2801
|
+
React__default["default"].createElement(IconItem, { className: style$C["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
|
|
2802
|
+
React__default["default"].createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__text")] },
|
|
2803
|
+
React__default["default"].createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2804
|
+
React__default["default"].createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2817
2805
|
};
|
|
2818
2806
|
var TimelineEvent = Component$1j;
|
|
2819
2807
|
|
|
@@ -2842,7 +2830,8 @@ var userMenuAnalystIcons = {
|
|
|
2842
2830
|
unlink: BuildingSlashBlackOutline,
|
|
2843
2831
|
add: AddSquareBlackOutline,
|
|
2844
2832
|
redo: RedoDarkBlue,
|
|
2845
|
-
whatsApp: WhatsAppDark
|
|
2833
|
+
whatsApp: WhatsAppDark,
|
|
2834
|
+
rateUsHelp: Messages2BlackOutline
|
|
2846
2835
|
};
|
|
2847
2836
|
|
|
2848
2837
|
var styles$17 = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
@@ -2857,7 +2846,8 @@ var Component$1h = function (_a) {
|
|
|
2857
2846
|
handleMenuOpen(false);
|
|
2858
2847
|
return handleModal(option.modal.name, true, option.modal.data);
|
|
2859
2848
|
}
|
|
2860
|
-
if (typeof option.data === 'function') {
|
|
2849
|
+
if (typeof option.data === 'function' && handleMenuOpen) {
|
|
2850
|
+
handleMenuOpen(false);
|
|
2861
2851
|
return option.data(option);
|
|
2862
2852
|
}
|
|
2863
2853
|
}, [handleModal, handleMenuOpen, option]);
|
|
@@ -3140,6 +3130,25 @@ var Component$17 = function (_a) {
|
|
|
3140
3130
|
*/
|
|
3141
3131
|
var UserMenuWrapperAnalyst = Component$17;
|
|
3142
3132
|
|
|
3133
|
+
var style$B = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
3134
|
+
|
|
3135
|
+
var FilterActions = function (_a) {
|
|
3136
|
+
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
3137
|
+
var _b = React.useState(0), selected = _b[0], setSelected = _b[1];
|
|
3138
|
+
var handleClickAction = React.useCallback(function (index, letter) { return function () {
|
|
3139
|
+
setSelected(index);
|
|
3140
|
+
onClickAction(index, letter);
|
|
3141
|
+
}; }, [onClickAction]);
|
|
3142
|
+
React.useImperativeHandle(filtersRef, function () { return ({
|
|
3143
|
+
restartFilters: function () { return setSelected(0); }
|
|
3144
|
+
}); });
|
|
3145
|
+
var actions = React.useMemo(function () {
|
|
3146
|
+
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
3147
|
+
return values.map(function (letter, index) { return (React__default["default"].createElement(Button, { onClick: handleClickAction(index, letter), className: "".concat(style$B["filter-actions__action"], " ").concat(selected == index ? style$B["filter-actions__action--selected"] : ''), buttonText: letter, key: index })); });
|
|
3148
|
+
}, [allAction, handleClickAction, selected]);
|
|
3149
|
+
return React__default["default"].createElement("nav", { className: style$B['filter-actions'] }, actions);
|
|
3150
|
+
};
|
|
3151
|
+
|
|
3143
3152
|
var Component$16 = function (_a) {
|
|
3144
3153
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3145
3154
|
var component = React.useMemo(function () {
|
|
@@ -3972,7 +3981,7 @@ var altList = [
|
|
|
3972
3981
|
'Location-icon',
|
|
3973
3982
|
'Tag-icon'
|
|
3974
3983
|
];
|
|
3975
|
-
var iconFooterList = [FacebookBlue, WhatsAppColor, LinkedInBlue,
|
|
3984
|
+
var iconFooterList = [FacebookBlue, WhatsAppColor, LinkedInBlue, X, SMSBlue];
|
|
3976
3985
|
|
|
3977
3986
|
var BriefcaseBlue = "https://static.magneto365.com/lib/assets/megaMenu/800855989d470852.svg";
|
|
3978
3987
|
|
|
@@ -3982,6 +3991,7 @@ var CourthouseBlue = "https://static.magneto365.com/lib/assets/megaMenu/83619cd8
|
|
|
3982
3991
|
|
|
3983
3992
|
var LocationBlue = "https://static.magneto365.com/lib/assets/megaMenu/5b59e346125572c7.svg";
|
|
3984
3993
|
|
|
3994
|
+
var alphabet = 'ABCDEFGHIJKLMNÑOPQRSTUVWXYZ';
|
|
3985
3995
|
var megaMenuJobImage = {
|
|
3986
3996
|
title: 'Cajero cafeteria en la esquina del barrio de por mi casa',
|
|
3987
3997
|
quotas: 30,
|
|
@@ -4290,12 +4300,12 @@ var Component$10 = function (_a) {
|
|
|
4290
4300
|
};
|
|
4291
4301
|
var DateInput = Component$10;
|
|
4292
4302
|
|
|
4293
|
-
var style$
|
|
4303
|
+
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4294
4304
|
|
|
4295
4305
|
var Component$$ = function (_a) {
|
|
4296
4306
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4297
4307
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4298
|
-
return React__default["default"].createElement("div", { style: inlineStyle, className: style$
|
|
4308
|
+
return React__default["default"].createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
4299
4309
|
};
|
|
4300
4310
|
/**
|
|
4301
4311
|
* Atom UI Divider Component
|
|
@@ -4316,20 +4326,20 @@ var Component$_ = function (_a) {
|
|
|
4316
4326
|
*/
|
|
4317
4327
|
var HeaderTab = Component$_;
|
|
4318
4328
|
|
|
4319
|
-
var style$
|
|
4329
|
+
var style$z = {"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"};
|
|
4320
4330
|
|
|
4321
4331
|
var InputSearch = function (_a) {
|
|
4322
4332
|
var _b = _a.inputValue, inputValue = _b === void 0 ? '' : _b, onChange = _a.onChange, closeOnClick = _a.closeOnClick, placeholder = _a.placeholder, searchOnClick = _a.searchOnClick;
|
|
4323
4333
|
var hasASearchFunction = React.useMemo(function () {
|
|
4324
4334
|
if (searchOnClick) {
|
|
4325
|
-
return (React__default["default"].createElement("button", { className: style$
|
|
4326
|
-
React__default["default"].createElement(IconItem, { className: style$
|
|
4335
|
+
return (React__default["default"].createElement("button", { className: style$z["".concat(classMUI, "-container__input-search--btn")], onClick: searchOnClick },
|
|
4336
|
+
React__default["default"].createElement(IconItem, { className: style$z["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" })));
|
|
4327
4337
|
}
|
|
4328
|
-
return (React__default["default"].createElement(IconItem, { className: style$
|
|
4338
|
+
return (React__default["default"].createElement(IconItem, { className: style$z["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" }));
|
|
4329
4339
|
}, [searchOnClick]);
|
|
4330
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
4331
|
-
React__default["default"].createElement("input", { className: style$
|
|
4332
|
-
inputValue.length !== 0 ? (React__default["default"].createElement("button", { className: style$
|
|
4340
|
+
return (React__default["default"].createElement("div", { className: style$z["".concat(classMUI, "-container")] },
|
|
4341
|
+
React__default["default"].createElement("input", { className: style$z["".concat(classMUI, "-container__input-search")], placeholder: placeholder, style: { flex: 1 }, value: inputValue, onChange: onChange, type: "text" }),
|
|
4342
|
+
inputValue.length !== 0 ? (React__default["default"].createElement("button", { className: style$z["".concat(classMUI, "-container__input-search--btn")], onClick: closeOnClick },
|
|
4333
4343
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4334
4344
|
};
|
|
4335
4345
|
|
|
@@ -4418,7 +4428,7 @@ var Component$U = function (_a) {
|
|
|
4418
4428
|
*/
|
|
4419
4429
|
var Loading = Component$U;
|
|
4420
4430
|
|
|
4421
|
-
var style$
|
|
4431
|
+
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4422
4432
|
|
|
4423
4433
|
var Component$T = function (_a) {
|
|
4424
4434
|
var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
|
|
@@ -4430,7 +4440,7 @@ var Component$T = function (_a) {
|
|
|
4430
4440
|
var logoWidth = React.useMemo(function () { return (isoView ? 'magneto-ui-isologo' : 'magneto-ui-logo'); }, [isoView]);
|
|
4431
4441
|
if (!logoSrc && !showDefaultFallback)
|
|
4432
4442
|
return null;
|
|
4433
|
-
return (React__default["default"].createElement("img", { className: style$
|
|
4443
|
+
return (React__default["default"].createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4434
4444
|
};
|
|
4435
4445
|
var LogoComponent = Component$T;
|
|
4436
4446
|
|
|
@@ -4510,13 +4520,13 @@ var Component$Q = function (_a) {
|
|
|
4510
4520
|
*/
|
|
4511
4521
|
var MenuDropdown = Component$Q;
|
|
4512
4522
|
|
|
4513
|
-
var style$
|
|
4523
|
+
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4514
4524
|
|
|
4515
4525
|
var MenuItem = function (_a) {
|
|
4516
4526
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive;
|
|
4517
|
-
var menuActive = isActive ? style$
|
|
4527
|
+
var menuActive = isActive ? style$x['is-active'] : '';
|
|
4518
4528
|
return (React__default["default"].createElement("div", null,
|
|
4519
|
-
React__default["default"].createElement("a", { href: url, className: "".concat(style$
|
|
4529
|
+
React__default["default"].createElement("a", { href: url, className: "".concat(style$x['magneto-ui-menu-item'], " ").concat(menuActive) },
|
|
4520
4530
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, hover: false }),
|
|
4521
4531
|
React__default["default"].createElement("p", null, text))));
|
|
4522
4532
|
};
|
|
@@ -4606,12 +4616,12 @@ var Component$P = function (_a) {
|
|
|
4606
4616
|
};
|
|
4607
4617
|
var Paragraph = React.memo(Component$P);
|
|
4608
4618
|
|
|
4609
|
-
var style$
|
|
4619
|
+
var style$w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
|
|
4610
4620
|
|
|
4611
4621
|
var Component$O = function (_a) {
|
|
4612
4622
|
var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
4613
4623
|
var showMenu = show ? 'show' : 'hidden';
|
|
4614
|
-
var staticContentClass = staticContent ? style$
|
|
4624
|
+
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
4615
4625
|
var _c = React.useState(false), hideComponent = _c[0], setHideComponent = _c[1];
|
|
4616
4626
|
React.useEffect(function () {
|
|
4617
4627
|
if (show) {
|
|
@@ -4622,9 +4632,9 @@ var Component$O = function (_a) {
|
|
|
4622
4632
|
setHideComponent(false);
|
|
4623
4633
|
}, 300);
|
|
4624
4634
|
}, [show]);
|
|
4625
|
-
return (React__default["default"].createElement("div", { style: { width: widthBase }, className: [style$
|
|
4626
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
4627
|
-
React__default["default"].createElement("div", { className: style$
|
|
4635
|
+
return (React__default["default"].createElement("div", { style: { width: widthBase }, className: [style$w['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
|
|
4636
|
+
React__default["default"].createElement("div", { className: "".concat(style$w['magneto-ui-popover'], " ").concat(style$w[positionX], " ").concat(style$w[positionY], " ").concat(style$w[showMenu]) }, hideComponent && content),
|
|
4637
|
+
React__default["default"].createElement("div", { className: style$w['magneto-ui-popover-children'] }, children)));
|
|
4628
4638
|
};
|
|
4629
4639
|
/**
|
|
4630
4640
|
* Atom Ui component of popover
|
|
@@ -4765,11 +4775,11 @@ var Switch = function (_a) {
|
|
|
4765
4775
|
title && React__default["default"].createElement("p", null, title)));
|
|
4766
4776
|
};
|
|
4767
4777
|
|
|
4768
|
-
var style$
|
|
4778
|
+
var style$v = {"magneto-ui-tag":"mg_tag_magneto-ui-tag_y9bxc"};
|
|
4769
4779
|
|
|
4770
4780
|
var Tags = function (_a) {
|
|
4771
4781
|
var text = _a.text, onClick = _a.onClick, icon = _a.icon, _b = _a.bgColor, bgColor = _b === void 0 ? '#F4F4FA' : _b, _c = _a.textColor, textColor = _c === void 0 ? 'black' : _c;
|
|
4772
|
-
return (React__default["default"].createElement("button", { className: style$
|
|
4782
|
+
return (React__default["default"].createElement("button", { className: style$v["".concat(classMUI, "-tag")], style: { backgroundColor: bgColor, color: textColor }, onClick: onClick, type: "button" },
|
|
4773
4783
|
text,
|
|
4774
4784
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4775
4785
|
};
|
|
@@ -4882,7 +4892,7 @@ var BrandMenu = function (_a) {
|
|
|
4882
4892
|
return React__default["default"].createElement(React__default["default"].Fragment, null, menuResponsive);
|
|
4883
4893
|
};
|
|
4884
4894
|
|
|
4885
|
-
var style$
|
|
4895
|
+
var style$u = {};
|
|
4886
4896
|
|
|
4887
4897
|
var Component$D = function (_a) {
|
|
4888
4898
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
@@ -4890,11 +4900,11 @@ var Component$D = function (_a) {
|
|
|
4890
4900
|
var DatePickerComponent = useMediaQuery(React__default["default"].createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
4891
4901
|
lg: React__default["default"].createElement(MobileDatePicker, __assign({}, mobileDatePickerProps, { onChange: handleChange, value: value }))
|
|
4892
4902
|
});
|
|
4893
|
-
return React__default["default"].createElement("div", { className: style$
|
|
4903
|
+
return React__default["default"].createElement("div", { className: style$u["".concat(classMUI)] }, DatePickerComponent);
|
|
4894
4904
|
};
|
|
4895
4905
|
var DatePickerResponsiveComponent = Component$D;
|
|
4896
4906
|
|
|
4897
|
-
var style$
|
|
4907
|
+
var style$t = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
|
|
4898
4908
|
|
|
4899
4909
|
var Component$C = function (_a) {
|
|
4900
4910
|
var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
@@ -4905,12 +4915,12 @@ var Component$C = function (_a) {
|
|
|
4905
4915
|
onClose();
|
|
4906
4916
|
}
|
|
4907
4917
|
};
|
|
4908
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
4918
|
+
return (React__default["default"].createElement("div", { className: style$t['magneto-ui-drawer-menu'] },
|
|
4909
4919
|
React__default["default"].createElement(Drawer, { isOpen: isOpen, onClose: handleClose },
|
|
4910
4920
|
React__default["default"].createElement(HeaderDrawerTabs, __assign({}, headerDrawerProps, { logoProps: logoProps, leftTabStyle: DrawerLeftTabStyles, rightTabStyle: DrawerRightTabStyles })),
|
|
4911
|
-
React__default["default"].createElement("div", { className: style$
|
|
4921
|
+
React__default["default"].createElement("div", { className: style$t['menu-container'] },
|
|
4912
4922
|
React__default["default"].createElement(ListMenuItems, __assign({}, listMenuProps))),
|
|
4913
|
-
React__default["default"].createElement("div", { className: style$
|
|
4923
|
+
React__default["default"].createElement("div", { className: style$t.actionsContainer },
|
|
4914
4924
|
React__default["default"].createElement(MainButton, __assign({ buttonSize: "full" }, CreateAccountButton, { buttonText: buttonTextSignUp, onClick: onSignUpClick, loadingState: loadingState })),
|
|
4915
4925
|
React__default["default"].createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
4916
4926
|
React__default["default"].createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
@@ -4982,22 +4992,22 @@ var FilterHeader = function (_a) {
|
|
|
4982
4992
|
displayFilterSummary));
|
|
4983
4993
|
};
|
|
4984
4994
|
|
|
4985
|
-
var style$
|
|
4995
|
+
var style$s = {"magneto-ui-collapse-menu":"mg_menu_collapse_children_magneto-ui-collapse-menu_v6snl","magneto-ui-collapse-menu__btn":"mg_menu_collapse_children_magneto-ui-collapse-menu_btn_v6snl","magneto-ui-collapse-menu__btn--img":"mg_menu_collapse_children_magneto-ui-collapse-menu_btn--img_v6snl","rotate":"mg_menu_collapse_children_rotate_v6snl"};
|
|
4986
4996
|
|
|
4987
4997
|
var MenuCollapseChildren = function (_a) {
|
|
4988
4998
|
var isOpen = _a.isOpen, onClick = _a.onClick, heightContent = _a.heightContent, listMenuProps = __rest(_a, ["isOpen", "onClick", "heightContent"]);
|
|
4989
4999
|
var _b = React.useMemo(function () {
|
|
4990
|
-
var rotateArrow = isOpen ? style$
|
|
5000
|
+
var rotateArrow = isOpen ? style$s['rotate'] : '';
|
|
4991
5001
|
var customHeightContent = heightContent ? "".concat(heightContent, "px") : 'auto';
|
|
4992
5002
|
return { rotateArrow: rotateArrow, customHeightContent: customHeightContent };
|
|
4993
5003
|
}, [isOpen, heightContent]), rotateArrow = _b.rotateArrow, customHeightContent = _b.customHeightContent;
|
|
4994
|
-
return (React__default["default"].createElement("div", { style: { height: isOpen ? customHeightContent : '40px' }, className: "".concat(style$
|
|
4995
|
-
React__default["default"].createElement("button", { onClick: onClick, type: "button", className: "".concat(style$
|
|
4996
|
-
React__default["default"].createElement("img", { className: "".concat(style$
|
|
5004
|
+
return (React__default["default"].createElement("div", { style: { height: isOpen ? customHeightContent : '40px' }, className: "".concat(style$s["".concat(classMUI, "-collapse-menu")]) },
|
|
5005
|
+
React__default["default"].createElement("button", { onClick: onClick, type: "button", className: "".concat(style$s["".concat(classMUI, "-collapse-menu__btn")]) },
|
|
5006
|
+
React__default["default"].createElement("img", { className: "".concat(style$s["".concat(classMUI, "-collapse-menu__btn--img")], " ").concat(rotateArrow), src: ArrowDown2, alt: "icon-arrow" })),
|
|
4997
5007
|
React__default["default"].createElement(ListMenuText, __assign({}, listMenuProps))));
|
|
4998
5008
|
};
|
|
4999
5009
|
|
|
5000
|
-
var style$
|
|
5010
|
+
var style$r = {"magneto-ui-collapse-menu-container":"mg_menu_collapse_magneto-ui-collapse-menu-container_1vvum"};
|
|
5001
5011
|
|
|
5002
5012
|
var MenuCollapse = function (_a) {
|
|
5003
5013
|
var listMenu = _a.listMenu;
|
|
@@ -5012,26 +5022,26 @@ var MenuCollapse = function (_a) {
|
|
|
5012
5022
|
setMenuActivo(index);
|
|
5013
5023
|
}
|
|
5014
5024
|
}, [menuActivo]);
|
|
5015
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
5025
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$r["".concat(classMUI, "-collapse-menu-container")]) }, linksList.map(function (_a, i) {
|
|
5016
5026
|
var props = __rest(_a, []);
|
|
5017
5027
|
return (React__default["default"].createElement(React.Fragment, { key: i },
|
|
5018
5028
|
React__default["default"].createElement(MenuCollapseChildren, __assign({ isOpen: menuActivo === i, onClick: function () { return toggleMenu(i); } }, props))));
|
|
5019
5029
|
})));
|
|
5020
5030
|
};
|
|
5021
5031
|
|
|
5022
|
-
var style$
|
|
5032
|
+
var style$q = {"magneto-ui-menu-list":"mg_footer_menu_links_magneto-ui-menu-list_1fd90","magneto-ui-menu-list__columns":"mg_footer_menu_links_magneto-ui-menu-list_columns_1fd90"};
|
|
5023
5033
|
|
|
5024
5034
|
var FooterMenuLinks = function (_a) {
|
|
5025
5035
|
var menuList = __rest(_a, []);
|
|
5026
5036
|
var legalMenu = menuList.legalMenu, magnetoLiteMenu = menuList.magnetoLiteMenu, magnetoMenu = menuList.magnetoMenu, otherSolutionsMenu = menuList.otherSolutionsMenu, personsMenu = menuList.personsMenu;
|
|
5027
|
-
var footerMenuResponsive = useMediaQuery(React__default["default"].createElement("div", { className: "".concat(style$
|
|
5028
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5037
|
+
var footerMenuResponsive = useMediaQuery(React__default["default"].createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list")]) },
|
|
5038
|
+
React__default["default"].createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
|
|
5029
5039
|
React__default["default"].createElement(ListMenuText, __assign({}, personsMenu))),
|
|
5030
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5040
|
+
React__default["default"].createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
|
|
5031
5041
|
React__default["default"].createElement(ListMenuText, __assign({}, magnetoMenu)),
|
|
5032
5042
|
React__default["default"].createElement(ListMenuText, __assign({}, magnetoLiteMenu)),
|
|
5033
5043
|
React__default["default"].createElement(ListMenuText, __assign({}, otherSolutionsMenu))),
|
|
5034
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5044
|
+
React__default["default"].createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
|
|
5035
5045
|
React__default["default"].createElement(ListMenuText, __assign({}, legalMenu)))), {
|
|
5036
5046
|
sm: React__default["default"].createElement(MenuCollapse, { listMenu: menuList })
|
|
5037
5047
|
});
|
|
@@ -5067,25 +5077,25 @@ var HeaderAnalyst = Component$B;
|
|
|
5067
5077
|
|
|
5068
5078
|
var styles$x = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5069
5079
|
|
|
5070
|
-
var style$
|
|
5080
|
+
var style$p = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
5071
5081
|
|
|
5072
5082
|
var Component$A = function () {
|
|
5073
|
-
var skeletonCard = (React__default["default"].createElement("div", { className: "".concat(style$
|
|
5074
|
-
React__default["default"].createElement("span", { className: style$
|
|
5075
|
-
React__default["default"].createElement("span", { className: style$
|
|
5076
|
-
React__default["default"].createElement("span", { className: style$
|
|
5077
|
-
React__default["default"].createElement("span", { className: style$
|
|
5078
|
-
React__default["default"].createElement("span", { className: style$
|
|
5083
|
+
var skeletonCard = (React__default["default"].createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5084
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5085
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5086
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5087
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5088
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5079
5089
|
React__default["default"].createElement("span", null)));
|
|
5080
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
5081
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5082
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5083
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5084
|
-
React__default["default"].createElement("span", { className: style$
|
|
5085
|
-
React__default["default"].createElement("span", { className: style$
|
|
5086
|
-
React__default["default"].createElement("span", { className: style$
|
|
5087
|
-
React__default["default"].createElement("span", { className: style$
|
|
5088
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5090
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton")]) },
|
|
5091
|
+
React__default["default"].createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header")]) },
|
|
5092
|
+
React__default["default"].createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_title")]) }),
|
|
5093
|
+
React__default["default"].createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_btn")]) },
|
|
5094
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5095
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5096
|
+
React__default["default"].createElement("span", { className: style$p.skeleton }),
|
|
5097
|
+
React__default["default"].createElement("span", { className: style$p.skeleton })),
|
|
5098
|
+
React__default["default"].createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_card")]) })),
|
|
5089
5099
|
Array(5)
|
|
5090
5100
|
.fill("JobDetailsSkeleton")
|
|
5091
5101
|
.map(function (name, i) { return (React__default["default"].createElement(React.Fragment, { key: "".concat(i, "-name") }, skeletonCard)); })));
|
|
@@ -5374,17 +5384,17 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5374
5384
|
React__default["default"].createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5375
5385
|
};
|
|
5376
5386
|
|
|
5377
|
-
var style$
|
|
5387
|
+
var style$o = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
5378
5388
|
|
|
5379
5389
|
var MagnetoSocialMedia = function (_a) {
|
|
5380
5390
|
var followText = _a.followText;
|
|
5381
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
5382
|
-
React__default["default"].createElement("p", { className: "".concat(style$
|
|
5391
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media")]) },
|
|
5392
|
+
React__default["default"].createElement("p", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__follow-text")]) }, followText),
|
|
5383
5393
|
React__default["default"].createElement(ListIconLink, { spacing: 10, size: 36, listIcon: ListIcon }),
|
|
5384
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5394
|
+
React__default["default"].createElement("div", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__app-links-container")]) }, SocialMediaProps.map(function (_a, i) {
|
|
5385
5395
|
var alt = _a.alt, href = _a.href, img = _a.img;
|
|
5386
5396
|
return (React__default["default"].createElement("a", { key: i, target: "blank", href: href },
|
|
5387
|
-
React__default["default"].createElement("img", { className: "".concat(style$
|
|
5397
|
+
React__default["default"].createElement("img", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__app-links-container--img")]), src: img, alt: alt, loading: "lazy", width: '150px', height: '45px' })));
|
|
5388
5398
|
}))));
|
|
5389
5399
|
};
|
|
5390
5400
|
|
|
@@ -5557,28 +5567,28 @@ var Component$s = function (_a) {
|
|
|
5557
5567
|
*/
|
|
5558
5568
|
var MobileJobDetailsActionsBar = Component$s;
|
|
5559
5569
|
|
|
5560
|
-
var style$
|
|
5570
|
+
var style$n = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
|
|
5561
5571
|
|
|
5562
5572
|
var Component$r = function () {
|
|
5563
|
-
var skeletonCard = (React__default["default"].createElement("div", { className: style$
|
|
5564
|
-
React__default["default"].createElement("span", { className: style$
|
|
5565
|
-
React__default["default"].createElement("span", { className: style$
|
|
5566
|
-
React__default["default"].createElement("span", { className: style$
|
|
5567
|
-
React__default["default"].createElement("span", { className: style$
|
|
5568
|
-
React__default["default"].createElement("span", { className: style$
|
|
5573
|
+
var skeletonCard = (React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5574
|
+
React__default["default"].createElement("span", { className: style$n.skeleton }),
|
|
5575
|
+
React__default["default"].createElement("span", { className: style$n.skeleton }),
|
|
5576
|
+
React__default["default"].createElement("span", { className: style$n.skeleton }),
|
|
5577
|
+
React__default["default"].createElement("span", { className: style$n.skeleton }),
|
|
5578
|
+
React__default["default"].createElement("span", { className: style$n.skeleton }),
|
|
5569
5579
|
React__default["default"].createElement("span", null)));
|
|
5570
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
5571
|
-
React__default["default"].createElement("div", { className: style$
|
|
5572
|
-
React__default["default"].createElement("div", { className: style$
|
|
5573
|
-
React__default["default"].createElement("div", { className: style$
|
|
5574
|
-
React__default["default"].createElement("div", { className: style$
|
|
5580
|
+
return (React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton'] },
|
|
5581
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header'] },
|
|
5582
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header_title'] }),
|
|
5583
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header_btn'] }),
|
|
5584
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header_card'] })),
|
|
5575
5585
|
Array(2)
|
|
5576
5586
|
.fill("JobDetailsSkeleton")
|
|
5577
5587
|
.map(function (name, i) { return (React__default["default"].createElement(React.Fragment, { key: "".concat(i, "-name") }, skeletonCard)); }),
|
|
5578
|
-
React__default["default"].createElement("div", { className: style$
|
|
5579
|
-
React__default["default"].createElement("div", { className: style$
|
|
5580
|
-
React__default["default"].createElement("div", { className: style$
|
|
5581
|
-
React__default["default"].createElement("div", { className: style$
|
|
5588
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer'] },
|
|
5589
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer_title'] }),
|
|
5590
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer_info'] }),
|
|
5591
|
+
React__default["default"].createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer_button'] }))));
|
|
5582
5592
|
};
|
|
5583
5593
|
/**
|
|
5584
5594
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
@@ -5595,7 +5605,7 @@ var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.g
|
|
|
5595
5605
|
|
|
5596
5606
|
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
5597
5607
|
|
|
5598
|
-
var style$
|
|
5608
|
+
var style$m = {"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"};
|
|
5599
5609
|
|
|
5600
5610
|
var Swipe = function (_a) {
|
|
5601
5611
|
var onSwipeLeft = _a.onSwipeLeft, onSwipeRight = _a.onSwipeRight, children = _a.children, openModal = _a.openModal, onCloseModal = _a.onCloseModal, modalConfirmText = _a.modalConfirmText, modalLeftText = _a.modalLeftText, modalRightText = _a.modalRightText, modalTitle = _a.modalTitle;
|
|
@@ -5633,8 +5643,8 @@ var Swipe = function (_a) {
|
|
|
5633
5643
|
setSwipe(null);
|
|
5634
5644
|
swipe == SwipeMode.RIGHT ? onSwipeRight() : onSwipeLeft();
|
|
5635
5645
|
}, [isSwiping, onSwipeLeft, onSwipeRight, swipe]);
|
|
5636
|
-
var swipeGif = React.useCallback(function (image, title) { return (React__default["default"].createElement("div", { className: style$
|
|
5637
|
-
React__default["default"].createElement("p", { className: style$
|
|
5646
|
+
var swipeGif = React.useCallback(function (image, title) { return (React__default["default"].createElement("div", { className: style$m["magneto-ui-swipe__image--content"] },
|
|
5647
|
+
React__default["default"].createElement("p", { className: style$m["magneto-ui-swipe__image--title"] }, title),
|
|
5638
5648
|
React__default["default"].createElement("img", { src: image, height: 130 }))); }, []);
|
|
5639
5649
|
var hiddenModal = React.useCallback(function () {
|
|
5640
5650
|
onCloseModal && onCloseModal();
|
|
@@ -5642,11 +5652,11 @@ var Swipe = function (_a) {
|
|
|
5642
5652
|
return (React__default["default"].createElement("div", { onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: "swipe" },
|
|
5643
5653
|
children,
|
|
5644
5654
|
React__default["default"].createElement(MobileDrawer, { isOpen: openModal !== null && openModal !== void 0 ? openModal : false, onClose: hiddenModal },
|
|
5645
|
-
React__default["default"].createElement("p", { className: style$
|
|
5646
|
-
React__default["default"].createElement("div", { className: style$
|
|
5655
|
+
React__default["default"].createElement("p", { className: style$m["magneto-ui-swipe__modal--title"] }, modalTitle),
|
|
5656
|
+
React__default["default"].createElement("div", { className: style$m["magneto-ui-swipe__modal"] },
|
|
5647
5657
|
swipeGif(SwipeLeft, modalLeftText),
|
|
5648
5658
|
swipeGif(SwipeRight, modalRightText)),
|
|
5649
|
-
React__default["default"].createElement(MainButton, { buttonType: "button", buttonText: modalConfirmText, buttonSize: "full", className: style$
|
|
5659
|
+
React__default["default"].createElement(MainButton, { buttonType: "button", buttonText: modalConfirmText, buttonSize: "full", className: style$m["magneto-ui-swipe__modal--action"], onClick: hiddenModal, buttonStyles: {
|
|
5650
5660
|
buttonColor: '#090467',
|
|
5651
5661
|
textColor: '#FFFFFF',
|
|
5652
5662
|
spacing: '25px'
|
|
@@ -5704,7 +5714,7 @@ var Component$q = function (_a) {
|
|
|
5704
5714
|
*/
|
|
5705
5715
|
var MobileJobDetailsDrawer = Component$q;
|
|
5706
5716
|
|
|
5707
|
-
var style$
|
|
5717
|
+
var style$l = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
|
|
5708
5718
|
|
|
5709
5719
|
var MobileSortMenu = function (_a) {
|
|
5710
5720
|
var isOpen = _a.isOpen, orderFields = _a.orderFields, orderByText = _a.orderByText, textOrderFilter = _a.textOrderFilter, _b = _a.titleBtnOrder, titleBtnOrder = _b === void 0 ? '' : _b, onClose = _a.onClose, setFilter = _a.setFilter, orderFilter = _a.orderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -5717,9 +5727,9 @@ var MobileSortMenu = function (_a) {
|
|
|
5717
5727
|
};
|
|
5718
5728
|
}, [orderFields, textOrderFilter, setFilter, setShowPopover]);
|
|
5719
5729
|
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5720
|
-
React__default["default"].createElement("div", { className: style$
|
|
5721
|
-
React__default["default"].createElement("p", { className: style$
|
|
5722
|
-
React__default["default"].createElement("button", { className: "".concat(style$
|
|
5730
|
+
React__default["default"].createElement("div", { className: style$l['magneto-ui-order-container'] },
|
|
5731
|
+
React__default["default"].createElement("p", { className: style$l['magneto-ui-order-text'] }, orderByText),
|
|
5732
|
+
React__default["default"].createElement("button", { className: "".concat(style$l['magneto-ui-btn-order']), title: titleBtnOrder, onClick: orderFilter },
|
|
5723
5733
|
React__default["default"].createElement(IconItem, __assign({}, iconFilterOrder)))),
|
|
5724
5734
|
React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5725
5735
|
};
|
|
@@ -5734,28 +5744,28 @@ var Component$p = function (_a) {
|
|
|
5734
5744
|
*/
|
|
5735
5745
|
var ModalAnalyst = Component$p;
|
|
5736
5746
|
|
|
5737
|
-
var style$
|
|
5747
|
+
var style$k = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5738
5748
|
|
|
5739
|
-
var style$
|
|
5749
|
+
var style$j = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_r3q4f","disable":"mg_select_item_disable_r3q4f"};
|
|
5740
5750
|
|
|
5741
5751
|
var SelectItem$1 = function (_a) {
|
|
5742
5752
|
var text = _a.text, onClick = _a.onClick, disable = _a.disable;
|
|
5743
5753
|
var disableSelection = React.useMemo(function () {
|
|
5744
|
-
return disable ? style$
|
|
5754
|
+
return disable ? style$j['disable'] : '';
|
|
5745
5755
|
}, [disable]);
|
|
5746
|
-
return (React__default["default"].createElement("button", { className: "".concat(style$
|
|
5756
|
+
return (React__default["default"].createElement("button", { className: "".concat(style$j["".concat(classMUI, "-select-item")], " ").concat(disableSelection), title: text, onClick: onClick }, text));
|
|
5747
5757
|
};
|
|
5748
5758
|
|
|
5749
|
-
var style$
|
|
5759
|
+
var style$i = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
|
|
5750
5760
|
|
|
5751
5761
|
var DropDownButton$1 = function (_a) {
|
|
5752
5762
|
var onClick = _a.onClick, title = _a.title;
|
|
5753
|
-
return (React__default["default"].createElement("button", { className: "".concat(style$
|
|
5763
|
+
return (React__default["default"].createElement("button", { className: "".concat(style$i["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
|
|
5754
5764
|
title,
|
|
5755
5765
|
React__default["default"].createElement(IconItem, { icon: ArrowDown2, alt: "arrow-icon" })));
|
|
5756
5766
|
};
|
|
5757
5767
|
|
|
5758
|
-
var style$
|
|
5768
|
+
var style$h = {"magneto-ui-container-options":"mg_container_desktop_magneto-ui-container-options_1ueme","magneto-ui-container-options-drop-down-container":"mg_container_desktop_magneto-ui-container-options-drop-down-container_1ueme","magneto-ui-container-options-tags-container":"mg_container_desktop_magneto-ui-container-options-tags-container_1ueme","magneto-ui-container-options__menu":"mg_container_desktop_magneto-ui-container-options_menu_1ueme","magneto-ui-container-options__menu--tags":"mg_container_desktop_magneto-ui-container-options_menu--tags_1ueme","magneto-ui-container-options__menu--list":"mg_container_desktop_magneto-ui-container-options_menu--list_1ueme","hide":"mg_container_desktop_hide_1ueme"};
|
|
5759
5769
|
|
|
5760
5770
|
var useContainerDesktop$1 = function (_a) {
|
|
5761
5771
|
var numberOfSelectable = _a.numberOfSelectable, selectedValues = _a.selectedValues;
|
|
@@ -5812,26 +5822,26 @@ var ContainerDesktop$3 = function (_a) {
|
|
|
5812
5822
|
var inputSearchProps = _a.inputSearchProps, selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, numberOfSelectable = _a.numberOfSelectable, dropDownTitle = _a.dropDownTitle;
|
|
5813
5823
|
var _b = useContainerDesktop$1({ numberOfSelectable: numberOfSelectable, selectedValues: selectedValues }), containerOptions = _b.containerOptions, menuPosition = _b.menuPosition, toggleDropdown = _b.toggleDropdown, limitOfSelectable = _b.limitOfSelectable, inputRef = _b.inputRef, isOpen = _b.isOpen, dropdownRef = _b.dropdownRef;
|
|
5814
5824
|
var hideComponent = React.useMemo(function () {
|
|
5815
|
-
return isOpen ? style$
|
|
5825
|
+
return isOpen ? style$h['hide'] : '';
|
|
5816
5826
|
}, [isOpen]);
|
|
5817
5827
|
return (React__default["default"].createElement("div", { style: { zIndex: 999999 } },
|
|
5818
|
-
limitOfSelectable && (React__default["default"].createElement("div", { className: "".concat(style$
|
|
5828
|
+
limitOfSelectable && (React__default["default"].createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options-drop-down-container")], " ").concat(hideComponent, " "), ref: inputRef },
|
|
5819
5829
|
React__default["default"].createElement(DropDownButton$1, { title: dropDownTitle, onClick: toggleDropdown }))),
|
|
5820
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5821
|
-
React__default["default"].createElement("div", { ref: containerOptions, className: "".concat(style$
|
|
5830
|
+
React__default["default"].createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options-tags-container")], " ").concat(hideComponent) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5831
|
+
React__default["default"].createElement("div", { ref: containerOptions, className: "".concat(style$h["".concat(classMUI, "-container-options")]) }, isOpen &&
|
|
5822
5832
|
ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: {
|
|
5823
5833
|
position: 'absolute',
|
|
5824
5834
|
top: "".concat(menuPosition.top - 60, "px "),
|
|
5825
5835
|
left: "".concat(menuPosition.left, "px"),
|
|
5826
5836
|
width: "".concat(menuPosition.width, "px"),
|
|
5827
5837
|
zIndex: 999999
|
|
5828
|
-
}, ref: dropdownRef, className: "".concat(style$
|
|
5838
|
+
}, ref: dropdownRef, className: "".concat(style$h["".concat(classMUI, "-container-options__menu")]) },
|
|
5829
5839
|
inputSearchProps && React__default["default"].createElement(InputSearch, __assign({}, inputSearchProps)),
|
|
5830
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5831
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5840
|
+
React__default["default"].createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5841
|
+
React__default["default"].createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React__default["default"].createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))), document.body))));
|
|
5832
5842
|
};
|
|
5833
5843
|
|
|
5834
|
-
var style$
|
|
5844
|
+
var style$g = {"magneto-ui-container-options":"mg_container_mobile_magneto-ui-container-options_1caxk","magneto-ui-container-options-tags-container":"mg_container_mobile_magneto-ui-container-options-tags-container_1caxk","magneto-ui-container-options__menu":"mg_container_mobile_magneto-ui-container-options_menu_1caxk","magneto-ui-container-options__menu--tags":"mg_container_mobile_magneto-ui-container-options_menu--tags_1caxk","magneto-ui-container-options__menu--list":"mg_container_mobile_magneto-ui-container-options_menu--list_1caxk"};
|
|
5835
5845
|
|
|
5836
5846
|
var ContainerDesktop$2 = function (_a) {
|
|
5837
5847
|
var selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, dropDownTitle = _a.dropDownTitle, numberOfSelectable = _a.numberOfSelectable;
|
|
@@ -5846,13 +5856,13 @@ var ContainerDesktop$2 = function (_a) {
|
|
|
5846
5856
|
}, [limitOfSelectable]);
|
|
5847
5857
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
5848
5858
|
limitOfSelectable && React__default["default"].createElement(DropDownButton$1, { title: dropDownTitle, onClick: function () { return setOpenOptions(true); } }),
|
|
5849
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5859
|
+
React__default["default"].createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options-tags-container")]) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5850
5860
|
React__default["default"].createElement("div", { style: { zIndex: 99999999 } },
|
|
5851
5861
|
React__default["default"].createElement(MobileDrawer, { isOpen: openOptions, onClose: function () { return setOpenOptions(false); } },
|
|
5852
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5853
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5854
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5855
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
5862
|
+
React__default["default"].createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options")]) },
|
|
5863
|
+
React__default["default"].createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu")]) },
|
|
5864
|
+
React__default["default"].createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React__default["default"].createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5865
|
+
React__default["default"].createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React__default["default"].createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))))))));
|
|
5856
5866
|
};
|
|
5857
5867
|
|
|
5858
5868
|
var ContainerOptions$1 = function (containerProps) {
|
|
@@ -5949,7 +5959,7 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
5949
5959
|
inputValue: inputValue,
|
|
5950
5960
|
onChange: handleInputChange
|
|
5951
5961
|
};
|
|
5952
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
5962
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$k["".concat(classMUI, "-multiple-selection-entry")]) },
|
|
5953
5963
|
React__default["default"].createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
5954
5964
|
};
|
|
5955
5965
|
|
|
@@ -6326,29 +6336,29 @@ var Component$j = function (_a) {
|
|
|
6326
6336
|
*/
|
|
6327
6337
|
var NavMenuDrawerAnalyst = Component$j;
|
|
6328
6338
|
|
|
6329
|
-
var style$
|
|
6339
|
+
var style$f = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
|
|
6330
6340
|
|
|
6331
6341
|
var SelectItem = function (_a) {
|
|
6332
6342
|
var text = _a.text, onClick = _a.onClick, disable = _a.disable, selected = _a.selected;
|
|
6333
6343
|
var disableSelection = React.useMemo(function () {
|
|
6334
|
-
return disable ? style$
|
|
6344
|
+
return disable ? style$f['disable'] : '';
|
|
6335
6345
|
}, [disable]);
|
|
6336
6346
|
var selectedSelection = React.useMemo(function () {
|
|
6337
|
-
return selected ? style$
|
|
6347
|
+
return selected ? style$f['selected'] : '';
|
|
6338
6348
|
}, [selected]);
|
|
6339
|
-
return (React__default["default"].createElement("button", { className: "".concat(style$
|
|
6349
|
+
return (React__default["default"].createElement("button", { className: "".concat(style$f["".concat(classMUI, "-select-item")], " ").concat(disableSelection, " ").concat(selectedSelection), title: text, onClick: onClick }, text));
|
|
6340
6350
|
};
|
|
6341
6351
|
|
|
6342
|
-
var style$
|
|
6352
|
+
var style$e = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
|
|
6343
6353
|
|
|
6344
6354
|
var DropDownButton = function (_a) {
|
|
6345
6355
|
var onClick = _a.onClick, title = _a.title;
|
|
6346
|
-
return (React__default["default"].createElement("button", { className: "".concat(style$
|
|
6356
|
+
return (React__default["default"].createElement("button", { className: "".concat(style$e["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
|
|
6347
6357
|
title,
|
|
6348
6358
|
React__default["default"].createElement(IconItem, { icon: ArrowDown2, alt: "arrow-icon" })));
|
|
6349
6359
|
};
|
|
6350
6360
|
|
|
6351
|
-
var style$
|
|
6361
|
+
var style$d = {"magneto-ui-container-options":"mg_container_desktop_magneto-ui-container-options_1ug44","magneto-ui-container-options-drop-down-container":"mg_container_desktop_magneto-ui-container-options-drop-down-container_1ug44","magneto-ui-container-options-tags-container":"mg_container_desktop_magneto-ui-container-options-tags-container_1ug44","magneto-ui-container-options__menu":"mg_container_desktop_magneto-ui-container-options_menu_1ug44","magneto-ui-container-options__menu--tags":"mg_container_desktop_magneto-ui-container-options_menu--tags_1ug44","magneto-ui-container-options__menu--list":"mg_container_desktop_magneto-ui-container-options_menu--list_1ug44","hide":"mg_container_desktop_hide_1ug44"};
|
|
6352
6362
|
|
|
6353
6363
|
var useContainerDesktop = function (_a) {
|
|
6354
6364
|
var addValue = _a.addValue;
|
|
@@ -6403,18 +6413,18 @@ var ContainerDesktop$1 = function (_a) {
|
|
|
6403
6413
|
return (React__default["default"].createElement("div", { style: { zIndex: 999999 } },
|
|
6404
6414
|
React__default["default"].createElement("div", { ref: inputRef },
|
|
6405
6415
|
React__default["default"].createElement(DropDownButton, { title: dropDownTitle, onClick: toggleDropdown })),
|
|
6406
|
-
React__default["default"].createElement("div", { ref: containerOptions, className: "".concat(style$
|
|
6416
|
+
React__default["default"].createElement("div", { ref: containerOptions, className: "".concat(style$d["".concat(classMUI, "-container-options")]) }, isOpen &&
|
|
6407
6417
|
ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: {
|
|
6408
6418
|
position: 'absolute',
|
|
6409
6419
|
top: "".concat(menuPosition.top - 8, "px "),
|
|
6410
6420
|
left: "".concat(menuPosition.left, "px"),
|
|
6411
6421
|
width: "".concat(menuPosition.width, "px"),
|
|
6412
6422
|
zIndex: 999999
|
|
6413
|
-
}, ref: dropdownRef, className: "".concat(style$
|
|
6414
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
6423
|
+
}, ref: dropdownRef, className: "".concat(style$d["".concat(classMUI, "-container-options__menu")]) },
|
|
6424
|
+
React__default["default"].createElement("div", { className: "".concat(style$d["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React__default["default"].createElement(SelectItem, { selected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, disable: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, key: value.id, onClick: function () { return selectValue(value.id); }, text: value.label })); }))), document.body))));
|
|
6415
6425
|
};
|
|
6416
6426
|
|
|
6417
|
-
var style$
|
|
6427
|
+
var style$c = {"magneto-ui-container-options":"mg_container_mobile_magneto-ui-container-options_16tb3","magneto-ui-container-options__menu":"mg_container_mobile_magneto-ui-container-options_menu_16tb3","magneto-ui-container-options__menu--list":"mg_container_mobile_magneto-ui-container-options_menu--list_16tb3"};
|
|
6418
6428
|
|
|
6419
6429
|
var ContainerDesktop = function (_a) {
|
|
6420
6430
|
var listOptions = _a.listOptions, addValue = _a.addValue, dropDownTitle = _a.dropDownTitle, selectedValue = _a.selectedValue;
|
|
@@ -6427,9 +6437,9 @@ var ContainerDesktop = function (_a) {
|
|
|
6427
6437
|
React__default["default"].createElement(DropDownButton, { title: dropDownTitle, onClick: function () { return setOpenOptions(true); } }),
|
|
6428
6438
|
React__default["default"].createElement("div", { style: { zIndex: 99999999 } },
|
|
6429
6439
|
React__default["default"].createElement(MobileDrawer, { isOpen: openOptions, onClose: function () { return setOpenOptions(false); } },
|
|
6430
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
6431
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
6432
|
-
React__default["default"].createElement("div", { className: "".concat(style$
|
|
6440
|
+
React__default["default"].createElement("div", { className: "".concat(style$c["".concat(classMUI, "-container-options")]) },
|
|
6441
|
+
React__default["default"].createElement("div", { className: "".concat(style$c["".concat(classMUI, "-container-options__menu")]) },
|
|
6442
|
+
React__default["default"].createElement("div", { className: "".concat(style$c["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React__default["default"].createElement(SelectItem, { selected: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.id) === value.id, key: value.id, onClick: function () { return selectValue(value.id); }, text: value.label })); }))))))));
|
|
6433
6443
|
};
|
|
6434
6444
|
|
|
6435
6445
|
var ContainerOptions = function (_a) {
|
|
@@ -6502,7 +6512,7 @@ var useOneSelectionEntry = function (_a) {
|
|
|
6502
6512
|
};
|
|
6503
6513
|
};
|
|
6504
6514
|
|
|
6505
|
-
var style$
|
|
6515
|
+
var style$b = {"magneto-ui-one-selection-entry":"mg_one_selection_entry_magneto-ui-one-selection-entry_cffk1"};
|
|
6506
6516
|
|
|
6507
6517
|
var OneSelectionEntry = function (_a) {
|
|
6508
6518
|
var dropDownTitle = _a.dropDownTitle, listOptions = _a.listOptions, selectedValue = _a.selectedValue, onChange = _a.onChange, _b = _a.responsiveMenu, responsiveMenu = _b === void 0 ? true : _b;
|
|
@@ -6517,7 +6527,7 @@ var OneSelectionEntry = function (_a) {
|
|
|
6517
6527
|
}
|
|
6518
6528
|
return dropDownTitle;
|
|
6519
6529
|
}, [dropDownTitle, localSelectedValue]);
|
|
6520
|
-
return (React__default["default"].createElement("div", { className: "".concat(style$
|
|
6530
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$b["".concat(classMUI, "-one-selection-entry")]) },
|
|
6521
6531
|
React__default["default"].createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6522
6532
|
};
|
|
6523
6533
|
|
|
@@ -6765,7 +6775,7 @@ var Component$c = function (_a) {
|
|
|
6765
6775
|
*/
|
|
6766
6776
|
var Select2 = withClickOut(Component$c);
|
|
6767
6777
|
|
|
6768
|
-
var style$
|
|
6778
|
+
var style$a = {"magneto-ui-timeline":"mg_timeline_magneto-ui-timeline_lr29v"};
|
|
6769
6779
|
|
|
6770
6780
|
var STATUS = {
|
|
6771
6781
|
CHECKED: 'checked',
|
|
@@ -6784,7 +6794,7 @@ var Component$b = function (_a) {
|
|
|
6784
6794
|
}
|
|
6785
6795
|
return STATUS.BLOCKED;
|
|
6786
6796
|
};
|
|
6787
|
-
return (React__default["default"].createElement("div", { className: style$
|
|
6797
|
+
return (React__default["default"].createElement("div", { className: style$a["".concat(classMUI, "-timeline")] }, steps.map(function (_a, index) {
|
|
6788
6798
|
var subtitle = _a.subtitle, title = _a.title;
|
|
6789
6799
|
return (React__default["default"].createElement(TimelineEvent, { index: index + 1, onClick: onClick, key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
|
|
6790
6800
|
})));
|
|
@@ -6877,7 +6887,7 @@ var SelectDrawer = function (_a) {
|
|
|
6877
6887
|
return (React__default["default"].createElement(MobileDrawer, { className: cx$3('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6878
6888
|
};
|
|
6879
6889
|
|
|
6880
|
-
var styles$9 = {"checkbox":"
|
|
6890
|
+
var styles$9 = {"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"};
|
|
6881
6891
|
|
|
6882
6892
|
var cx$2 = classNames.bind(styles$9);
|
|
6883
6893
|
var defaultCheck = function (_a) {
|
|
@@ -6972,6 +6982,32 @@ var Select = Object.assign(Component$7, {
|
|
|
6972
6982
|
ListCheck: SelectListCheck
|
|
6973
6983
|
});
|
|
6974
6984
|
|
|
6985
|
+
var style$9 = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
6986
|
+
|
|
6987
|
+
var AlphabetFilter = function (_a) {
|
|
6988
|
+
var title = _a.title, allActionText = _a.allActionText, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
6989
|
+
return (React__default["default"].createElement("div", { className: "".concat(style$9['alphabet-filter'], " ").concat(className) },
|
|
6990
|
+
React__default["default"].createElement("p", { className: style$9['alphabet-filter__title'] },
|
|
6991
|
+
" ",
|
|
6992
|
+
title),
|
|
6993
|
+
React__default["default"].createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
6994
|
+
};
|
|
6995
|
+
|
|
6996
|
+
var style$8 = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_1nvcn","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_1nvcn","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_1nvcn","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_1nvcn","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_1nvcn"};
|
|
6997
|
+
|
|
6998
|
+
var MegaMenuCards = function (_a) {
|
|
6999
|
+
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _b = _a.maxCards, maxCards = _b === void 0 ? 39 : _b;
|
|
7000
|
+
return (React__default["default"].createElement("nav", { className: className },
|
|
7001
|
+
title && (React__default["default"].createElement("div", { className: "".concat(style$8["mega-menu-cards__title"]) },
|
|
7002
|
+
React__default["default"].createElement("h4", null, title),
|
|
7003
|
+
actionTitle && (React__default["default"].createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$8["mega-menu-cards__action--grey"]) })))),
|
|
7004
|
+
filterProps && React__default["default"].createElement(AlphabetFilter, __assign({ className: style$8["mega-menu-cards__filter"] }, filterProps)),
|
|
7005
|
+
React__default["default"].createElement("ul", { className: "".concat(style$8["mega-menu-cards"]) }, jobs &&
|
|
7006
|
+
jobs.slice(0, maxCards).map(function (job, key) { return (React__default["default"].createElement("li", { key: key },
|
|
7007
|
+
React__default["default"].createElement(MegaMenuCard, __assign({}, job)))); })),
|
|
7008
|
+
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$8["mega-menu-cards__action"]) }))));
|
|
7009
|
+
};
|
|
7010
|
+
|
|
6975
7011
|
var styles$6 = {"magneto-ui-analyst-template":"mg_analyst_template_magneto-ui-analyst-template_77xpr","magneto-ui-analyst-template__container":"mg_analyst_template_magneto-ui-analyst-template_container_77xpr","magneto-ui-analyst-template__children":"mg_analyst_template_magneto-ui-analyst-template_children_77xpr"};
|
|
6976
7012
|
|
|
6977
7013
|
var Component$6 = function (_a) {
|
|
@@ -7649,6 +7685,7 @@ var SuggestedJobsPage = Component;
|
|
|
7649
7685
|
|
|
7650
7686
|
exports.Actions = Actions;
|
|
7651
7687
|
exports.Alert = Alert;
|
|
7688
|
+
exports.AlphabetFilter = AlphabetFilter;
|
|
7652
7689
|
exports.AnalystTemplate = AnalystTemplate;
|
|
7653
7690
|
exports.Avatar = Avatar;
|
|
7654
7691
|
exports.BarLoader = BarLoader;
|
|
@@ -7670,6 +7707,7 @@ exports.Drawer = Drawer;
|
|
|
7670
7707
|
exports.DrawerMenu = DrawerMenu;
|
|
7671
7708
|
exports.EmptyResults = EmptyResult;
|
|
7672
7709
|
exports.ExpandableInfo = ExpandableInfo;
|
|
7710
|
+
exports.FilterActions = FilterActions;
|
|
7673
7711
|
exports.FilterCard = FilterCard;
|
|
7674
7712
|
exports.FilterContainerMenu = FilterContainerMenu;
|
|
7675
7713
|
exports.FilterHeader = FilterHeader;
|
|
@@ -7730,6 +7768,7 @@ exports.MegaMenuCard = MegaMenuCard;
|
|
|
7730
7768
|
exports.MegaMenuCards = MegaMenuCards;
|
|
7731
7769
|
exports.MegaMenuJobsTabs = MegaMenuJobsTabs;
|
|
7732
7770
|
exports.MegaMenuPopover = MegaMenuPopover;
|
|
7771
|
+
exports.MegaMenuSideCards = MegaMenuSideCards;
|
|
7733
7772
|
exports.MegaMenuTab = MegaMenuTab;
|
|
7734
7773
|
exports.MenuDropdown = MenuDropdown;
|
|
7735
7774
|
exports.MenuIcon = MenuIcon;
|