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/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { createContext, useContext, useState, useEffect, useMemo, Fragment, useRef, useCallback, memo } from 'react';
|
|
1
|
+
import React, { createContext, useContext, useState, useEffect, useMemo, Fragment, useRef, useCallback, useImperativeHandle, memo } from 'react';
|
|
2
2
|
import ReactDOM from 'react-dom';
|
|
3
3
|
|
|
4
4
|
/*! *****************************************************************************
|
|
@@ -239,7 +239,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
239
239
|
return component;
|
|
240
240
|
};
|
|
241
241
|
|
|
242
|
-
var style$
|
|
242
|
+
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
244
|
var Component$1$ = function (_a) {
|
|
245
245
|
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;
|
|
@@ -248,11 +248,11 @@ var Component$1$ = function (_a) {
|
|
|
248
248
|
setImageError(true);
|
|
249
249
|
};
|
|
250
250
|
var iconSrc = useMemo(function () { return (!imageError ? icon !== null && icon !== void 0 ? icon : undefined : fallbackIcon); }, [fallbackIcon, imageError, icon]);
|
|
251
|
-
var isHover = hover ? style$
|
|
251
|
+
var isHover = hover ? style$_['magneto-ui-hover'] : '';
|
|
252
252
|
var customStyle = size ? { width: size + 'px' } : {};
|
|
253
253
|
if (!iconSrc && !showDefaultFallback)
|
|
254
254
|
return null;
|
|
255
|
-
return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$
|
|
255
|
+
return (React.createElement(Fragment, null, icon && (React.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 }))));
|
|
256
256
|
};
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
@@ -417,6 +417,8 @@ var LogoutIcon = "https://static.magneto365.com/lib/assets/69e73b9b021eccd7.svg"
|
|
|
417
417
|
|
|
418
418
|
var MagicStarBlackOutline = "https://static.magneto365.com/lib/assets/3cce32a33c03fccd.svg";
|
|
419
419
|
|
|
420
|
+
var Messages2BlackOutline = "https://static.magneto365.com/lib/assets/801c14292dfce9f7.svg";
|
|
421
|
+
|
|
420
422
|
var MiniArrowGrayDown = "https://static.magneto365.com/lib/assets/0385a8005062bc95.svg";
|
|
421
423
|
|
|
422
424
|
var MiniArrowGrayUp = "https://static.magneto365.com/lib/assets/e5049168ea868a14.svg";
|
|
@@ -485,8 +487,6 @@ var TiktokSolid = "https://static.magneto365.com/lib/assets/6fb8b692c5ce240a.svg
|
|
|
485
487
|
|
|
486
488
|
var Trash = "https://static.magneto365.com/lib/assets/bb5696a688793d1a.svg";
|
|
487
489
|
|
|
488
|
-
var TwitterBlue = "https://static.magneto365.com/lib/assets/af2e6d20e352c9ec.svg";
|
|
489
|
-
|
|
490
490
|
var Urgent = "https://static.magneto365.com/lib/assets/5c4e927a0bd04465.svg";
|
|
491
491
|
|
|
492
492
|
var User = "https://static.magneto365.com/lib/assets/2c2a99f021022515.svg";
|
|
@@ -720,9 +720,9 @@ var ShareLinksAction = function (_a) {
|
|
|
720
720
|
*/
|
|
721
721
|
var Actions = Object.assign(Component$1Z, { ShareLinks: ShareLinksAction });
|
|
722
722
|
|
|
723
|
-
var style$
|
|
723
|
+
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"};
|
|
724
724
|
|
|
725
|
-
var style$
|
|
725
|
+
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"};
|
|
726
726
|
|
|
727
727
|
var Componente = function (_a) {
|
|
728
728
|
var text = _a.text, customText = _a.customText, className = _a.className;
|
|
@@ -730,7 +730,7 @@ var Componente = function (_a) {
|
|
|
730
730
|
return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React.createElement("span", { className: className }, customText.map(function (_a, index) {
|
|
731
731
|
var value = _a.value, fontWeight = _a.fontWeight, _b = _a.lineBreak, lineBreak = _b === void 0 ? false : _b;
|
|
732
732
|
return (React.createElement(Fragment, { key: "".concat(value, "-").concat(index) },
|
|
733
|
-
React.createElement("span", { className: style$
|
|
733
|
+
React.createElement("span", { className: style$Y["".concat(classMUI, "-").concat(fontWeight)] }, value),
|
|
734
734
|
lineBreak && React.createElement("br", null)));
|
|
735
735
|
}))) : (React.createElement("p", { className: className }, text));
|
|
736
736
|
}, [text, customText, className]);
|
|
@@ -746,33 +746,33 @@ var alertIcons = {
|
|
|
746
746
|
};
|
|
747
747
|
var Component$1Y = function (_a) {
|
|
748
748
|
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;
|
|
749
|
-
var borderStyle = border ? style$
|
|
750
|
-
var typeStyle = style$
|
|
749
|
+
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
750
|
+
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
751
751
|
var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
|
|
752
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
753
|
-
React.createElement(IconItem, { className: style$
|
|
754
|
-
React.createElement(Text, { text: text, customText: customText, className: style$
|
|
755
|
-
onClose && (React.createElement("button", { className: style$
|
|
752
|
+
return (React.createElement("div", { className: "".concat(style$Z["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
|
|
753
|
+
React.createElement(IconItem, { className: style$Z["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
|
|
754
|
+
React.createElement(Text, { text: text, customText: customText, className: style$Z["".concat(classMUI, "-text")] }),
|
|
755
|
+
onClose && (React.createElement("button", { className: style$Z["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
|
|
756
756
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
757
757
|
extraButton));
|
|
758
758
|
};
|
|
759
759
|
var Alert = Component$1Y;
|
|
760
760
|
|
|
761
|
-
var style$
|
|
761
|
+
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"};
|
|
762
762
|
|
|
763
763
|
var Muiclass$5 = 'magneto-ui';
|
|
764
764
|
var BrandsContainer = function (_a) {
|
|
765
765
|
var brands = _a.brands, closeBrands = _a.closeBrands, ourBrandsText = _a.ourBrandsText;
|
|
766
|
-
return (React.createElement("div", { className: style$
|
|
767
|
-
React.createElement("div", { className: style$
|
|
768
|
-
React.createElement("div", { className: style$
|
|
766
|
+
return (React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands")] },
|
|
767
|
+
React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands__header")] },
|
|
768
|
+
React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands__header--row")] },
|
|
769
769
|
React.createElement("p", null, ourBrandsText),
|
|
770
770
|
React.createElement("button", { title: "cerrar menu", onClick: closeBrands, type: "button" },
|
|
771
771
|
React.createElement(IconItem, { size: 15, icon: Close })))),
|
|
772
|
-
React.createElement("div", { className: style$
|
|
773
|
-
React.createElement("div", { className: style$
|
|
772
|
+
React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands-container")] },
|
|
773
|
+
React.createElement("div", { className: style$X["".concat(Muiclass$5, "-brands-container__brands")] }, brands === null || brands === void 0 ? void 0 : brands.map(function (_a, index) {
|
|
774
774
|
var brandAlt = _a.brandAlt, brandImg = _a.brandImg, brandTitle = _a.brandTitle, brandUrl = _a.brandUrl;
|
|
775
|
-
return (React.createElement("a", { href: brandUrl, className: style$
|
|
775
|
+
return (React.createElement("a", { href: brandUrl, className: style$X["".concat(Muiclass$5, "-brands-container__brands--brand")], key: index },
|
|
776
776
|
React.createElement("img", { src: brandImg, alt: brandAlt, loading: "lazy", width: '100px', height: '26px' }),
|
|
777
777
|
React.createElement("p", null, brandTitle)));
|
|
778
778
|
})))));
|
|
@@ -796,7 +796,7 @@ var DrawerPortal = function (_a) {
|
|
|
796
796
|
return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
|
|
797
797
|
};
|
|
798
798
|
|
|
799
|
-
var style$
|
|
799
|
+
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"};
|
|
800
800
|
|
|
801
801
|
function formatNumber(num) {
|
|
802
802
|
if (typeof num !== 'number')
|
|
@@ -843,7 +843,7 @@ var classNames = {
|
|
|
843
843
|
}
|
|
844
844
|
};
|
|
845
845
|
|
|
846
|
-
var cx$6 = classNames.bind(style$
|
|
846
|
+
var cx$6 = classNames.bind(style$W);
|
|
847
847
|
var Component$1X = function (_a) {
|
|
848
848
|
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;
|
|
849
849
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
@@ -871,7 +871,7 @@ var Component$1X = function (_a) {
|
|
|
871
871
|
}, [isOpen]);
|
|
872
872
|
return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
|
|
873
873
|
React.createElement("div", { className: cx$6('magneto-ui-mobile-drawer', className) },
|
|
874
|
-
React.createElement("aside", { className: style$
|
|
874
|
+
React.createElement("aside", { className: style$W[showMenu] },
|
|
875
875
|
React.createElement("button", { title: "close-modal", className: cx$6('magneto-ui-close-button'), onClick: onClose },
|
|
876
876
|
React.createElement(IconItem, { icon: Add, hover: false })),
|
|
877
877
|
React.createElement("div", { className: cx$6('magneto-ui-container') }, children)),
|
|
@@ -882,18 +882,18 @@ var Component$1X = function (_a) {
|
|
|
882
882
|
*/
|
|
883
883
|
var MobileDrawer = Component$1X;
|
|
884
884
|
|
|
885
|
-
var style$
|
|
885
|
+
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"};
|
|
886
886
|
|
|
887
887
|
var Muiclass$4 = 'magneto-ui';
|
|
888
888
|
var BrandButton = function (_a) {
|
|
889
889
|
var rotate = _a.rotate, companyLogo = _a.companyLogo, companySlug = _a.companySlug, onClick = _a.onClick;
|
|
890
890
|
var rotateIcon = useMemo(function () {
|
|
891
|
-
return rotate ? style$
|
|
891
|
+
return rotate ? style$V['rotate'] : '';
|
|
892
892
|
}, [rotate]);
|
|
893
|
-
return (React.createElement("div", { className: style$
|
|
894
|
-
React.createElement("button", { className: style$
|
|
895
|
-
React.createElement("img", { className: style$
|
|
896
|
-
React.createElement("span", { className: "".concat(style$
|
|
893
|
+
return (React.createElement("div", { className: style$V["".concat(Muiclass$4, "-brand-button")] },
|
|
894
|
+
React.createElement("button", { className: style$V["".concat(Muiclass$4, "-brand-button__company-logo")], onClick: onClick },
|
|
895
|
+
React.createElement("img", { className: style$V["".concat(Muiclass$4, "-brand-button__company-logo--img")], src: companyLogo, alt: companySlug }),
|
|
896
|
+
React.createElement("span", { className: "".concat(style$V["".concat(Muiclass$4, "-brand-button__icon")], " ").concat(rotateIcon) },
|
|
897
897
|
React.createElement(IconItem, { icon: ArrowDown2 })))));
|
|
898
898
|
};
|
|
899
899
|
|
|
@@ -1033,7 +1033,7 @@ var Component$1U = function (_a) {
|
|
|
1033
1033
|
};
|
|
1034
1034
|
var DatePicker = Component$1U;
|
|
1035
1035
|
|
|
1036
|
-
var style$
|
|
1036
|
+
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"};
|
|
1037
1037
|
|
|
1038
1038
|
var DEFAULT_PADDING = 20;
|
|
1039
1039
|
var Component$1T = function (_a) {
|
|
@@ -1072,19 +1072,19 @@ var Component$1T = function (_a) {
|
|
|
1072
1072
|
};
|
|
1073
1073
|
}, [isOpen]);
|
|
1074
1074
|
return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
|
|
1075
|
-
React.createElement("div", { className: "".concat(style$
|
|
1076
|
-
React.createElement("aside", { className: "".concat(style$
|
|
1077
|
-
!hideButton && (React.createElement("button", { className: style$
|
|
1075
|
+
React.createElement("div", { className: "".concat(style$U['magneto-ui-drawer'], " ").concat(style$U[fullDrawer], " ").concat(className) },
|
|
1076
|
+
React.createElement("aside", { className: "".concat(style$U[showDrawer]), style: __assign({ padding: paddingValue }, widthValue) },
|
|
1077
|
+
!hideButton && (React.createElement("button", { className: style$U['magneto-ui-close-button'], onClick: onClose },
|
|
1078
1078
|
React.createElement(IconItem, { icon: Add, hover: false }))),
|
|
1079
1079
|
children),
|
|
1080
|
-
isOpen && (React.createElement("span", { className: "".concat(style$
|
|
1080
|
+
isOpen && (React.createElement("span", { className: "".concat(style$U[backgroundEffect]), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
1081
1081
|
};
|
|
1082
1082
|
/**
|
|
1083
1083
|
* Molecule UI component for Drawer
|
|
1084
1084
|
*/
|
|
1085
1085
|
var Drawer = Component$1T;
|
|
1086
1086
|
|
|
1087
|
-
var style$
|
|
1087
|
+
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"};
|
|
1088
1088
|
|
|
1089
1089
|
var EmptyResult = function (_a) {
|
|
1090
1090
|
var titleNoResults = _a.titleNoResults, noResultsDescription = _a.noResultsDescription, noResultsDescriptionTwo = _a.noResultsDescriptionTwo, filteredOptions = _a.filteredOptions, noResultsImage = _a.noResultsImage;
|
|
@@ -1099,22 +1099,22 @@ var EmptyResult = function (_a) {
|
|
|
1099
1099
|
}
|
|
1100
1100
|
var titleWithSearch = (React.createElement("h2", null,
|
|
1101
1101
|
arrayTitle[0],
|
|
1102
|
-
React.createElement("span", { className: style$
|
|
1102
|
+
React.createElement("span", { className: style$T["".concat(classMUI, "-empty-result__info--search")] },
|
|
1103
1103
|
"'",
|
|
1104
1104
|
arrayTitle[2]),
|
|
1105
1105
|
"'"));
|
|
1106
1106
|
var titleWithFilter = React.createElement("h2", null, titleNoResults);
|
|
1107
1107
|
return match ? titleWithSearch : titleWithFilter;
|
|
1108
1108
|
}, [titleNoResults]);
|
|
1109
|
-
return (React.createElement("main", { className: style$
|
|
1110
|
-
React.createElement("span", { className: style$
|
|
1111
|
-
React.createElement("img", { className: style$
|
|
1112
|
-
React.createElement("div", { className: style$
|
|
1109
|
+
return (React.createElement("main", { className: style$T["".concat(classMUI, "-empty-result")] },
|
|
1110
|
+
React.createElement("span", { className: style$T["".concat(classMUI, "-empty-result__img-container")] },
|
|
1111
|
+
React.createElement("img", { className: style$T["".concat(classMUI, "-empty-result__img-container--img")], src: noResultsImage, alt: "empty-result" })),
|
|
1112
|
+
React.createElement("div", { className: style$T["".concat(classMUI, "-empty-result__info")] },
|
|
1113
1113
|
React.createElement("div", null,
|
|
1114
|
-
React.createElement("div", { className: style$
|
|
1114
|
+
React.createElement("div", { className: style$T["".concat(classMUI, "-empty-result__info--title")] }, emptyCardTitle),
|
|
1115
1115
|
React.createElement("p", null, noResultsDescription),
|
|
1116
1116
|
React.createElement("p", null, noResultsDescriptionTwo)),
|
|
1117
|
-
React.createElement("div", { className: style$
|
|
1117
|
+
React.createElement("div", { className: style$T["".concat(classMUI, "-empty-result__tags")] }, filteredOptions.map(function (_a, index) {
|
|
1118
1118
|
var tag = _a.tag, url = _a.url;
|
|
1119
1119
|
return (React.createElement(SearchItem, { key: index + tag, tag: tag, url: url }));
|
|
1120
1120
|
})))));
|
|
@@ -1305,7 +1305,7 @@ var ExpandableInfoModal = Component$1P;
|
|
|
1305
1305
|
|
|
1306
1306
|
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"};
|
|
1307
1307
|
|
|
1308
|
-
var style$
|
|
1308
|
+
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"};
|
|
1309
1309
|
|
|
1310
1310
|
var styles$1L = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1311
1311
|
|
|
@@ -1316,7 +1316,7 @@ var Image = function (_a) {
|
|
|
1316
1316
|
playIcon && React.createElement("div", { className: styles$1L['magneto-ui-play-button'] }, playIcon)));
|
|
1317
1317
|
};
|
|
1318
1318
|
|
|
1319
|
-
var styles$1K = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-
|
|
1319
|
+
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"};
|
|
1320
1320
|
|
|
1321
1321
|
var MegaMenuCard = function (_a) {
|
|
1322
1322
|
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;
|
|
@@ -1333,24 +1333,26 @@ var MegaMenuCard = function (_a) {
|
|
|
1333
1333
|
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1K["magneto-ui-mega-menu-card__logo"] }))),
|
|
1334
1334
|
React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__content"] },
|
|
1335
1335
|
React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__title"] }, title),
|
|
1336
|
-
React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas,
|
|
1336
|
+
React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1337
|
+
maximumFractionDigits: 3
|
|
1338
|
+
}), " cupos"))),
|
|
1337
1339
|
showRigthArrow && (React.createElement("div", { className: styles$1K["magneto-ui-mega-menu-card__arrow"] },
|
|
1338
1340
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1339
1341
|
};
|
|
1340
1342
|
|
|
1341
1343
|
var MegaMenuSideCards = function (_a) {
|
|
1342
|
-
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard;
|
|
1343
|
-
var
|
|
1344
|
+
var jobs = _a.jobs, action = _a.action, onSelectCard = _a.onSelectCard, _b = _a.maxCards, maxCards = _b === void 0 ? 10 : _b;
|
|
1345
|
+
var _c = useState(0), selected = _c[0], setSelected = _c[1];
|
|
1344
1346
|
var handleClick = useCallback(function (index) { return function () {
|
|
1345
1347
|
setSelected(index);
|
|
1346
1348
|
onSelectCard && onSelectCard(index);
|
|
1347
1349
|
}; }, [onSelectCard]);
|
|
1348
|
-
return (React.createElement("ul", { className: "".concat(style$
|
|
1350
|
+
return (React.createElement("ul", { className: "".concat(style$S["mega-menu-side-cards"]) },
|
|
1349
1351
|
jobs &&
|
|
1350
|
-
jobs.slice(0,
|
|
1351
|
-
React.createElement(MegaMenuCard, __assign({}, job, { showRigthArrow: selected == key, className: "".concat(style$
|
|
1352
|
+
jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
1353
|
+
React.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) })))); }),
|
|
1352
1354
|
action && (React.createElement("li", null,
|
|
1353
|
-
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$
|
|
1355
|
+
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1354
1356
|
};
|
|
1355
1357
|
|
|
1356
1358
|
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"};
|
|
@@ -1482,11 +1484,11 @@ var Component$1M = function (_a) {
|
|
|
1482
1484
|
*/
|
|
1483
1485
|
var ExpandableInfo = Component$1M;
|
|
1484
1486
|
|
|
1485
|
-
var style$
|
|
1487
|
+
var style$R = {"magneto-ui-filter-container":"mg_filter_container_menu_magneto-ui-filter-container_r9inc"};
|
|
1486
1488
|
|
|
1487
1489
|
var FilterContainerMenu = function (_a) {
|
|
1488
1490
|
var children = _a.children;
|
|
1489
|
-
return React.createElement("div", { className: style$
|
|
1491
|
+
return React.createElement("div", { className: style$R["".concat(classMUI, "-filter-container")] }, children);
|
|
1490
1492
|
};
|
|
1491
1493
|
|
|
1492
1494
|
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"};
|
|
@@ -1559,11 +1561,11 @@ var Component$1L = function (_a) {
|
|
|
1559
1561
|
*/
|
|
1560
1562
|
var FrequentSearch = Component$1L;
|
|
1561
1563
|
|
|
1562
|
-
var style$
|
|
1564
|
+
var style$Q = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1563
1565
|
|
|
1564
1566
|
var Component$1K = function (_a) {
|
|
1565
1567
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1566
|
-
return (React.createElement("div", { className: style$
|
|
1568
|
+
return (React.createElement("div", { className: style$Q['header-drawer-company'] },
|
|
1567
1569
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1568
1570
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1569
1571
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
@@ -1762,16 +1764,16 @@ var InputPlus = function (_a) {
|
|
|
1762
1764
|
|
|
1763
1765
|
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"};
|
|
1764
1766
|
|
|
1765
|
-
var style$
|
|
1767
|
+
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"};
|
|
1766
1768
|
|
|
1767
1769
|
var Component$1E = function (_a) {
|
|
1768
1770
|
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"]);
|
|
1769
1771
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1770
|
-
return (React.createElement(Popover, { className: [style$
|
|
1772
|
+
return (React.createElement(Popover, { className: [style$P['popover'], !show ? style$P['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$P['content'], classNameContent].join(' ') },
|
|
1771
1773
|
shareLinks.map(function (_a, index) {
|
|
1772
1774
|
var title = _a.title, href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, name = _a.name;
|
|
1773
1775
|
return (React.createElement("li", { key: "".concat(title, "-").concat(index) },
|
|
1774
|
-
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$
|
|
1776
|
+
React.createElement("a", { title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, className: style$P['content__link'], onClick: function () { return setShow(false); } },
|
|
1775
1777
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
1776
1778
|
React.createElement("span", null, title))));
|
|
1777
1779
|
}),
|
|
@@ -1779,7 +1781,7 @@ var Component$1E = function (_a) {
|
|
|
1779
1781
|
React.createElement(ShareButton, __assign({}, rest, { onCopySuccess: function () {
|
|
1780
1782
|
rest.onCopySuccess();
|
|
1781
1783
|
} })))) },
|
|
1782
|
-
React.createElement("button", __assign({}, btnProps, { className: [style$
|
|
1784
|
+
React.createElement("button", __assign({}, btnProps, { className: [style$P['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1783
1785
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1784
1786
|
};
|
|
1785
1787
|
Component$1E.displayName = 'SharePopover';
|
|
@@ -1837,7 +1839,7 @@ var Component$1C = function (_a) {
|
|
|
1837
1839
|
*/
|
|
1838
1840
|
var JobApplyCard = Component$1C;
|
|
1839
1841
|
|
|
1840
|
-
var style$
|
|
1842
|
+
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"};
|
|
1841
1843
|
|
|
1842
1844
|
var JobCardDesktop = function (_a) {
|
|
1843
1845
|
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;
|
|
@@ -1848,43 +1850,43 @@ var JobCardDesktop = function (_a) {
|
|
|
1848
1850
|
return cities === null || cities === void 0 ? void 0 : cities.join(', ');
|
|
1849
1851
|
}, [cities]);
|
|
1850
1852
|
var infoRow4 = [contractType, salary, experience, educationLevel].join(' ');
|
|
1851
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1852
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1853
|
-
React.createElement("div", { className: style$
|
|
1854
|
-
React.createElement("img", { className: style$
|
|
1855
|
-
React.createElement("div", { className: style$
|
|
1856
|
-
React.createElement("div", { className: style$
|
|
1853
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$O["".concat(classMUI, "-card-jobs")], " ").concat(workSeen ? style$O[workSeen] : '', " ").concat(jobOpen ? style$O[jobOpen] : '') },
|
|
1854
|
+
!isCompanyPage && (React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row1")] },
|
|
1855
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--brand")] },
|
|
1856
|
+
React.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' })))),
|
|
1857
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--data")] },
|
|
1858
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row2")] },
|
|
1857
1859
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, target: "_blank", rel: "noreferrer", onClick: function (e) { return e.preventDefault(); } },
|
|
1858
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1860
|
+
React.createElement("h2", { className: "".concat(style$O["".concat(classMUI, "-card-jobs--row2__position")], " ").concat(workSeen) }, title)),
|
|
1859
1861
|
React.createElement("h3", null, companyName),
|
|
1860
1862
|
React.createElement("p", null, formatPublishDate),
|
|
1861
|
-
urgent && (React.createElement("div", { className: style$
|
|
1863
|
+
urgent && (React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row2__urgent")] },
|
|
1862
1864
|
React.createElement(IconItem, { alt: 'alt', icon: Urgent, hover: false, size: 18 }),
|
|
1863
1865
|
React.createElement("p", null, urgent)))),
|
|
1864
|
-
React.createElement("div", { className: style$
|
|
1866
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row3")] },
|
|
1865
1867
|
React.createElement("p", null,
|
|
1866
1868
|
citiesformatted,
|
|
1867
1869
|
(cities === null || cities === void 0 ? void 0 : cities.length) > 5 && ', ' + others)),
|
|
1868
|
-
React.createElement("div", { className: style$
|
|
1870
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--row4")] },
|
|
1869
1871
|
React.createElement("p", null, infoRow4))),
|
|
1870
|
-
React.createElement("div", { className: style$
|
|
1872
|
+
React.createElement("div", { className: style$O["".concat(classMUI, "-card-jobs--arrow")] },
|
|
1871
1873
|
React.createElement(IconItem, { icon: ArrowRight2 }))));
|
|
1872
1874
|
};
|
|
1873
1875
|
|
|
1874
|
-
var style$
|
|
1876
|
+
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"};
|
|
1875
1877
|
|
|
1876
1878
|
var JobCardMobile = function (_a) {
|
|
1877
1879
|
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;
|
|
1878
|
-
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$
|
|
1879
|
-
!isCompanyPage && (React.createElement("div", { className: style$
|
|
1880
|
-
React.createElement("div", { className: style$
|
|
1881
|
-
React.createElement("img", { className: style$
|
|
1882
|
-
React.createElement("div", { className: style$
|
|
1883
|
-
React.createElement("div", { className: style$
|
|
1880
|
+
return (React.createElement("article", { onClick: showDetail, className: "".concat(style$N["".concat(classMUI, "-card-mobile-jobs")], " ").concat(workSeen ? style$N[workSeen] : '', " ").concat(jobOpen ? style$N[jobOpen] : '') },
|
|
1881
|
+
!isCompanyPage && (React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row1")] },
|
|
1882
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--brand")] },
|
|
1883
|
+
React.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' })))),
|
|
1884
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--data")] },
|
|
1885
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row2")] },
|
|
1884
1886
|
React.createElement("div", null,
|
|
1885
1887
|
React.createElement("a", { href: "".concat(dynamicUrl, "/").concat(jobSlug), title: title, rel: "noreferrer", onClick: function (e) { return e.stopPropagation(); } },
|
|
1886
|
-
React.createElement("h2", { className: "".concat(style$
|
|
1887
|
-
React.createElement("div", { className: style$
|
|
1888
|
+
React.createElement("h2", { className: "".concat(style$N["".concat(classMUI, "-card-mobile-jobs--row2__position")], " ").concat(workSeen) }, title))),
|
|
1889
|
+
React.createElement("div", { className: style$N["".concat(classMUI, "-card-mobile-jobs--row2__info")] },
|
|
1888
1890
|
React.createElement("h3", null,
|
|
1889
1891
|
companyName,
|
|
1890
1892
|
","),
|
|
@@ -1943,15 +1945,15 @@ var Component$1A = function (_a) {
|
|
|
1943
1945
|
*/
|
|
1944
1946
|
var JobDetailCard = Component$1A;
|
|
1945
1947
|
|
|
1946
|
-
var style$
|
|
1948
|
+
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"};
|
|
1947
1949
|
|
|
1948
1950
|
var JobDetailContainer = function (_a) {
|
|
1949
1951
|
var children = _a.children, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
1950
1952
|
var toggleMenu = useMemo(function () {
|
|
1951
|
-
return isOpen ? style$
|
|
1953
|
+
return isOpen ? style$M['is-open'] : '';
|
|
1952
1954
|
}, [isOpen]);
|
|
1953
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
1954
|
-
React.createElement("button", { type: "button", onClick: onClose, className: style$
|
|
1955
|
+
return (React.createElement("div", { className: "".concat(style$M["".concat(classMUI, "-job-detail-container")], " ").concat(toggleMenu) },
|
|
1956
|
+
React.createElement("button", { type: "button", onClick: onClose, className: style$M["".concat(classMUI, "-job-detail-container--btn")] },
|
|
1955
1957
|
React.createElement(IconItem, { alt: "arrow right", icon: ArrowRight2 })),
|
|
1956
1958
|
children));
|
|
1957
1959
|
};
|
|
@@ -1964,9 +1966,9 @@ var Component$1z = function (_a) {
|
|
|
1964
1966
|
icon: iconList && iconList[index],
|
|
1965
1967
|
offerDetailText: offerDetailText,
|
|
1966
1968
|
alt: altList && altList[index]
|
|
1967
|
-
}); }).filter(function (_a) {
|
|
1969
|
+
}); }).filter(function (_a, index) {
|
|
1968
1970
|
var offerDetailText = _a.offerDetailText;
|
|
1969
|
-
return !!offerDetailText;
|
|
1971
|
+
return !!offerDetailText && index !== 1;
|
|
1970
1972
|
});
|
|
1971
1973
|
return (React.createElement("div", { className: styles$1s['magneto-ui-job-details'] },
|
|
1972
1974
|
React.createElement("div", { className: styles$1s['magneto-ui-job-details__wrapper'] },
|
|
@@ -2100,11 +2102,11 @@ var JobVideo = function (_a) {
|
|
|
2100
2102
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2101
2103
|
};
|
|
2102
2104
|
|
|
2103
|
-
var style$
|
|
2105
|
+
var style$L = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2104
2106
|
|
|
2105
2107
|
var Component$1v = function (_a) {
|
|
2106
2108
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2107
|
-
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$
|
|
2109
|
+
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$L['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2108
2110
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
2109
2111
|
return url && (React.createElement("a", { key: index, href: url, target: "_blank", rel: "noopener noreferrer" },
|
|
2110
2112
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
@@ -2112,27 +2114,27 @@ var Component$1v = function (_a) {
|
|
|
2112
2114
|
};
|
|
2113
2115
|
var ListIconLink = Component$1v;
|
|
2114
2116
|
|
|
2115
|
-
var style$
|
|
2117
|
+
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"};
|
|
2116
2118
|
|
|
2117
2119
|
var Component$1u = function (_a) {
|
|
2118
2120
|
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;
|
|
2119
|
-
var menuActive = isActive ? style$
|
|
2120
|
-
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$
|
|
2121
|
+
var menuActive = isActive ? style$K['isActive'] : '';
|
|
2122
|
+
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$K['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
2121
2123
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2122
|
-
React.createElement("p", { className: style$
|
|
2124
|
+
React.createElement("p", { className: style$K['magneto-ui-menu-icon__menu-text'] }, text))) : (React.createElement("button", { onClick: onClick, className: "".concat(style$K['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text },
|
|
2123
2125
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2124
|
-
React.createElement("p", { className: style$
|
|
2126
|
+
React.createElement("p", { className: style$K['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2125
2127
|
};
|
|
2126
2128
|
var MenuIcon = Component$1u;
|
|
2127
2129
|
|
|
2128
|
-
var style$
|
|
2130
|
+
var style$J = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2129
2131
|
|
|
2130
2132
|
var Component$1t = function (_a) {
|
|
2131
2133
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2132
2134
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2133
2135
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2134
2136
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2135
|
-
return (React.createElement("div", { className: style$
|
|
2137
|
+
return (React.createElement("div", { className: style$J['mangeto-ui-list-menu-icons'] },
|
|
2136
2138
|
React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2137
2139
|
userMenu.map(function (_a, i) {
|
|
2138
2140
|
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
@@ -2159,23 +2161,23 @@ var Component$1s = function (_a) {
|
|
|
2159
2161
|
};
|
|
2160
2162
|
var ListMenuItems = Component$1s;
|
|
2161
2163
|
|
|
2162
|
-
var style$
|
|
2164
|
+
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"};
|
|
2163
2165
|
|
|
2164
2166
|
var ListMenuText = function (_a) {
|
|
2165
2167
|
var title = _a.title, links = _a.links, createAccount = _a.createAccount, isLoading = _a.isLoading;
|
|
2166
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2167
|
-
React.createElement("p", { className: "".concat(style$
|
|
2168
|
+
return (React.createElement("div", { className: "".concat(style$I["".concat(classMUI, "-list-menu")]) },
|
|
2169
|
+
React.createElement("p", { className: "".concat(style$I["".concat(classMUI, "-list-menu__title")]) }, title),
|
|
2168
2170
|
links.map(function (_a, i) {
|
|
2169
2171
|
var tag = _a.tag, href = _a.href, isCreateAccount = _a.isCreateAccount, openNewTab = _a.openNewTab;
|
|
2170
2172
|
return isCreateAccount
|
|
2171
|
-
? tag && (React.createElement("div", { key: i, className: "".concat(style$
|
|
2172
|
-
React.createElement("button", { title: tag, className: "".concat(style$
|
|
2173
|
+
? tag && (React.createElement("div", { key: i, className: "".concat(style$I["".concat(classMUI, "-list-menu__create-account")]) },
|
|
2174
|
+
React.createElement("button", { title: tag, className: "".concat(style$I["".concat(classMUI, "-list-menu__create-account--btn")]), onClick: createAccount }, tag),
|
|
2173
2175
|
isLoading && React.createElement(Loading, __assign({}, LoadingProps))))
|
|
2174
|
-
: tag && (React.createElement("a", { className: "".concat(style$
|
|
2176
|
+
: tag && (React.createElement("a", { className: "".concat(style$I["".concat(classMUI, "-list-menu__link")]), title: tag, key: i, href: href, target: openNewTab ? '_blank' : '_self', rel: "noreferrer" }, tag));
|
|
2175
2177
|
})));
|
|
2176
2178
|
};
|
|
2177
2179
|
|
|
2178
|
-
var style$
|
|
2180
|
+
var style$H = {"magneto-ui-menu-filter":"mg_list_sort_menu_magneto-ui-menu-filter_ko7wt"};
|
|
2179
2181
|
|
|
2180
2182
|
var ListSortMenu = function (_a) {
|
|
2181
2183
|
var orderFields = _a.orderFields, setFilter = _a.setFilter, textOrderFilter = _a.textOrderFilter, setShowPopover = _a.setShowPopover;
|
|
@@ -2183,58 +2185,24 @@ var ListSortMenu = function (_a) {
|
|
|
2183
2185
|
setFilter({ key: key });
|
|
2184
2186
|
setShowPopover(false);
|
|
2185
2187
|
}, [setFilter, setShowPopover]);
|
|
2186
|
-
return (React.createElement("div", { className: style$
|
|
2188
|
+
return (React.createElement("div", { className: style$H['magneto-ui-menu-filter'] }, orderFields.map(function (_a, i) {
|
|
2187
2189
|
var field = _a.field, label = _a.label, iconUrl = _a.iconUrl;
|
|
2188
2190
|
return (React.createElement(MenuIcon, { key: "".concat(field, "-").concat(i), text: label, icon: iconUrl, type: "button", onClick: function () { return handleClick(field); }, isActive: label === textOrderFilter }));
|
|
2189
2191
|
})));
|
|
2190
2192
|
};
|
|
2191
2193
|
|
|
2192
|
-
var style$
|
|
2194
|
+
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"};
|
|
2193
2195
|
|
|
2194
2196
|
var MagnetoResolution = function (_a) {
|
|
2195
2197
|
var resolutionText = _a.resolutionText, resolutionHrefText = _a.resolutionHrefText, resolutionHref = _a.resolutionHref;
|
|
2196
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2197
|
-
React.createElement("img", { className: "".concat(style$
|
|
2198
|
-
React.createElement("p", { className: "".concat(style$
|
|
2198
|
+
return (React.createElement("div", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution")]) },
|
|
2199
|
+
React.createElement("img", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__img")]), src: MinTrabajo, alt: "min-trabajo-img", loading: "lazy", width: "80px" }),
|
|
2200
|
+
React.createElement("p", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__text")]) },
|
|
2199
2201
|
resolutionText,
|
|
2200
|
-
React.createElement("a", { className: "".concat(style$
|
|
2202
|
+
React.createElement("a", { className: "".concat(style$G["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2201
2203
|
};
|
|
2202
2204
|
|
|
2203
|
-
var style$
|
|
2204
|
-
|
|
2205
|
-
var styles$1n = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2206
|
-
|
|
2207
|
-
var Component$1r = function (_a) {
|
|
2208
|
-
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;
|
|
2209
|
-
var handleClick = useCallback(function (event) {
|
|
2210
|
-
if (onClick) {
|
|
2211
|
-
event.preventDefault();
|
|
2212
|
-
onClick();
|
|
2213
|
-
}
|
|
2214
|
-
}, [onClick]);
|
|
2215
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1n['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2216
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1n['button-link__icon'] })),
|
|
2217
|
-
buttonText && React.createElement("p", { className: styles$1n['button-link__text'] }, buttonText),
|
|
2218
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1n['button-link__icon'] }))));
|
|
2219
|
-
};
|
|
2220
|
-
/**
|
|
2221
|
-
* UI Atom Component of Save Button
|
|
2222
|
-
*/
|
|
2223
|
-
var ButtonLink = Component$1r;
|
|
2224
|
-
|
|
2225
|
-
var MegaMenuCards = function (_a) {
|
|
2226
|
-
var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className;
|
|
2227
|
-
return (React.createElement("nav", { className: className },
|
|
2228
|
-
title && (React.createElement("div", { className: "".concat(style$D["mega-menu-cards__title"]) },
|
|
2229
|
-
React.createElement("h4", null, title),
|
|
2230
|
-
actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$D["mega-menu-cards__action--grey"]) })))),
|
|
2231
|
-
React.createElement("ul", { className: "".concat(style$D["mega-menu-cards"]) }, jobs &&
|
|
2232
|
-
jobs.slice(0, 39).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
2233
|
-
React.createElement(MegaMenuCard, __assign({}, job)))); })),
|
|
2234
|
-
action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$D["mega-menu-cards__action"]) }))));
|
|
2235
|
-
};
|
|
2236
|
-
|
|
2237
|
-
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"};
|
|
2205
|
+
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"};
|
|
2238
2206
|
|
|
2239
2207
|
var initialContext = {
|
|
2240
2208
|
socialHeaderProps: {
|
|
@@ -2265,6 +2233,26 @@ var useMegaMenuMain = function () {
|
|
|
2265
2233
|
return mainHeaderProps;
|
|
2266
2234
|
};
|
|
2267
2235
|
|
|
2236
|
+
var styles$1n = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2237
|
+
|
|
2238
|
+
var Component$1r = function (_a) {
|
|
2239
|
+
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;
|
|
2240
|
+
var handleClick = useCallback(function (event) {
|
|
2241
|
+
if (onClick) {
|
|
2242
|
+
event.preventDefault();
|
|
2243
|
+
onClick();
|
|
2244
|
+
}
|
|
2245
|
+
}, [onClick]);
|
|
2246
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1n['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2247
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1n['button-link__icon'] })),
|
|
2248
|
+
buttonText && React.createElement("p", { className: styles$1n['button-link__text'] }, buttonText),
|
|
2249
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1n['button-link__icon'] }))));
|
|
2250
|
+
};
|
|
2251
|
+
/**
|
|
2252
|
+
* UI Atom Component of Save Button
|
|
2253
|
+
*/
|
|
2254
|
+
var ButtonLink = Component$1r;
|
|
2255
|
+
|
|
2268
2256
|
var MegaMenuJobsTabs = function () {
|
|
2269
2257
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
2270
2258
|
var _b = useMegaMenuJobs(), tabs = _b.tabs, onChangeTab = _b.onChangeTab;
|
|
@@ -2274,20 +2262,20 @@ var MegaMenuJobsTabs = function () {
|
|
|
2274
2262
|
}; }, [onChangeTab]);
|
|
2275
2263
|
var isSelectedTab = useCallback(function (index) { return selectedTab == index; }, [selectedTab]);
|
|
2276
2264
|
var content = useMemo(function () { return tabs[selectedTab]; }, [tabs, selectedTab]).content;
|
|
2277
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2265
|
+
return (React.createElement("div", { className: "".concat(style$F["mega-menu-jobs-tabs__container"]) },
|
|
2278
2266
|
React.createElement("nav", null,
|
|
2279
|
-
React.createElement("ul", { className: "".concat(style$
|
|
2267
|
+
React.createElement("ul", { className: "".concat(style$F["mega-menu-jobs-tabs"]) },
|
|
2280
2268
|
tabs &&
|
|
2281
2269
|
tabs.map(function (_a, index) {
|
|
2282
2270
|
var label = _a.label, url = _a.url;
|
|
2283
2271
|
return (React.createElement("li", { key: index },
|
|
2284
|
-
React.createElement(ButtonLink, { buttonText: label, href: url, onClick: onClickTab(index), suffixIcon: megaMenuJobsIcons[index], className: "".concat(style$
|
|
2272
|
+
React.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 })));
|
|
2285
2273
|
}),
|
|
2286
2274
|
React.createElement(Divider, { direction: 'VERTICAL' }),
|
|
2287
2275
|
React.createElement("li", null,
|
|
2288
2276
|
React.createElement(SearchItem, { tag: 'Todos los empleos', url: 'https://www.magneto365.com/co/empleos' })))),
|
|
2289
2277
|
React.createElement(Divider, null),
|
|
2290
|
-
React.createElement("div", { className: "".concat(style$
|
|
2278
|
+
React.createElement("div", { className: "".concat(style$F["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2291
2279
|
};
|
|
2292
2280
|
|
|
2293
2281
|
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"};
|
|
@@ -2588,11 +2576,11 @@ var Pagination = function (_a) {
|
|
|
2588
2576
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2589
2577
|
};
|
|
2590
2578
|
|
|
2591
|
-
var style$
|
|
2579
|
+
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"};
|
|
2592
2580
|
|
|
2593
2581
|
var RightsReservedText = function (_a) {
|
|
2594
2582
|
var magnetoRightsText = _a.magnetoRightsText;
|
|
2595
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
2583
|
+
return (React.createElement("div", { className: "".concat(style$E["".concat(classMUI, "-rights-reserved")]) },
|
|
2596
2584
|
React.createElement("p", null, magnetoRightsText)));
|
|
2597
2585
|
};
|
|
2598
2586
|
|
|
@@ -2729,7 +2717,7 @@ var SimilarJobsCard = function (_a) {
|
|
|
2729
2717
|
React.createElement(IconItem, { className: "".concat(styles$1a["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2730
2718
|
};
|
|
2731
2719
|
|
|
2732
|
-
var style$
|
|
2720
|
+
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"};
|
|
2733
2721
|
|
|
2734
2722
|
var SortMenu = function (_a) {
|
|
2735
2723
|
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;
|
|
@@ -2742,8 +2730,8 @@ var SortMenu = function (_a) {
|
|
|
2742
2730
|
};
|
|
2743
2731
|
}, [orderFields, textOrderFilter, setFilter, setClickOut]);
|
|
2744
2732
|
return (React.createElement(Popover, { widthBase: 180, show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
|
|
2745
|
-
React.createElement("button", { className: "".concat(style$
|
|
2746
|
-
React.createElement("p", { className: style$
|
|
2733
|
+
React.createElement("button", { className: "".concat(style$D['magneto-ui-btn-menu'], " ").concat(loading && style$D.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
|
|
2734
|
+
React.createElement("p", { className: style$D['magneto-ui-btn-text'] }, textOrderFilter),
|
|
2747
2735
|
React.createElement(IconItem, __assign({}, menuSortButton)))));
|
|
2748
2736
|
};
|
|
2749
2737
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
@@ -2786,7 +2774,7 @@ var TextArea = function (_a) {
|
|
|
2786
2774
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2787
2775
|
};
|
|
2788
2776
|
|
|
2789
|
-
var style$
|
|
2777
|
+
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"};
|
|
2790
2778
|
|
|
2791
2779
|
var timelineIcons = {
|
|
2792
2780
|
checked: Checked,
|
|
@@ -2796,15 +2784,15 @@ var timelineIcons = {
|
|
|
2796
2784
|
var Component$1j = function (_a) {
|
|
2797
2785
|
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;
|
|
2798
2786
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2799
|
-
var titleStyle = style$
|
|
2800
|
-
var subtitleStyle = style$
|
|
2801
|
-
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$
|
|
2802
|
-
React.createElement("div", { className: style$
|
|
2803
|
-
React.createElement("div", { className: "".concat(style$
|
|
2804
|
-
React.createElement(IconItem, { className: style$
|
|
2805
|
-
React.createElement("div", { className: style$
|
|
2806
|
-
React.createElement("p", { className: "".concat(style$
|
|
2807
|
-
React.createElement("p", { className: "".concat(style$
|
|
2787
|
+
var titleStyle = style$C["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
2788
|
+
var subtitleStyle = style$C["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
|
|
2789
|
+
return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$C["".concat(classMUI, "-timeline-event")] },
|
|
2790
|
+
React.createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__icon")] },
|
|
2791
|
+
React.createElement("div", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$C[status]) }),
|
|
2792
|
+
React.createElement(IconItem, { className: style$C["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
|
|
2793
|
+
React.createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__text")] },
|
|
2794
|
+
React.createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2795
|
+
React.createElement("p", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2808
2796
|
};
|
|
2809
2797
|
var TimelineEvent = Component$1j;
|
|
2810
2798
|
|
|
@@ -2833,7 +2821,8 @@ var userMenuAnalystIcons = {
|
|
|
2833
2821
|
unlink: BuildingSlashBlackOutline,
|
|
2834
2822
|
add: AddSquareBlackOutline,
|
|
2835
2823
|
redo: RedoDarkBlue,
|
|
2836
|
-
whatsApp: WhatsAppDark
|
|
2824
|
+
whatsApp: WhatsAppDark,
|
|
2825
|
+
rateUsHelp: Messages2BlackOutline
|
|
2837
2826
|
};
|
|
2838
2827
|
|
|
2839
2828
|
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"};
|
|
@@ -2848,7 +2837,8 @@ var Component$1h = function (_a) {
|
|
|
2848
2837
|
handleMenuOpen(false);
|
|
2849
2838
|
return handleModal(option.modal.name, true, option.modal.data);
|
|
2850
2839
|
}
|
|
2851
|
-
if (typeof option.data === 'function') {
|
|
2840
|
+
if (typeof option.data === 'function' && handleMenuOpen) {
|
|
2841
|
+
handleMenuOpen(false);
|
|
2852
2842
|
return option.data(option);
|
|
2853
2843
|
}
|
|
2854
2844
|
}, [handleModal, handleMenuOpen, option]);
|
|
@@ -3131,6 +3121,25 @@ var Component$17 = function (_a) {
|
|
|
3131
3121
|
*/
|
|
3132
3122
|
var UserMenuWrapperAnalyst = Component$17;
|
|
3133
3123
|
|
|
3124
|
+
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"};
|
|
3125
|
+
|
|
3126
|
+
var FilterActions = function (_a) {
|
|
3127
|
+
var allAction = _a.allAction, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef;
|
|
3128
|
+
var _b = useState(0), selected = _b[0], setSelected = _b[1];
|
|
3129
|
+
var handleClickAction = useCallback(function (index, letter) { return function () {
|
|
3130
|
+
setSelected(index);
|
|
3131
|
+
onClickAction(index, letter);
|
|
3132
|
+
}; }, [onClickAction]);
|
|
3133
|
+
useImperativeHandle(filtersRef, function () { return ({
|
|
3134
|
+
restartFilters: function () { return setSelected(0); }
|
|
3135
|
+
}); });
|
|
3136
|
+
var actions = useMemo(function () {
|
|
3137
|
+
var values = __spreadArray([allAction], alphabet.split(''), true);
|
|
3138
|
+
return values.map(function (letter, index) { return (React.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 })); });
|
|
3139
|
+
}, [allAction, handleClickAction, selected]);
|
|
3140
|
+
return React.createElement("nav", { className: style$B['filter-actions'] }, actions);
|
|
3141
|
+
};
|
|
3142
|
+
|
|
3134
3143
|
var Component$16 = function (_a) {
|
|
3135
3144
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3136
3145
|
var component = useMemo(function () {
|
|
@@ -3963,7 +3972,7 @@ var altList = [
|
|
|
3963
3972
|
'Location-icon',
|
|
3964
3973
|
'Tag-icon'
|
|
3965
3974
|
];
|
|
3966
|
-
var iconFooterList = [FacebookBlue, WhatsAppColor, LinkedInBlue,
|
|
3975
|
+
var iconFooterList = [FacebookBlue, WhatsAppColor, LinkedInBlue, X, SMSBlue];
|
|
3967
3976
|
|
|
3968
3977
|
var BriefcaseBlue = "https://static.magneto365.com/lib/assets/megaMenu/800855989d470852.svg";
|
|
3969
3978
|
|
|
@@ -3973,6 +3982,7 @@ var CourthouseBlue = "https://static.magneto365.com/lib/assets/megaMenu/83619cd8
|
|
|
3973
3982
|
|
|
3974
3983
|
var LocationBlue = "https://static.magneto365.com/lib/assets/megaMenu/5b59e346125572c7.svg";
|
|
3975
3984
|
|
|
3985
|
+
var alphabet = 'ABCDEFGHIJKLMNÑOPQRSTUVWXYZ';
|
|
3976
3986
|
var megaMenuJobImage = {
|
|
3977
3987
|
title: 'Cajero cafeteria en la esquina del barrio de por mi casa',
|
|
3978
3988
|
quotas: 30,
|
|
@@ -4281,12 +4291,12 @@ var Component$10 = function (_a) {
|
|
|
4281
4291
|
};
|
|
4282
4292
|
var DateInput = Component$10;
|
|
4283
4293
|
|
|
4284
|
-
var style$
|
|
4294
|
+
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4285
4295
|
|
|
4286
4296
|
var Component$$ = function (_a) {
|
|
4287
4297
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4288
4298
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4289
|
-
return React.createElement("div", { style: inlineStyle, className: style$
|
|
4299
|
+
return React.createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
4290
4300
|
};
|
|
4291
4301
|
/**
|
|
4292
4302
|
* Atom UI Divider Component
|
|
@@ -4307,20 +4317,20 @@ var Component$_ = function (_a) {
|
|
|
4307
4317
|
*/
|
|
4308
4318
|
var HeaderTab = Component$_;
|
|
4309
4319
|
|
|
4310
|
-
var style$
|
|
4320
|
+
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"};
|
|
4311
4321
|
|
|
4312
4322
|
var InputSearch = function (_a) {
|
|
4313
4323
|
var _b = _a.inputValue, inputValue = _b === void 0 ? '' : _b, onChange = _a.onChange, closeOnClick = _a.closeOnClick, placeholder = _a.placeholder, searchOnClick = _a.searchOnClick;
|
|
4314
4324
|
var hasASearchFunction = useMemo(function () {
|
|
4315
4325
|
if (searchOnClick) {
|
|
4316
|
-
return (React.createElement("button", { className: style$
|
|
4317
|
-
React.createElement(IconItem, { className: style$
|
|
4326
|
+
return (React.createElement("button", { className: style$z["".concat(classMUI, "-container__input-search--btn")], onClick: searchOnClick },
|
|
4327
|
+
React.createElement(IconItem, { className: style$z["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" })));
|
|
4318
4328
|
}
|
|
4319
|
-
return (React.createElement(IconItem, { className: style$
|
|
4329
|
+
return (React.createElement(IconItem, { className: style$z["".concat(classMUI, "-container__input-search--icon")], icon: SearchIcon, alt: "search-icon" }));
|
|
4320
4330
|
}, [searchOnClick]);
|
|
4321
|
-
return (React.createElement("div", { className: style$
|
|
4322
|
-
React.createElement("input", { className: style$
|
|
4323
|
-
inputValue.length !== 0 ? (React.createElement("button", { className: style$
|
|
4331
|
+
return (React.createElement("div", { className: style$z["".concat(classMUI, "-container")] },
|
|
4332
|
+
React.createElement("input", { className: style$z["".concat(classMUI, "-container__input-search")], placeholder: placeholder, style: { flex: 1 }, value: inputValue, onChange: onChange, type: "text" }),
|
|
4333
|
+
inputValue.length !== 0 ? (React.createElement("button", { className: style$z["".concat(classMUI, "-container__input-search--btn")], onClick: closeOnClick },
|
|
4324
4334
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4325
4335
|
};
|
|
4326
4336
|
|
|
@@ -4409,7 +4419,7 @@ var Component$U = function (_a) {
|
|
|
4409
4419
|
*/
|
|
4410
4420
|
var Loading = Component$U;
|
|
4411
4421
|
|
|
4412
|
-
var style$
|
|
4422
|
+
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4413
4423
|
|
|
4414
4424
|
var Component$T = function (_a) {
|
|
4415
4425
|
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;
|
|
@@ -4421,7 +4431,7 @@ var Component$T = function (_a) {
|
|
|
4421
4431
|
var logoWidth = useMemo(function () { return (isoView ? 'magneto-ui-isologo' : 'magneto-ui-logo'); }, [isoView]);
|
|
4422
4432
|
if (!logoSrc && !showDefaultFallback)
|
|
4423
4433
|
return null;
|
|
4424
|
-
return (React.createElement("img", { className: style$
|
|
4434
|
+
return (React.createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4425
4435
|
};
|
|
4426
4436
|
var LogoComponent = Component$T;
|
|
4427
4437
|
|
|
@@ -4501,13 +4511,13 @@ var Component$Q = function (_a) {
|
|
|
4501
4511
|
*/
|
|
4502
4512
|
var MenuDropdown = Component$Q;
|
|
4503
4513
|
|
|
4504
|
-
var style$
|
|
4514
|
+
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4505
4515
|
|
|
4506
4516
|
var MenuItem = function (_a) {
|
|
4507
4517
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive;
|
|
4508
|
-
var menuActive = isActive ? style$
|
|
4518
|
+
var menuActive = isActive ? style$x['is-active'] : '';
|
|
4509
4519
|
return (React.createElement("div", null,
|
|
4510
|
-
React.createElement("a", { href: url, className: "".concat(style$
|
|
4520
|
+
React.createElement("a", { href: url, className: "".concat(style$x['magneto-ui-menu-item'], " ").concat(menuActive) },
|
|
4511
4521
|
React.createElement(IconItem, { icon: ArrowRight2, hover: false }),
|
|
4512
4522
|
React.createElement("p", null, text))));
|
|
4513
4523
|
};
|
|
@@ -4597,12 +4607,12 @@ var Component$P = function (_a) {
|
|
|
4597
4607
|
};
|
|
4598
4608
|
var Paragraph = memo(Component$P);
|
|
4599
4609
|
|
|
4600
|
-
var style$
|
|
4610
|
+
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"};
|
|
4601
4611
|
|
|
4602
4612
|
var Component$O = function (_a) {
|
|
4603
4613
|
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;
|
|
4604
4614
|
var showMenu = show ? 'show' : 'hidden';
|
|
4605
|
-
var staticContentClass = staticContent ? style$
|
|
4615
|
+
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
4606
4616
|
var _c = useState(false), hideComponent = _c[0], setHideComponent = _c[1];
|
|
4607
4617
|
useEffect(function () {
|
|
4608
4618
|
if (show) {
|
|
@@ -4613,9 +4623,9 @@ var Component$O = function (_a) {
|
|
|
4613
4623
|
setHideComponent(false);
|
|
4614
4624
|
}, 300);
|
|
4615
4625
|
}, [show]);
|
|
4616
|
-
return (React.createElement("div", { style: { width: widthBase }, className: [style$
|
|
4617
|
-
React.createElement("div", { className: "".concat(style$
|
|
4618
|
-
React.createElement("div", { className: style$
|
|
4626
|
+
return (React.createElement("div", { style: { width: widthBase }, className: [style$w['magneto-ui-popover-container'], staticContentClass, className].join(' ') },
|
|
4627
|
+
React.createElement("div", { className: "".concat(style$w['magneto-ui-popover'], " ").concat(style$w[positionX], " ").concat(style$w[positionY], " ").concat(style$w[showMenu]) }, hideComponent && content),
|
|
4628
|
+
React.createElement("div", { className: style$w['magneto-ui-popover-children'] }, children)));
|
|
4619
4629
|
};
|
|
4620
4630
|
/**
|
|
4621
4631
|
* Atom Ui component of popover
|
|
@@ -4756,11 +4766,11 @@ var Switch = function (_a) {
|
|
|
4756
4766
|
title && React.createElement("p", null, title)));
|
|
4757
4767
|
};
|
|
4758
4768
|
|
|
4759
|
-
var style$
|
|
4769
|
+
var style$v = {"magneto-ui-tag":"mg_tag_magneto-ui-tag_y9bxc"};
|
|
4760
4770
|
|
|
4761
4771
|
var Tags = function (_a) {
|
|
4762
4772
|
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;
|
|
4763
|
-
return (React.createElement("button", { className: style$
|
|
4773
|
+
return (React.createElement("button", { className: style$v["".concat(classMUI, "-tag")], style: { backgroundColor: bgColor, color: textColor }, onClick: onClick, type: "button" },
|
|
4764
4774
|
text,
|
|
4765
4775
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4766
4776
|
};
|
|
@@ -4873,7 +4883,7 @@ var BrandMenu = function (_a) {
|
|
|
4873
4883
|
return React.createElement(React.Fragment, null, menuResponsive);
|
|
4874
4884
|
};
|
|
4875
4885
|
|
|
4876
|
-
var style$
|
|
4886
|
+
var style$u = {};
|
|
4877
4887
|
|
|
4878
4888
|
var Component$D = function (_a) {
|
|
4879
4889
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
@@ -4881,11 +4891,11 @@ var Component$D = function (_a) {
|
|
|
4881
4891
|
var DatePickerComponent = useMediaQuery(React.createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
4882
4892
|
lg: React.createElement(MobileDatePicker, __assign({}, mobileDatePickerProps, { onChange: handleChange, value: value }))
|
|
4883
4893
|
});
|
|
4884
|
-
return React.createElement("div", { className: style$
|
|
4894
|
+
return React.createElement("div", { className: style$u["".concat(classMUI)] }, DatePickerComponent);
|
|
4885
4895
|
};
|
|
4886
4896
|
var DatePickerResponsiveComponent = Component$D;
|
|
4887
4897
|
|
|
4888
|
-
var style$
|
|
4898
|
+
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"};
|
|
4889
4899
|
|
|
4890
4900
|
var Component$C = function (_a) {
|
|
4891
4901
|
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;
|
|
@@ -4896,12 +4906,12 @@ var Component$C = function (_a) {
|
|
|
4896
4906
|
onClose();
|
|
4897
4907
|
}
|
|
4898
4908
|
};
|
|
4899
|
-
return (React.createElement("div", { className: style$
|
|
4909
|
+
return (React.createElement("div", { className: style$t['magneto-ui-drawer-menu'] },
|
|
4900
4910
|
React.createElement(Drawer, { isOpen: isOpen, onClose: handleClose },
|
|
4901
4911
|
React.createElement(HeaderDrawerTabs, __assign({}, headerDrawerProps, { logoProps: logoProps, leftTabStyle: DrawerLeftTabStyles, rightTabStyle: DrawerRightTabStyles })),
|
|
4902
|
-
React.createElement("div", { className: style$
|
|
4912
|
+
React.createElement("div", { className: style$t['menu-container'] },
|
|
4903
4913
|
React.createElement(ListMenuItems, __assign({}, listMenuProps))),
|
|
4904
|
-
React.createElement("div", { className: style$
|
|
4914
|
+
React.createElement("div", { className: style$t.actionsContainer },
|
|
4905
4915
|
React.createElement(MainButton, __assign({ buttonSize: "full" }, CreateAccountButton, { buttonText: buttonTextSignUp, onClick: onSignUpClick, loadingState: loadingState })),
|
|
4906
4916
|
React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
4907
4917
|
React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
@@ -4973,22 +4983,22 @@ var FilterHeader = function (_a) {
|
|
|
4973
4983
|
displayFilterSummary));
|
|
4974
4984
|
};
|
|
4975
4985
|
|
|
4976
|
-
var style$
|
|
4986
|
+
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"};
|
|
4977
4987
|
|
|
4978
4988
|
var MenuCollapseChildren = function (_a) {
|
|
4979
4989
|
var isOpen = _a.isOpen, onClick = _a.onClick, heightContent = _a.heightContent, listMenuProps = __rest(_a, ["isOpen", "onClick", "heightContent"]);
|
|
4980
4990
|
var _b = useMemo(function () {
|
|
4981
|
-
var rotateArrow = isOpen ? style$
|
|
4991
|
+
var rotateArrow = isOpen ? style$s['rotate'] : '';
|
|
4982
4992
|
var customHeightContent = heightContent ? "".concat(heightContent, "px") : 'auto';
|
|
4983
4993
|
return { rotateArrow: rotateArrow, customHeightContent: customHeightContent };
|
|
4984
4994
|
}, [isOpen, heightContent]), rotateArrow = _b.rotateArrow, customHeightContent = _b.customHeightContent;
|
|
4985
|
-
return (React.createElement("div", { style: { height: isOpen ? customHeightContent : '40px' }, className: "".concat(style$
|
|
4986
|
-
React.createElement("button", { onClick: onClick, type: "button", className: "".concat(style$
|
|
4987
|
-
React.createElement("img", { className: "".concat(style$
|
|
4995
|
+
return (React.createElement("div", { style: { height: isOpen ? customHeightContent : '40px' }, className: "".concat(style$s["".concat(classMUI, "-collapse-menu")]) },
|
|
4996
|
+
React.createElement("button", { onClick: onClick, type: "button", className: "".concat(style$s["".concat(classMUI, "-collapse-menu__btn")]) },
|
|
4997
|
+
React.createElement("img", { className: "".concat(style$s["".concat(classMUI, "-collapse-menu__btn--img")], " ").concat(rotateArrow), src: ArrowDown2, alt: "icon-arrow" })),
|
|
4988
4998
|
React.createElement(ListMenuText, __assign({}, listMenuProps))));
|
|
4989
4999
|
};
|
|
4990
5000
|
|
|
4991
|
-
var style$
|
|
5001
|
+
var style$r = {"magneto-ui-collapse-menu-container":"mg_menu_collapse_magneto-ui-collapse-menu-container_1vvum"};
|
|
4992
5002
|
|
|
4993
5003
|
var MenuCollapse = function (_a) {
|
|
4994
5004
|
var listMenu = _a.listMenu;
|
|
@@ -5003,26 +5013,26 @@ var MenuCollapse = function (_a) {
|
|
|
5003
5013
|
setMenuActivo(index);
|
|
5004
5014
|
}
|
|
5005
5015
|
}, [menuActivo]);
|
|
5006
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
5016
|
+
return (React.createElement("div", { className: "".concat(style$r["".concat(classMUI, "-collapse-menu-container")]) }, linksList.map(function (_a, i) {
|
|
5007
5017
|
var props = __rest(_a, []);
|
|
5008
5018
|
return (React.createElement(Fragment, { key: i },
|
|
5009
5019
|
React.createElement(MenuCollapseChildren, __assign({ isOpen: menuActivo === i, onClick: function () { return toggleMenu(i); } }, props))));
|
|
5010
5020
|
})));
|
|
5011
5021
|
};
|
|
5012
5022
|
|
|
5013
|
-
var style$
|
|
5023
|
+
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"};
|
|
5014
5024
|
|
|
5015
5025
|
var FooterMenuLinks = function (_a) {
|
|
5016
5026
|
var menuList = __rest(_a, []);
|
|
5017
5027
|
var legalMenu = menuList.legalMenu, magnetoLiteMenu = menuList.magnetoLiteMenu, magnetoMenu = menuList.magnetoMenu, otherSolutionsMenu = menuList.otherSolutionsMenu, personsMenu = menuList.personsMenu;
|
|
5018
|
-
var footerMenuResponsive = useMediaQuery(React.createElement("div", { className: "".concat(style$
|
|
5019
|
-
React.createElement("div", { className: "".concat(style$
|
|
5028
|
+
var footerMenuResponsive = useMediaQuery(React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list")]) },
|
|
5029
|
+
React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
|
|
5020
5030
|
React.createElement(ListMenuText, __assign({}, personsMenu))),
|
|
5021
|
-
React.createElement("div", { className: "".concat(style$
|
|
5031
|
+
React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
|
|
5022
5032
|
React.createElement(ListMenuText, __assign({}, magnetoMenu)),
|
|
5023
5033
|
React.createElement(ListMenuText, __assign({}, magnetoLiteMenu)),
|
|
5024
5034
|
React.createElement(ListMenuText, __assign({}, otherSolutionsMenu))),
|
|
5025
|
-
React.createElement("div", { className: "".concat(style$
|
|
5035
|
+
React.createElement("div", { className: "".concat(style$q["".concat(classMUI, "-menu-list__columns")]) },
|
|
5026
5036
|
React.createElement(ListMenuText, __assign({}, legalMenu)))), {
|
|
5027
5037
|
sm: React.createElement(MenuCollapse, { listMenu: menuList })
|
|
5028
5038
|
});
|
|
@@ -5058,25 +5068,25 @@ var HeaderAnalyst = Component$B;
|
|
|
5058
5068
|
|
|
5059
5069
|
var styles$x = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5060
5070
|
|
|
5061
|
-
var style$
|
|
5071
|
+
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"};
|
|
5062
5072
|
|
|
5063
5073
|
var Component$A = function () {
|
|
5064
|
-
var skeletonCard = (React.createElement("div", { className: "".concat(style$
|
|
5065
|
-
React.createElement("span", { className: style$
|
|
5066
|
-
React.createElement("span", { className: style$
|
|
5067
|
-
React.createElement("span", { className: style$
|
|
5068
|
-
React.createElement("span", { className: style$
|
|
5069
|
-
React.createElement("span", { className: style$
|
|
5074
|
+
var skeletonCard = (React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5075
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5076
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5077
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5078
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5079
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5070
5080
|
React.createElement("span", null)));
|
|
5071
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
5072
|
-
React.createElement("div", { className: "".concat(style$
|
|
5073
|
-
React.createElement("div", { className: "".concat(style$
|
|
5074
|
-
React.createElement("div", { className: "".concat(style$
|
|
5075
|
-
React.createElement("span", { className: style$
|
|
5076
|
-
React.createElement("span", { className: style$
|
|
5077
|
-
React.createElement("span", { className: style$
|
|
5078
|
-
React.createElement("span", { className: style$
|
|
5079
|
-
React.createElement("div", { className: "".concat(style$
|
|
5081
|
+
return (React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton")]) },
|
|
5082
|
+
React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header")]) },
|
|
5083
|
+
React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_title")]) }),
|
|
5084
|
+
React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_btn")]) },
|
|
5085
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5086
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5087
|
+
React.createElement("span", { className: style$p.skeleton }),
|
|
5088
|
+
React.createElement("span", { className: style$p.skeleton })),
|
|
5089
|
+
React.createElement("div", { className: "".concat(style$p["".concat(classMUI, "-job-detail-skeleton__header_card")]) })),
|
|
5080
5090
|
Array(5)
|
|
5081
5091
|
.fill("JobDetailsSkeleton")
|
|
5082
5092
|
.map(function (name, i) { return (React.createElement(Fragment, { key: "".concat(i, "-name") }, skeletonCard)); })));
|
|
@@ -5365,17 +5375,17 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5365
5375
|
React.createElement("div", { className: styles$s["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5366
5376
|
};
|
|
5367
5377
|
|
|
5368
|
-
var style$
|
|
5378
|
+
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"};
|
|
5369
5379
|
|
|
5370
5380
|
var MagnetoSocialMedia = function (_a) {
|
|
5371
5381
|
var followText = _a.followText;
|
|
5372
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
5373
|
-
React.createElement("p", { className: "".concat(style$
|
|
5382
|
+
return (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media")]) },
|
|
5383
|
+
React.createElement("p", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__follow-text")]) }, followText),
|
|
5374
5384
|
React.createElement(ListIconLink, { spacing: 10, size: 36, listIcon: ListIcon }),
|
|
5375
|
-
React.createElement("div", { className: "".concat(style$
|
|
5385
|
+
React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-magneto-social-media__app-links-container")]) }, SocialMediaProps.map(function (_a, i) {
|
|
5376
5386
|
var alt = _a.alt, href = _a.href, img = _a.img;
|
|
5377
5387
|
return (React.createElement("a", { key: i, target: "blank", href: href },
|
|
5378
|
-
React.createElement("img", { className: "".concat(style$
|
|
5388
|
+
React.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' })));
|
|
5379
5389
|
}))));
|
|
5380
5390
|
};
|
|
5381
5391
|
|
|
@@ -5548,28 +5558,28 @@ var Component$s = function (_a) {
|
|
|
5548
5558
|
*/
|
|
5549
5559
|
var MobileJobDetailsActionsBar = Component$s;
|
|
5550
5560
|
|
|
5551
|
-
var style$
|
|
5561
|
+
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"};
|
|
5552
5562
|
|
|
5553
5563
|
var Component$r = function () {
|
|
5554
|
-
var skeletonCard = (React.createElement("div", { className: style$
|
|
5555
|
-
React.createElement("span", { className: style$
|
|
5556
|
-
React.createElement("span", { className: style$
|
|
5557
|
-
React.createElement("span", { className: style$
|
|
5558
|
-
React.createElement("span", { className: style$
|
|
5559
|
-
React.createElement("span", { className: style$
|
|
5564
|
+
var skeletonCard = (React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5565
|
+
React.createElement("span", { className: style$n.skeleton }),
|
|
5566
|
+
React.createElement("span", { className: style$n.skeleton }),
|
|
5567
|
+
React.createElement("span", { className: style$n.skeleton }),
|
|
5568
|
+
React.createElement("span", { className: style$n.skeleton }),
|
|
5569
|
+
React.createElement("span", { className: style$n.skeleton }),
|
|
5560
5570
|
React.createElement("span", null)));
|
|
5561
|
-
return (React.createElement("div", { className: style$
|
|
5562
|
-
React.createElement("div", { className: style$
|
|
5563
|
-
React.createElement("div", { className: style$
|
|
5564
|
-
React.createElement("div", { className: style$
|
|
5565
|
-
React.createElement("div", { className: style$
|
|
5571
|
+
return (React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton'] },
|
|
5572
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header'] },
|
|
5573
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header_title'] }),
|
|
5574
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header_btn'] }),
|
|
5575
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__header_card'] })),
|
|
5566
5576
|
Array(2)
|
|
5567
5577
|
.fill("JobDetailsSkeleton")
|
|
5568
5578
|
.map(function (name, i) { return (React.createElement(Fragment, { key: "".concat(i, "-name") }, skeletonCard)); }),
|
|
5569
|
-
React.createElement("div", { className: style$
|
|
5570
|
-
React.createElement("div", { className: style$
|
|
5571
|
-
React.createElement("div", { className: style$
|
|
5572
|
-
React.createElement("div", { className: style$
|
|
5579
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer'] },
|
|
5580
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer_title'] }),
|
|
5581
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer_info'] }),
|
|
5582
|
+
React.createElement("div", { className: style$n['magneto-ui-mobile-job-detail-skeleton__footer_button'] }))));
|
|
5573
5583
|
};
|
|
5574
5584
|
/**
|
|
5575
5585
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
@@ -5586,7 +5596,7 @@ var SwipeLeft = "https://static.magneto365.com/lib/assets/gif/b858b5e2933b8b3c.g
|
|
|
5586
5596
|
|
|
5587
5597
|
var SwipeRight = "https://static.magneto365.com/lib/assets/gif/8303bee2f625ec72.gif";
|
|
5588
5598
|
|
|
5589
|
-
var style$
|
|
5599
|
+
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"};
|
|
5590
5600
|
|
|
5591
5601
|
var Swipe = function (_a) {
|
|
5592
5602
|
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;
|
|
@@ -5624,8 +5634,8 @@ var Swipe = function (_a) {
|
|
|
5624
5634
|
setSwipe(null);
|
|
5625
5635
|
swipe == SwipeMode.RIGHT ? onSwipeRight() : onSwipeLeft();
|
|
5626
5636
|
}, [isSwiping, onSwipeLeft, onSwipeRight, swipe]);
|
|
5627
|
-
var swipeGif = useCallback(function (image, title) { return (React.createElement("div", { className: style$
|
|
5628
|
-
React.createElement("p", { className: style$
|
|
5637
|
+
var swipeGif = useCallback(function (image, title) { return (React.createElement("div", { className: style$m["magneto-ui-swipe__image--content"] },
|
|
5638
|
+
React.createElement("p", { className: style$m["magneto-ui-swipe__image--title"] }, title),
|
|
5629
5639
|
React.createElement("img", { src: image, height: 130 }))); }, []);
|
|
5630
5640
|
var hiddenModal = useCallback(function () {
|
|
5631
5641
|
onCloseModal && onCloseModal();
|
|
@@ -5633,11 +5643,11 @@ var Swipe = function (_a) {
|
|
|
5633
5643
|
return (React.createElement("div", { onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, className: "swipe" },
|
|
5634
5644
|
children,
|
|
5635
5645
|
React.createElement(MobileDrawer, { isOpen: openModal !== null && openModal !== void 0 ? openModal : false, onClose: hiddenModal },
|
|
5636
|
-
React.createElement("p", { className: style$
|
|
5637
|
-
React.createElement("div", { className: style$
|
|
5646
|
+
React.createElement("p", { className: style$m["magneto-ui-swipe__modal--title"] }, modalTitle),
|
|
5647
|
+
React.createElement("div", { className: style$m["magneto-ui-swipe__modal"] },
|
|
5638
5648
|
swipeGif(SwipeLeft, modalLeftText),
|
|
5639
5649
|
swipeGif(SwipeRight, modalRightText)),
|
|
5640
|
-
React.createElement(MainButton, { buttonType: "button", buttonText: modalConfirmText, buttonSize: "full", className: style$
|
|
5650
|
+
React.createElement(MainButton, { buttonType: "button", buttonText: modalConfirmText, buttonSize: "full", className: style$m["magneto-ui-swipe__modal--action"], onClick: hiddenModal, buttonStyles: {
|
|
5641
5651
|
buttonColor: '#090467',
|
|
5642
5652
|
textColor: '#FFFFFF',
|
|
5643
5653
|
spacing: '25px'
|
|
@@ -5695,7 +5705,7 @@ var Component$q = function (_a) {
|
|
|
5695
5705
|
*/
|
|
5696
5706
|
var MobileJobDetailsDrawer = Component$q;
|
|
5697
5707
|
|
|
5698
|
-
var style$
|
|
5708
|
+
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"};
|
|
5699
5709
|
|
|
5700
5710
|
var MobileSortMenu = function (_a) {
|
|
5701
5711
|
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;
|
|
@@ -5708,9 +5718,9 @@ var MobileSortMenu = function (_a) {
|
|
|
5708
5718
|
};
|
|
5709
5719
|
}, [orderFields, textOrderFilter, setFilter, setShowPopover]);
|
|
5710
5720
|
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5711
|
-
React.createElement("div", { className: style$
|
|
5712
|
-
React.createElement("p", { className: style$
|
|
5713
|
-
React.createElement("button", { className: "".concat(style$
|
|
5721
|
+
React.createElement("div", { className: style$l['magneto-ui-order-container'] },
|
|
5722
|
+
React.createElement("p", { className: style$l['magneto-ui-order-text'] }, orderByText),
|
|
5723
|
+
React.createElement("button", { className: "".concat(style$l['magneto-ui-btn-order']), title: titleBtnOrder, onClick: orderFilter },
|
|
5714
5724
|
React.createElement(IconItem, __assign({}, iconFilterOrder)))),
|
|
5715
5725
|
React.createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5716
5726
|
};
|
|
@@ -5725,28 +5735,28 @@ var Component$p = function (_a) {
|
|
|
5725
5735
|
*/
|
|
5726
5736
|
var ModalAnalyst = Component$p;
|
|
5727
5737
|
|
|
5728
|
-
var style$
|
|
5738
|
+
var style$k = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5729
5739
|
|
|
5730
|
-
var style$
|
|
5740
|
+
var style$j = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_r3q4f","disable":"mg_select_item_disable_r3q4f"};
|
|
5731
5741
|
|
|
5732
5742
|
var SelectItem$1 = function (_a) {
|
|
5733
5743
|
var text = _a.text, onClick = _a.onClick, disable = _a.disable;
|
|
5734
5744
|
var disableSelection = useMemo(function () {
|
|
5735
|
-
return disable ? style$
|
|
5745
|
+
return disable ? style$j['disable'] : '';
|
|
5736
5746
|
}, [disable]);
|
|
5737
|
-
return (React.createElement("button", { className: "".concat(style$
|
|
5747
|
+
return (React.createElement("button", { className: "".concat(style$j["".concat(classMUI, "-select-item")], " ").concat(disableSelection), title: text, onClick: onClick }, text));
|
|
5738
5748
|
};
|
|
5739
5749
|
|
|
5740
|
-
var style$
|
|
5750
|
+
var style$i = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
|
|
5741
5751
|
|
|
5742
5752
|
var DropDownButton$1 = function (_a) {
|
|
5743
5753
|
var onClick = _a.onClick, title = _a.title;
|
|
5744
|
-
return (React.createElement("button", { className: "".concat(style$
|
|
5754
|
+
return (React.createElement("button", { className: "".concat(style$i["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
|
|
5745
5755
|
title,
|
|
5746
5756
|
React.createElement(IconItem, { icon: ArrowDown2, alt: "arrow-icon" })));
|
|
5747
5757
|
};
|
|
5748
5758
|
|
|
5749
|
-
var style$
|
|
5759
|
+
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"};
|
|
5750
5760
|
|
|
5751
5761
|
var useContainerDesktop$1 = function (_a) {
|
|
5752
5762
|
var numberOfSelectable = _a.numberOfSelectable, selectedValues = _a.selectedValues;
|
|
@@ -5803,26 +5813,26 @@ var ContainerDesktop$3 = function (_a) {
|
|
|
5803
5813
|
var inputSearchProps = _a.inputSearchProps, selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, numberOfSelectable = _a.numberOfSelectable, dropDownTitle = _a.dropDownTitle;
|
|
5804
5814
|
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;
|
|
5805
5815
|
var hideComponent = useMemo(function () {
|
|
5806
|
-
return isOpen ? style$
|
|
5816
|
+
return isOpen ? style$h['hide'] : '';
|
|
5807
5817
|
}, [isOpen]);
|
|
5808
5818
|
return (React.createElement("div", { style: { zIndex: 999999 } },
|
|
5809
|
-
limitOfSelectable && (React.createElement("div", { className: "".concat(style$
|
|
5819
|
+
limitOfSelectable && (React.createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options-drop-down-container")], " ").concat(hideComponent, " "), ref: inputRef },
|
|
5810
5820
|
React.createElement(DropDownButton$1, { title: dropDownTitle, onClick: toggleDropdown }))),
|
|
5811
|
-
React.createElement("div", { className: "".concat(style$
|
|
5812
|
-
React.createElement("div", { ref: containerOptions, className: "".concat(style$
|
|
5821
|
+
React.createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options-tags-container")], " ").concat(hideComponent) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5822
|
+
React.createElement("div", { ref: containerOptions, className: "".concat(style$h["".concat(classMUI, "-container-options")]) }, isOpen &&
|
|
5813
5823
|
ReactDOM.createPortal(React.createElement("div", { style: {
|
|
5814
5824
|
position: 'absolute',
|
|
5815
5825
|
top: "".concat(menuPosition.top - 60, "px "),
|
|
5816
5826
|
left: "".concat(menuPosition.left, "px"),
|
|
5817
5827
|
width: "".concat(menuPosition.width, "px"),
|
|
5818
5828
|
zIndex: 999999
|
|
5819
|
-
}, ref: dropdownRef, className: "".concat(style$
|
|
5829
|
+
}, ref: dropdownRef, className: "".concat(style$h["".concat(classMUI, "-container-options__menu")]) },
|
|
5820
5830
|
inputSearchProps && React.createElement(InputSearch, __assign({}, inputSearchProps)),
|
|
5821
|
-
React.createElement("div", { className: "".concat(style$
|
|
5822
|
-
React.createElement("div", { className: "".concat(style$
|
|
5831
|
+
React.createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5832
|
+
React.createElement("div", { className: "".concat(style$h["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))), document.body))));
|
|
5823
5833
|
};
|
|
5824
5834
|
|
|
5825
|
-
var style$
|
|
5835
|
+
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"};
|
|
5826
5836
|
|
|
5827
5837
|
var ContainerDesktop$2 = function (_a) {
|
|
5828
5838
|
var selectedValues = _a.selectedValues, listOptions = _a.listOptions, removeValueToArray = _a.removeValueToArray, addValueToArray = _a.addValueToArray, dropDownTitle = _a.dropDownTitle, numberOfSelectable = _a.numberOfSelectable;
|
|
@@ -5837,13 +5847,13 @@ var ContainerDesktop$2 = function (_a) {
|
|
|
5837
5847
|
}, [limitOfSelectable]);
|
|
5838
5848
|
return (React.createElement(React.Fragment, null,
|
|
5839
5849
|
limitOfSelectable && React.createElement(DropDownButton$1, { title: dropDownTitle, onClick: function () { return setOpenOptions(true); } }),
|
|
5840
|
-
React.createElement("div", { className: "".concat(style$
|
|
5850
|
+
React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options-tags-container")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#FFF", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5841
5851
|
React.createElement("div", { style: { zIndex: 99999999 } },
|
|
5842
5852
|
React.createElement(MobileDrawer, { isOpen: openOptions, onClose: function () { return setOpenOptions(false); } },
|
|
5843
|
-
React.createElement("div", { className: "".concat(style$
|
|
5844
|
-
React.createElement("div", { className: "".concat(style$
|
|
5845
|
-
React.createElement("div", { className: "".concat(style$
|
|
5846
|
-
React.createElement("div", { className: "".concat(style$
|
|
5853
|
+
React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options")]) },
|
|
5854
|
+
React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu")]) },
|
|
5855
|
+
React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu--tags")]) }, selectedValues.map(function (itemSelected) { return (React.createElement(Tags, { key: itemSelected.id, text: itemSelected.name, icon: Close, bgColor: "#F4F4FA", onClick: function () { return removeValueToArray(itemSelected); } })); })),
|
|
5856
|
+
React.createElement("div", { className: "".concat(style$g["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.createElement(SelectItem$1, { disable: !limitOfSelectable || selectedValues.includes(value), key: value.id, onClick: function () { return addValueToArray(value); }, text: value.name })); }))))))));
|
|
5847
5857
|
};
|
|
5848
5858
|
|
|
5849
5859
|
var ContainerOptions$1 = function (containerProps) {
|
|
@@ -5940,7 +5950,7 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
5940
5950
|
inputValue: inputValue,
|
|
5941
5951
|
onChange: handleInputChange
|
|
5942
5952
|
};
|
|
5943
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
5953
|
+
return (React.createElement("div", { className: "".concat(style$k["".concat(classMUI, "-multiple-selection-entry")]) },
|
|
5944
5954
|
React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
5945
5955
|
};
|
|
5946
5956
|
|
|
@@ -6317,29 +6327,29 @@ var Component$j = function (_a) {
|
|
|
6317
6327
|
*/
|
|
6318
6328
|
var NavMenuDrawerAnalyst = Component$j;
|
|
6319
6329
|
|
|
6320
|
-
var style$
|
|
6330
|
+
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"};
|
|
6321
6331
|
|
|
6322
6332
|
var SelectItem = function (_a) {
|
|
6323
6333
|
var text = _a.text, onClick = _a.onClick, disable = _a.disable, selected = _a.selected;
|
|
6324
6334
|
var disableSelection = useMemo(function () {
|
|
6325
|
-
return disable ? style$
|
|
6335
|
+
return disable ? style$f['disable'] : '';
|
|
6326
6336
|
}, [disable]);
|
|
6327
6337
|
var selectedSelection = useMemo(function () {
|
|
6328
|
-
return selected ? style$
|
|
6338
|
+
return selected ? style$f['selected'] : '';
|
|
6329
6339
|
}, [selected]);
|
|
6330
|
-
return (React.createElement("button", { className: "".concat(style$
|
|
6340
|
+
return (React.createElement("button", { className: "".concat(style$f["".concat(classMUI, "-select-item")], " ").concat(disableSelection, " ").concat(selectedSelection), title: text, onClick: onClick }, text));
|
|
6331
6341
|
};
|
|
6332
6342
|
|
|
6333
|
-
var style$
|
|
6343
|
+
var style$e = {"magneto-ui-drop-down-button":"mg_drop_down_button_magneto-ui-drop-down-button_1yeqt"};
|
|
6334
6344
|
|
|
6335
6345
|
var DropDownButton = function (_a) {
|
|
6336
6346
|
var onClick = _a.onClick, title = _a.title;
|
|
6337
|
-
return (React.createElement("button", { className: "".concat(style$
|
|
6347
|
+
return (React.createElement("button", { className: "".concat(style$e["".concat(classMUI, "-drop-down-button")]), type: "button", onClick: onClick },
|
|
6338
6348
|
title,
|
|
6339
6349
|
React.createElement(IconItem, { icon: ArrowDown2, alt: "arrow-icon" })));
|
|
6340
6350
|
};
|
|
6341
6351
|
|
|
6342
|
-
var style$
|
|
6352
|
+
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"};
|
|
6343
6353
|
|
|
6344
6354
|
var useContainerDesktop = function (_a) {
|
|
6345
6355
|
var addValue = _a.addValue;
|
|
@@ -6394,18 +6404,18 @@ var ContainerDesktop$1 = function (_a) {
|
|
|
6394
6404
|
return (React.createElement("div", { style: { zIndex: 999999 } },
|
|
6395
6405
|
React.createElement("div", { ref: inputRef },
|
|
6396
6406
|
React.createElement(DropDownButton, { title: dropDownTitle, onClick: toggleDropdown })),
|
|
6397
|
-
React.createElement("div", { ref: containerOptions, className: "".concat(style$
|
|
6407
|
+
React.createElement("div", { ref: containerOptions, className: "".concat(style$d["".concat(classMUI, "-container-options")]) }, isOpen &&
|
|
6398
6408
|
ReactDOM.createPortal(React.createElement("div", { style: {
|
|
6399
6409
|
position: 'absolute',
|
|
6400
6410
|
top: "".concat(menuPosition.top - 8, "px "),
|
|
6401
6411
|
left: "".concat(menuPosition.left, "px"),
|
|
6402
6412
|
width: "".concat(menuPosition.width, "px"),
|
|
6403
6413
|
zIndex: 999999
|
|
6404
|
-
}, ref: dropdownRef, className: "".concat(style$
|
|
6405
|
-
React.createElement("div", { className: "".concat(style$
|
|
6414
|
+
}, ref: dropdownRef, className: "".concat(style$d["".concat(classMUI, "-container-options__menu")]) },
|
|
6415
|
+
React.createElement("div", { className: "".concat(style$d["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.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))));
|
|
6406
6416
|
};
|
|
6407
6417
|
|
|
6408
|
-
var style$
|
|
6418
|
+
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"};
|
|
6409
6419
|
|
|
6410
6420
|
var ContainerDesktop = function (_a) {
|
|
6411
6421
|
var listOptions = _a.listOptions, addValue = _a.addValue, dropDownTitle = _a.dropDownTitle, selectedValue = _a.selectedValue;
|
|
@@ -6418,9 +6428,9 @@ var ContainerDesktop = function (_a) {
|
|
|
6418
6428
|
React.createElement(DropDownButton, { title: dropDownTitle, onClick: function () { return setOpenOptions(true); } }),
|
|
6419
6429
|
React.createElement("div", { style: { zIndex: 99999999 } },
|
|
6420
6430
|
React.createElement(MobileDrawer, { isOpen: openOptions, onClose: function () { return setOpenOptions(false); } },
|
|
6421
|
-
React.createElement("div", { className: "".concat(style$
|
|
6422
|
-
React.createElement("div", { className: "".concat(style$
|
|
6423
|
-
React.createElement("div", { className: "".concat(style$
|
|
6431
|
+
React.createElement("div", { className: "".concat(style$c["".concat(classMUI, "-container-options")]) },
|
|
6432
|
+
React.createElement("div", { className: "".concat(style$c["".concat(classMUI, "-container-options__menu")]) },
|
|
6433
|
+
React.createElement("div", { className: "".concat(style$c["".concat(classMUI, "-container-options__menu--list")]) }, listOptions.map(function (value) { return (React.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 })); }))))))));
|
|
6424
6434
|
};
|
|
6425
6435
|
|
|
6426
6436
|
var ContainerOptions = function (_a) {
|
|
@@ -6493,7 +6503,7 @@ var useOneSelectionEntry = function (_a) {
|
|
|
6493
6503
|
};
|
|
6494
6504
|
};
|
|
6495
6505
|
|
|
6496
|
-
var style$
|
|
6506
|
+
var style$b = {"magneto-ui-one-selection-entry":"mg_one_selection_entry_magneto-ui-one-selection-entry_cffk1"};
|
|
6497
6507
|
|
|
6498
6508
|
var OneSelectionEntry = function (_a) {
|
|
6499
6509
|
var dropDownTitle = _a.dropDownTitle, listOptions = _a.listOptions, selectedValue = _a.selectedValue, onChange = _a.onChange, _b = _a.responsiveMenu, responsiveMenu = _b === void 0 ? true : _b;
|
|
@@ -6508,7 +6518,7 @@ var OneSelectionEntry = function (_a) {
|
|
|
6508
6518
|
}
|
|
6509
6519
|
return dropDownTitle;
|
|
6510
6520
|
}, [dropDownTitle, localSelectedValue]);
|
|
6511
|
-
return (React.createElement("div", { className: "".concat(style$
|
|
6521
|
+
return (React.createElement("div", { className: "".concat(style$b["".concat(classMUI, "-one-selection-entry")]) },
|
|
6512
6522
|
React.createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6513
6523
|
};
|
|
6514
6524
|
|
|
@@ -6756,7 +6766,7 @@ var Component$c = function (_a) {
|
|
|
6756
6766
|
*/
|
|
6757
6767
|
var Select2 = withClickOut(Component$c);
|
|
6758
6768
|
|
|
6759
|
-
var style$
|
|
6769
|
+
var style$a = {"magneto-ui-timeline":"mg_timeline_magneto-ui-timeline_lr29v"};
|
|
6760
6770
|
|
|
6761
6771
|
var STATUS = {
|
|
6762
6772
|
CHECKED: 'checked',
|
|
@@ -6775,7 +6785,7 @@ var Component$b = function (_a) {
|
|
|
6775
6785
|
}
|
|
6776
6786
|
return STATUS.BLOCKED;
|
|
6777
6787
|
};
|
|
6778
|
-
return (React.createElement("div", { className: style$
|
|
6788
|
+
return (React.createElement("div", { className: style$a["".concat(classMUI, "-timeline")] }, steps.map(function (_a, index) {
|
|
6779
6789
|
var subtitle = _a.subtitle, title = _a.title;
|
|
6780
6790
|
return (React.createElement(TimelineEvent, { index: index + 1, onClick: onClick, key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
|
|
6781
6791
|
})));
|
|
@@ -6868,7 +6878,7 @@ var SelectDrawer = function (_a) {
|
|
|
6868
6878
|
return (React.createElement(MobileDrawer, { className: cx$3('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6869
6879
|
};
|
|
6870
6880
|
|
|
6871
|
-
var styles$9 = {"checkbox":"
|
|
6881
|
+
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"};
|
|
6872
6882
|
|
|
6873
6883
|
var cx$2 = classNames.bind(styles$9);
|
|
6874
6884
|
var defaultCheck = function (_a) {
|
|
@@ -6963,6 +6973,32 @@ var Select = Object.assign(Component$7, {
|
|
|
6963
6973
|
ListCheck: SelectListCheck
|
|
6964
6974
|
});
|
|
6965
6975
|
|
|
6976
|
+
var style$9 = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
6977
|
+
|
|
6978
|
+
var AlphabetFilter = function (_a) {
|
|
6979
|
+
var title = _a.title, allActionText = _a.allActionText, onClickAction = _a.onClickAction, filtersRef = _a.filtersRef, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
6980
|
+
return (React.createElement("div", { className: "".concat(style$9['alphabet-filter'], " ").concat(className) },
|
|
6981
|
+
React.createElement("p", { className: style$9['alphabet-filter__title'] },
|
|
6982
|
+
" ",
|
|
6983
|
+
title),
|
|
6984
|
+
React.createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
6985
|
+
};
|
|
6986
|
+
|
|
6987
|
+
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"};
|
|
6988
|
+
|
|
6989
|
+
var MegaMenuCards = function (_a) {
|
|
6990
|
+
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;
|
|
6991
|
+
return (React.createElement("nav", { className: className },
|
|
6992
|
+
title && (React.createElement("div", { className: "".concat(style$8["mega-menu-cards__title"]) },
|
|
6993
|
+
React.createElement("h4", null, title),
|
|
6994
|
+
actionTitle && (React.createElement(SearchItem, { url: actionTitle.url, tag: actionTitle.label, className: "".concat(style$8["mega-menu-cards__action--grey"]) })))),
|
|
6995
|
+
filterProps && React.createElement(AlphabetFilter, __assign({ className: style$8["mega-menu-cards__filter"] }, filterProps)),
|
|
6996
|
+
React.createElement("ul", { className: "".concat(style$8["mega-menu-cards"]) }, jobs &&
|
|
6997
|
+
jobs.slice(0, maxCards).map(function (job, key) { return (React.createElement("li", { key: key },
|
|
6998
|
+
React.createElement(MegaMenuCard, __assign({}, job)))); })),
|
|
6999
|
+
action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$8["mega-menu-cards__action"]) }))));
|
|
7000
|
+
};
|
|
7001
|
+
|
|
6966
7002
|
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"};
|
|
6967
7003
|
|
|
6968
7004
|
var Component$6 = function (_a) {
|
|
@@ -7638,5 +7674,5 @@ var Component = function (_a) {
|
|
|
7638
7674
|
};
|
|
7639
7675
|
var SuggestedJobsPage = Component;
|
|
7640
7676
|
|
|
7641
|
-
export { Actions, Alert, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7677
|
+
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7642
7678
|
//# sourceMappingURL=index.js.map
|