magneto365.ui 2.54.0 → 2.55.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/035d90cb55b544da.svg +15 -0
- package/dist/assets/1aba91fa564f11d7.svg +16 -0
- package/dist/assets/3a1c54796cd5e026.svg +17 -0
- package/dist/assets/3e2d04cc8ff5910d.svg +11 -0
- package/dist/assets/f3929a315218dc82.svg +10 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +673 -571
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/ModalResponsive/ModalResponsive.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/ModalResponsive/ModalResponsive.interface.d.ts +22 -0
- package/dist/cjs/types/components/UI/molecules/ModalResponsive/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +2 -1
- package/dist/cjs/types/components/UI/organism/ProcessesCard/ProcessesCard.component.d.ts +11 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/ProcessesCard.interface.d.ts +42 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/children/ProcessesCardArrow/ProcessesCardArrow.component.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/children/ProcessesCardBrand/ProcessesCardBrand.component.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/children/ProcessesCardIconStatus/ProcessesCardIconStatus.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/children/ProcessesCardSection/ProcessesCardSection.component.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/children/ProcessesCardStatus/ProcessesCardStatus.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/children/ProcessesCardText/ProcessesCardText.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/children/ProcessesCardTitle/ProcessesCardTitle.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ProcessesCard/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/index.d.ts +1 -0
- package/dist/cjs/types/constants/icons.constants.d.ts +6 -1
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +672 -572
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/ModalResponsive/ModalResponsive.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/ModalResponsive/ModalResponsive.interface.d.ts +22 -0
- package/dist/esm/types/components/UI/molecules/ModalResponsive/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +2 -1
- package/dist/esm/types/components/UI/organism/ProcessesCard/ProcessesCard.component.d.ts +11 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/ProcessesCard.interface.d.ts +42 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/children/ProcessesCardArrow/ProcessesCardArrow.component.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/children/ProcessesCardBrand/ProcessesCardBrand.component.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/children/ProcessesCardIconStatus/ProcessesCardIconStatus.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/children/ProcessesCardSection/ProcessesCardSection.component.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/children/ProcessesCardStatus/ProcessesCardStatus.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/children/ProcessesCardText/ProcessesCardText.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/children/ProcessesCardTitle/ProcessesCardTitle.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ProcessesCard/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/index.d.ts +1 -0
- package/dist/esm/types/constants/icons.constants.d.ts +6 -1
- package/dist/index.d.ts +82 -5
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$2k = 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;
|
|
246
246
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
247
247
|
var handleError = function () {
|
|
@@ -257,9 +257,9 @@ var Component$2b = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$2k;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$28 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -319,6 +319,8 @@ var Checked = "https://static.magneto365.com/lib/assets/530e8da9d7699174.svg";
|
|
|
319
319
|
|
|
320
320
|
var Clock = "https://static.magneto365.com/lib/assets/4219aa1f11a79041.svg";
|
|
321
321
|
|
|
322
|
+
var ClockLine = "https://static.magneto365.com/lib/assets/035d90cb55b544da.svg";
|
|
323
|
+
|
|
322
324
|
var Close = "https://static.magneto365.com/lib/assets/2cb852fd568fb219.svg";
|
|
323
325
|
|
|
324
326
|
var CloseCircle = "https://static.magneto365.com/lib/assets/8cfd4406b512a517.svg";
|
|
@@ -333,6 +335,10 @@ var DocTextBlueBold = "https://static.magneto365.com/lib/assets/534ed15cadd2c1e2
|
|
|
333
335
|
|
|
334
336
|
var DocTextWhiteOutline = "https://static.magneto365.com/lib/assets/7b6b8e384fddcfc0.svg";
|
|
335
337
|
|
|
338
|
+
var DocumentForward = "https://static.magneto365.com/lib/assets/1aba91fa564f11d7.svg";
|
|
339
|
+
|
|
340
|
+
var DocumentSearch = "https://static.magneto365.com/lib/assets/3a1c54796cd5e026.svg";
|
|
341
|
+
|
|
336
342
|
var DocumentTextGray = "https://static.magneto365.com/lib/assets/e6c25ccc7957e05e.svg";
|
|
337
343
|
|
|
338
344
|
var DollarCircle = "https://static.magneto365.com/lib/assets/e398388dfbd7a649.svg";
|
|
@@ -491,6 +497,8 @@ var Urgent = "https://static.magneto365.com/lib/assets/5c4e927a0bd04465.svg";
|
|
|
491
497
|
|
|
492
498
|
var User = "https://static.magneto365.com/lib/assets/2c2a99f021022515.svg";
|
|
493
499
|
|
|
500
|
+
var UserRemove = "https://static.magneto365.com/lib/assets/3e2d04cc8ff5910d.svg";
|
|
501
|
+
|
|
494
502
|
var UserRoundedBlue = "https://static.magneto365.com/lib/assets/420b8a59d0a761cb.svg";
|
|
495
503
|
|
|
496
504
|
var UserRoundedGray = "https://static.magneto365.com/lib/assets/549f19549c6526ff.svg";
|
|
@@ -499,12 +507,14 @@ var UserSearchBlueBold = "https://static.magneto365.com/lib/assets/59568e4ff48e8
|
|
|
499
507
|
|
|
500
508
|
var UserSearchWhiteOutline = "https://static.magneto365.com/lib/assets/eb30208cbf93fa82.svg";
|
|
501
509
|
|
|
502
|
-
var
|
|
510
|
+
var UserTick = "https://static.magneto365.com/lib/assets/f3929a315218dc82.svg";
|
|
503
511
|
|
|
504
|
-
var
|
|
512
|
+
var Warning = "https://static.magneto365.com/lib/assets/bfab45bdc4d8d900.svg";
|
|
505
513
|
|
|
506
514
|
var Warning3D = "https://static.magneto365.com/lib/assets/8a37a9c7b0fd5027.svg";
|
|
507
515
|
|
|
516
|
+
var WarningHex = "https://static.magneto365.com/lib/assets/58346511fd62e29a.svg";
|
|
517
|
+
|
|
508
518
|
var WarningYellowBold = "https://static.magneto365.com/lib/assets/8949e8e4bfb2ef16.svg";
|
|
509
519
|
|
|
510
520
|
var WhatsAppColor = "https://static.magneto365.com/lib/assets/75c50160036c6fdf.svg";
|
|
@@ -517,31 +527,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
517
527
|
|
|
518
528
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
519
529
|
|
|
520
|
-
var Component$
|
|
530
|
+
var Component$2j = function (_a) {
|
|
521
531
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
522
532
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
523
533
|
var handleError = function () {
|
|
524
534
|
setImageError(true);
|
|
525
535
|
};
|
|
526
|
-
return (React.createElement("div", { className: styles$
|
|
536
|
+
return (React.createElement("div", { className: styles$28.avatarComponent, onClick: onClick },
|
|
527
537
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
528
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
538
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$28['magneto-ui-default-avatar'] },
|
|
529
539
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
530
540
|
};
|
|
531
541
|
/**
|
|
532
542
|
* UI Atom component of Avatar
|
|
533
543
|
*/
|
|
534
|
-
var Avatar = Component$
|
|
544
|
+
var Avatar = Component$2j;
|
|
535
545
|
|
|
536
|
-
var styles$
|
|
546
|
+
var styles$27 = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
537
547
|
|
|
538
|
-
var Component$
|
|
548
|
+
var Component$2i = function (_a) {
|
|
539
549
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
540
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
541
|
-
React.createElement("span", { className: styles$
|
|
550
|
+
return (React.createElement("p", { className: "".concat(styles$27['badge-count'], " ").concat(className) },
|
|
551
|
+
React.createElement("span", { className: styles$27['badge-count__animation'] }),
|
|
542
552
|
number && number));
|
|
543
553
|
};
|
|
544
|
-
var Badge = Component$
|
|
554
|
+
var Badge = Component$2i;
|
|
545
555
|
|
|
546
556
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
547
557
|
|
|
@@ -658,9 +668,9 @@ var SignUpButtonStyle = {
|
|
|
658
668
|
}
|
|
659
669
|
};
|
|
660
670
|
|
|
661
|
-
var styles$
|
|
671
|
+
var styles$26 = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
|
|
662
672
|
|
|
663
|
-
var styles$
|
|
673
|
+
var styles$25 = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
664
674
|
|
|
665
675
|
var ShareIcons = {
|
|
666
676
|
Facebook: {
|
|
@@ -680,7 +690,7 @@ var ShareIcons = {
|
|
|
680
690
|
}
|
|
681
691
|
};
|
|
682
692
|
|
|
683
|
-
var Component$
|
|
693
|
+
var Component$2h = function (_a) {
|
|
684
694
|
var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
685
695
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
686
696
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -693,46 +703,46 @@ var Component$28 = function (_a) {
|
|
|
693
703
|
};
|
|
694
704
|
if (component)
|
|
695
705
|
return component;
|
|
696
|
-
return (React.createElement("div", { className: styles$
|
|
697
|
-
React.createElement("div", { id: styles$
|
|
706
|
+
return (React.createElement("div", { className: styles$25['magneto-ui-actions'] },
|
|
707
|
+
React.createElement("div", { id: styles$25['magneto-ui__external-child'] }, externalButtonChild),
|
|
698
708
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
699
|
-
React.createElement("button", { className: styles$
|
|
709
|
+
React.createElement("button", { className: styles$25['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
700
710
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
701
711
|
} },
|
|
702
712
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
703
713
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
704
714
|
actionsLinkList.map(function (_a, index) {
|
|
705
715
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
706
|
-
return (React.createElement("a", { className: styles$
|
|
716
|
+
return (React.createElement("a", { className: styles$25['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
707
717
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
708
718
|
React.createElement("p", { key: index }, text)));
|
|
709
719
|
}),
|
|
710
|
-
React.createElement("div", { className: styles$
|
|
711
|
-
React.createElement("p", { className: styles$
|
|
712
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
720
|
+
React.createElement("div", { className: styles$25['magneto-ui-actions__header'] },
|
|
721
|
+
React.createElement("p", { className: styles$25['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
722
|
+
offerCompanyName ? React.createElement("p", { className: styles$25['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
713
723
|
};
|
|
714
724
|
var ShareLinksAction = function (_a) {
|
|
715
725
|
var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
716
|
-
return (React.createElement("div", { className: styles$
|
|
717
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
726
|
+
return (React.createElement("div", { className: styles$25['magneto-ui-actions'] },
|
|
727
|
+
React.createElement(ShareButton, __assign({ className: styles$25['magneto-ui-actions__share'] }, shareProps)),
|
|
718
728
|
shareLinks.map(function (_a, index) {
|
|
719
729
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
720
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
730
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$25['magneto-ui-actions__link'], styles$25['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
721
731
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
722
732
|
React.createElement("span", null, title)));
|
|
723
733
|
}),
|
|
724
|
-
React.createElement("div", { className: styles$
|
|
725
|
-
React.createElement("p", { className: styles$
|
|
726
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
727
|
-
React.createElement("div", { className: styles$
|
|
728
|
-
React.createElement("button", { className: styles$
|
|
734
|
+
React.createElement("div", { className: styles$25['magneto-ui-actions__header'] },
|
|
735
|
+
React.createElement("p", { className: styles$25['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
736
|
+
offerCompanyName ? React.createElement("p", { className: styles$25['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
737
|
+
React.createElement("div", { className: styles$25['magneto-ui-actions__back'] },
|
|
738
|
+
React.createElement("button", { className: styles$25['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
729
739
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
730
740
|
backText)));
|
|
731
741
|
};
|
|
732
742
|
/**
|
|
733
743
|
* UI Molecule componet of Actions
|
|
734
744
|
*/
|
|
735
|
-
var Actions = Object.assign(Component$
|
|
745
|
+
var Actions = Object.assign(Component$2h, { ShareLinks: ShareLinksAction });
|
|
736
746
|
|
|
737
747
|
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"};
|
|
738
748
|
|
|
@@ -758,7 +768,7 @@ var alertIcons = {
|
|
|
758
768
|
warning: Warning,
|
|
759
769
|
error: Error
|
|
760
770
|
};
|
|
761
|
-
var Component$
|
|
771
|
+
var Component$2g = function (_a) {
|
|
762
772
|
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;
|
|
763
773
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
764
774
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -770,7 +780,7 @@ var Component$27 = function (_a) {
|
|
|
770
780
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
771
781
|
extraButton));
|
|
772
782
|
};
|
|
773
|
-
var Alert = Component$
|
|
783
|
+
var Alert = Component$2g;
|
|
774
784
|
|
|
775
785
|
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"};
|
|
776
786
|
|
|
@@ -857,8 +867,8 @@ var classNames = {
|
|
|
857
867
|
}
|
|
858
868
|
};
|
|
859
869
|
|
|
860
|
-
var cx$
|
|
861
|
-
var Component$
|
|
870
|
+
var cx$n = classNames.bind(style$W);
|
|
871
|
+
var Component$2f = function (_a) {
|
|
862
872
|
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;
|
|
863
873
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
864
874
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -884,17 +894,17 @@ var Component$26 = function (_a) {
|
|
|
884
894
|
};
|
|
885
895
|
}, [isOpen]);
|
|
886
896
|
return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
|
|
887
|
-
React.createElement("div", { className: cx$
|
|
897
|
+
React.createElement("div", { className: cx$n('magneto-ui-mobile-drawer', className) },
|
|
888
898
|
React.createElement("aside", { className: style$W[showMenu] },
|
|
889
|
-
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
899
|
+
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$n('magneto-ui-close-button'), onClick: onClose },
|
|
890
900
|
React.createElement(IconItem, { icon: Add, hover: false })),
|
|
891
|
-
React.createElement("div", { className: cx$
|
|
892
|
-
isOpen && (React.createElement("span", { className: cx$
|
|
901
|
+
React.createElement("div", { className: cx$n('magneto-ui-container') }, children)),
|
|
902
|
+
isOpen && (React.createElement("span", { className: cx$n('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
893
903
|
};
|
|
894
904
|
/**
|
|
895
905
|
* Molecule UI component for Mobile Drawer
|
|
896
906
|
*/
|
|
897
|
-
var MobileDrawer = Component$
|
|
907
|
+
var MobileDrawer = Component$2f;
|
|
898
908
|
|
|
899
909
|
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"};
|
|
900
910
|
|
|
@@ -950,11 +960,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
950
960
|
};
|
|
951
961
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
952
962
|
|
|
953
|
-
var styles$
|
|
963
|
+
var styles$24 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
954
964
|
|
|
955
|
-
var Component$
|
|
965
|
+
var Component$2e = function (_a) {
|
|
956
966
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
957
|
-
return (React.createElement("div", { className: styles$
|
|
967
|
+
return (React.createElement("div", { className: styles$24.BreadcrumbsComponent },
|
|
958
968
|
React.createElement("a", { href: homeUrl },
|
|
959
969
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
960
970
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -962,52 +972,52 @@ var Component$25 = function (_a) {
|
|
|
962
972
|
/**
|
|
963
973
|
* Molecule UI component for breadcrums information
|
|
964
974
|
*/
|
|
965
|
-
var Breadcrumbs = Component$
|
|
975
|
+
var Breadcrumbs = Component$2e;
|
|
966
976
|
|
|
967
|
-
var styles$
|
|
977
|
+
var styles$23 = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
968
978
|
|
|
969
979
|
var CitiesDetailDrawer = function (_a) {
|
|
970
980
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
971
|
-
return (React.createElement("div", { className: styles$
|
|
972
|
-
React.createElement("div", { className: styles$
|
|
981
|
+
return (React.createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
982
|
+
React.createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
973
983
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
974
|
-
React.createElement("div", { className: styles$
|
|
975
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
984
|
+
React.createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
985
|
+
isRemote && (React.createElement("p", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
976
986
|
cities &&
|
|
977
987
|
cities.map(function (_a, index) {
|
|
978
988
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
979
|
-
return (React.createElement("div", { className: styles$
|
|
989
|
+
return (React.createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
980
990
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
981
991
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
982
992
|
})))) : null));
|
|
983
993
|
};
|
|
984
994
|
|
|
985
|
-
var styles$
|
|
995
|
+
var styles$22 = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
|
|
986
996
|
|
|
987
|
-
var Component$
|
|
997
|
+
var Component$2d = function (_a) {
|
|
988
998
|
var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
989
999
|
var disabledArrow = useMemo(function () {
|
|
990
1000
|
if (disabled)
|
|
991
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1001
|
+
return (React.createElement(IconItem, { className: styles$22['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
992
1002
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
993
1003
|
}, [disabled]);
|
|
994
|
-
return (React.createElement("div", { className: styles$
|
|
995
|
-
React.createElement("select", { className: styles$
|
|
996
|
-
React.createElement("option", { className: styles$
|
|
1004
|
+
return (React.createElement("div", { className: styles$22['magneto-ui--date-dropdown__wrapper'] },
|
|
1005
|
+
React.createElement("select", { className: styles$22["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1006
|
+
React.createElement("option", { className: styles$22['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
997
1007
|
dateOptions.map(function (_a) {
|
|
998
1008
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
999
|
-
return (React.createElement("option", { className: styles$
|
|
1009
|
+
return (React.createElement("option", { className: styles$22['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1000
1010
|
})),
|
|
1001
|
-
React.createElement("span", { className: styles$
|
|
1011
|
+
React.createElement("span", { className: styles$22['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1002
1012
|
};
|
|
1003
|
-
var DateDropdown = Component$
|
|
1013
|
+
var DateDropdown = Component$2d;
|
|
1004
1014
|
|
|
1005
|
-
var styles$
|
|
1015
|
+
var styles$21 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1006
1016
|
|
|
1007
1017
|
var defaultValue$1 = function (value) {
|
|
1008
1018
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1009
1019
|
};
|
|
1010
|
-
var Component$
|
|
1020
|
+
var Component$2c = function (_a) {
|
|
1011
1021
|
var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
1012
1022
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1013
1023
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1041,16 +1051,16 @@ var Component$23 = function (_a) {
|
|
|
1041
1051
|
}
|
|
1042
1052
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1043
1053
|
}, [disabled]);
|
|
1044
|
-
return (React.createElement("div", { className: styles$
|
|
1054
|
+
return (React.createElement("div", { className: styles$21['magneto-ui--date-picker__wrapper'] },
|
|
1045
1055
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1046
1056
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1047
1057
|
};
|
|
1048
|
-
var DatePicker = Component$
|
|
1058
|
+
var DatePicker = Component$2c;
|
|
1049
1059
|
|
|
1050
1060
|
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"};
|
|
1051
1061
|
|
|
1052
1062
|
var DEFAULT_PADDING = 20;
|
|
1053
|
-
var Component$
|
|
1063
|
+
var Component$2b = function (_a) {
|
|
1054
1064
|
var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
|
|
1055
1065
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1056
1066
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1096,7 +1106,7 @@ var Component$22 = function (_a) {
|
|
|
1096
1106
|
/**
|
|
1097
1107
|
* Molecule UI component for Drawer
|
|
1098
1108
|
*/
|
|
1099
|
-
var Drawer = Component$
|
|
1109
|
+
var Drawer = Component$2b;
|
|
1100
1110
|
|
|
1101
1111
|
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"};
|
|
1102
1112
|
|
|
@@ -1159,15 +1169,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1159
1169
|
_c)
|
|
1160
1170
|
};
|
|
1161
1171
|
|
|
1162
|
-
var styles$
|
|
1172
|
+
var styles$20 = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
1163
1173
|
|
|
1164
|
-
var Component$
|
|
1174
|
+
var Component$2a = function (_a) {
|
|
1165
1175
|
var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
|
|
1166
1176
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1167
1177
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1168
1178
|
var componentProps = useMemo(function () {
|
|
1169
1179
|
var className = CNM.get({
|
|
1170
|
-
styles: styles$
|
|
1180
|
+
styles: styles$20,
|
|
1171
1181
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1172
1182
|
});
|
|
1173
1183
|
if (isUrl)
|
|
@@ -1189,48 +1199,48 @@ var Component$21 = function (_a) {
|
|
|
1189
1199
|
}
|
|
1190
1200
|
return;
|
|
1191
1201
|
}, [loading, variant]);
|
|
1192
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1193
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1202
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-action', className] }) },
|
|
1203
|
+
React.createElement("div", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-action__container'] }) },
|
|
1194
1204
|
React.createElement(Component, __assign({}, componentProps),
|
|
1195
1205
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1196
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1206
|
+
React.createElement("span", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-action__title'] }) }, title),
|
|
1197
1207
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1198
1208
|
};
|
|
1199
1209
|
/**
|
|
1200
1210
|
* Molecule UI child component of expandable info
|
|
1201
1211
|
*/
|
|
1202
|
-
var ExpandableInfoAction = Component$
|
|
1212
|
+
var ExpandableInfoAction = Component$2a;
|
|
1203
1213
|
|
|
1204
|
-
var styles$
|
|
1214
|
+
var styles$1$ = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
1205
1215
|
|
|
1206
|
-
var Component$
|
|
1216
|
+
var Component$29 = function (_a) {
|
|
1207
1217
|
var sections = _a.sections, footer = _a.footer;
|
|
1208
1218
|
var sectionStyles = useCallback(function (multiple) {
|
|
1209
1219
|
return CNM.get({
|
|
1210
|
-
styles: styles$
|
|
1220
|
+
styles: styles$1$,
|
|
1211
1221
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1212
1222
|
});
|
|
1213
1223
|
}, []);
|
|
1214
1224
|
var subSectionStyles = useCallback(function (initial) {
|
|
1215
1225
|
return CNM.get({
|
|
1216
|
-
styles: styles$
|
|
1226
|
+
styles: styles$1$,
|
|
1217
1227
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1218
1228
|
});
|
|
1219
1229
|
}, []);
|
|
1220
1230
|
var itemStyles = useCallback(function (first) {
|
|
1221
1231
|
return CNM.get({
|
|
1222
|
-
styles: styles$
|
|
1232
|
+
styles: styles$1$,
|
|
1223
1233
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1224
1234
|
});
|
|
1225
1235
|
}, []);
|
|
1226
1236
|
var textStyles = useCallback(function (bold) {
|
|
1227
1237
|
return CNM.get({
|
|
1228
|
-
styles: styles$
|
|
1238
|
+
styles: styles$1$,
|
|
1229
1239
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1230
1240
|
});
|
|
1231
1241
|
}, []);
|
|
1232
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1233
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1242
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details'] }) },
|
|
1243
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1234
1244
|
sections.map(function (section, index) {
|
|
1235
1245
|
var _a, _b;
|
|
1236
1246
|
return (React.createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1244,13 +1254,13 @@ var Component$20 = function (_a) {
|
|
|
1244
1254
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1245
1255
|
})));
|
|
1246
1256
|
}),
|
|
1247
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1248
|
-
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1257
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details__footer'] }) },
|
|
1258
|
+
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details__action'] }) }))))));
|
|
1249
1259
|
};
|
|
1250
1260
|
/**
|
|
1251
1261
|
* Molecule UI child component of expandable info
|
|
1252
1262
|
*/
|
|
1253
|
-
var ExpandableInfoDetails = Component$
|
|
1263
|
+
var ExpandableInfoDetails = Component$29;
|
|
1254
1264
|
|
|
1255
1265
|
var EExpandableInfoVariant;
|
|
1256
1266
|
(function (EExpandableInfoVariant) {
|
|
@@ -1271,9 +1281,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1271
1281
|
_a$3)
|
|
1272
1282
|
};
|
|
1273
1283
|
|
|
1274
|
-
var styles$
|
|
1284
|
+
var styles$1_ = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
1275
1285
|
|
|
1276
|
-
var Component$
|
|
1286
|
+
var Component$28 = function (_a) {
|
|
1277
1287
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1278
1288
|
var icon = useCallback(function (icon) {
|
|
1279
1289
|
if (icon) {
|
|
@@ -1286,22 +1296,22 @@ var Component$1$ = function (_a) {
|
|
|
1286
1296
|
}, [variant]);
|
|
1287
1297
|
if (!title)
|
|
1288
1298
|
return null;
|
|
1289
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1290
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1299
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-message', className] }) },
|
|
1300
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-message__container'] }) },
|
|
1291
1301
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1292
1302
|
React.createElement("span", { className: CNM.get({
|
|
1293
|
-
styles: styles$
|
|
1303
|
+
styles: styles$1_,
|
|
1294
1304
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1295
1305
|
}) }, title))));
|
|
1296
1306
|
};
|
|
1297
1307
|
/**
|
|
1298
1308
|
* Molecule UI child component of expandable info
|
|
1299
1309
|
*/
|
|
1300
|
-
var ExpandableInfoMessage = Component$
|
|
1310
|
+
var ExpandableInfoMessage = Component$28;
|
|
1301
1311
|
|
|
1302
|
-
var styles$
|
|
1312
|
+
var styles$1Z = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1303
1313
|
|
|
1304
|
-
var Component$
|
|
1314
|
+
var Component$27 = function (_a) {
|
|
1305
1315
|
var toggler = _a.toggler, details = _a.details;
|
|
1306
1316
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1307
1317
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1309,28 +1319,28 @@ var Component$1_ = function (_a) {
|
|
|
1309
1319
|
}, []);
|
|
1310
1320
|
return (React.createElement(React.Fragment, null,
|
|
1311
1321
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1312
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1322
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-modal'] }) },
|
|
1313
1323
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1314
1324
|
};
|
|
1315
1325
|
/**
|
|
1316
1326
|
* Molecule UI child component of expandable info
|
|
1317
1327
|
*/
|
|
1318
|
-
var ExpandableInfoModal = Component$
|
|
1328
|
+
var ExpandableInfoModal = Component$27;
|
|
1319
1329
|
|
|
1320
|
-
var styles$
|
|
1330
|
+
var styles$1Y = {"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"};
|
|
1321
1331
|
|
|
1322
1332
|
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"};
|
|
1323
1333
|
|
|
1324
|
-
var styles$
|
|
1334
|
+
var styles$1X = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1325
1335
|
|
|
1326
1336
|
var Image = function (_a) {
|
|
1327
1337
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1328
1338
|
return (React.createElement(React.Fragment, null,
|
|
1329
1339
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1330
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1340
|
+
playIcon && React.createElement("div", { className: styles$1X['magneto-ui-play-button'] }, playIcon)));
|
|
1331
1341
|
};
|
|
1332
1342
|
|
|
1333
|
-
var styles$
|
|
1343
|
+
var styles$1W = {"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"};
|
|
1334
1344
|
|
|
1335
1345
|
var MegaMenuCard = function (_a) {
|
|
1336
1346
|
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;
|
|
@@ -1340,17 +1350,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1340
1350
|
onClick();
|
|
1341
1351
|
}
|
|
1342
1352
|
}, [onClick]);
|
|
1343
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
1344
|
-
icon && (React.createElement("div", { className: styles$
|
|
1353
|
+
return (React.createElement("a", { className: "".concat(styles$1W["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1354
|
+
icon && (React.createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__icon"] },
|
|
1345
1355
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1346
|
-
logo && (React.createElement("div", { className: styles$
|
|
1347
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1348
|
-
React.createElement("div", { className: styles$
|
|
1349
|
-
React.createElement("div", { className: styles$
|
|
1350
|
-
React.createElement("div", { className: styles$
|
|
1356
|
+
logo && (React.createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__logo"] },
|
|
1357
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1W["magneto-ui-mega-menu-card__logo"] }))),
|
|
1358
|
+
React.createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__content"] },
|
|
1359
|
+
React.createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__title"] }, title),
|
|
1360
|
+
React.createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1351
1361
|
maximumFractionDigits: 3
|
|
1352
1362
|
}), " cupos"))),
|
|
1353
|
-
showRigthArrow && (React.createElement("div", { className: styles$
|
|
1363
|
+
showRigthArrow && (React.createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__arrow"] },
|
|
1354
1364
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1355
1365
|
};
|
|
1356
1366
|
|
|
@@ -1369,24 +1379,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1369
1379
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1370
1380
|
};
|
|
1371
1381
|
|
|
1372
|
-
var styles$
|
|
1382
|
+
var styles$1V = {"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"};
|
|
1373
1383
|
|
|
1374
1384
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1375
1385
|
var Component = function (_a) {
|
|
1376
1386
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1377
|
-
return (React.createElement("div", { className: styles$
|
|
1378
|
-
React.createElement("div", { className: styles$
|
|
1387
|
+
return (React.createElement("div", { className: styles$1V['mega-menu-side-container'] },
|
|
1388
|
+
React.createElement("div", { className: styles$1V['mega-menu-side-container__side'] },
|
|
1379
1389
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1380
|
-
React.createElement("div", { className: styles$
|
|
1390
|
+
React.createElement("div", { className: styles$1V['mega-menu-side-container__main'] },
|
|
1381
1391
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1382
1392
|
};
|
|
1383
1393
|
return Component;
|
|
1384
1394
|
};
|
|
1385
1395
|
|
|
1386
|
-
var Component$
|
|
1396
|
+
var Component$26 = function (_a) {
|
|
1387
1397
|
var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
1388
1398
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1389
|
-
styles: styles$
|
|
1399
|
+
styles: styles$1Y,
|
|
1390
1400
|
cls: [
|
|
1391
1401
|
'expandable-info-popover',
|
|
1392
1402
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1394,7 +1404,7 @@ var Component$1Z = function (_a) {
|
|
|
1394
1404
|
]
|
|
1395
1405
|
}), content: React.createElement(React.Fragment, null,
|
|
1396
1406
|
React.createElement("span", { className: CNM.get({
|
|
1397
|
-
styles: styles$
|
|
1407
|
+
styles: styles$1Y,
|
|
1398
1408
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1399
1409
|
}) }),
|
|
1400
1410
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1403,19 +1413,19 @@ var Component$1Z = function (_a) {
|
|
|
1403
1413
|
/**
|
|
1404
1414
|
* Molecule UI child component of expandable info
|
|
1405
1415
|
*/
|
|
1406
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1416
|
+
var ExpandableInfoPopover = withClickOut(Component$26);
|
|
1407
1417
|
|
|
1408
1418
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1409
1419
|
coin: CoinBlackOutline
|
|
1410
1420
|
};
|
|
1411
1421
|
|
|
1412
|
-
var styles$
|
|
1422
|
+
var styles$1U = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
1413
1423
|
|
|
1414
|
-
var Component$
|
|
1424
|
+
var Component$25 = function (_a) {
|
|
1415
1425
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
1416
1426
|
var styleGenerator = useCallback(function (base) {
|
|
1417
1427
|
return CNM.get({
|
|
1418
|
-
styles: styles$
|
|
1428
|
+
styles: styles$1U,
|
|
1419
1429
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1420
1430
|
});
|
|
1421
1431
|
}, [variant]);
|
|
@@ -1447,7 +1457,7 @@ var Component$1Y = function (_a) {
|
|
|
1447
1457
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1448
1458
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1449
1459
|
React.createElement("div", { className: CNM.get({
|
|
1450
|
-
styles: styles$
|
|
1460
|
+
styles: styles$1U,
|
|
1451
1461
|
cls: [
|
|
1452
1462
|
'expandable-info-toggler__summary',
|
|
1453
1463
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1460,11 +1470,11 @@ var Component$1Y = function (_a) {
|
|
|
1460
1470
|
/**
|
|
1461
1471
|
* Molecule UI child component of expandable info
|
|
1462
1472
|
*/
|
|
1463
|
-
var ExpandableInfoToggler = Component$
|
|
1473
|
+
var ExpandableInfoToggler = Component$25;
|
|
1464
1474
|
|
|
1465
|
-
var styles$
|
|
1475
|
+
var styles$1T = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
1466
1476
|
|
|
1467
|
-
var Component$
|
|
1477
|
+
var Component$24 = function (_a) {
|
|
1468
1478
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
1469
1479
|
var togglerProps = useMemo(function () { return ({
|
|
1470
1480
|
details: details,
|
|
@@ -1478,9 +1488,9 @@ var Component$1X = function (_a) {
|
|
|
1478
1488
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1479
1489
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1480
1490
|
});
|
|
1481
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1491
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info'] }) },
|
|
1482
1492
|
React.createElement("div", { className: CNM.get({
|
|
1483
|
-
styles: styles$
|
|
1493
|
+
styles: styles$1T,
|
|
1484
1494
|
cls: [
|
|
1485
1495
|
'expandable-info__container',
|
|
1486
1496
|
"expandable-info__container--".concat(variant),
|
|
@@ -1490,13 +1500,13 @@ var Component$1X = function (_a) {
|
|
|
1490
1500
|
}) },
|
|
1491
1501
|
container,
|
|
1492
1502
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1493
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1503
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1494
1504
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1495
1505
|
};
|
|
1496
1506
|
/**
|
|
1497
1507
|
* Molecule UI component for expandable info
|
|
1498
1508
|
*/
|
|
1499
|
-
var ExpandableInfo = Component$
|
|
1509
|
+
var ExpandableInfo = Component$24;
|
|
1500
1510
|
|
|
1501
1511
|
var style$R = {"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"};
|
|
1502
1512
|
|
|
@@ -1524,7 +1534,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1524
1534
|
return React.createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1525
1535
|
};
|
|
1526
1536
|
|
|
1527
|
-
var styles$
|
|
1537
|
+
var styles$1S = {"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"};
|
|
1528
1538
|
|
|
1529
1539
|
var FilterMenuItem = function (_a) {
|
|
1530
1540
|
var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
|
|
@@ -1539,35 +1549,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1539
1549
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1540
1550
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1541
1551
|
var className = useMemo(function () {
|
|
1542
|
-
return isApplied ? styles$
|
|
1552
|
+
return isApplied ? styles$1S.selected : isSearched ? styles$1S.isSearched : hiddenCount ? '' : !total && styles$1S.disabled;
|
|
1543
1553
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1544
1554
|
var handleClick = useCallback(function () {
|
|
1545
1555
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1546
1556
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1547
1557
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1548
1558
|
if (loading)
|
|
1549
|
-
return React.createElement("div", { className: styles$
|
|
1550
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1559
|
+
return React.createElement("div", { className: styles$1S.skeleton });
|
|
1560
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1S['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1551
1561
|
React.createElement("span", null, label),
|
|
1552
1562
|
displayOutput));
|
|
1553
1563
|
};
|
|
1554
1564
|
|
|
1555
|
-
var styles$
|
|
1565
|
+
var styles$1R = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
|
|
1556
1566
|
|
|
1557
1567
|
var FilterSearchItem = function (_a) {
|
|
1558
1568
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1559
1569
|
var inputRef = useRef(null);
|
|
1560
1570
|
if (loading)
|
|
1561
|
-
return (React.createElement("div", { className: styles$
|
|
1571
|
+
return (React.createElement("div", { className: styles$1R.skeleton },
|
|
1562
1572
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1563
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1573
|
+
return (React.createElement("div", { className: "".concat(styles$1R['magneto-ui-filter-search'], " ").concat(disabled ? styles$1R.disabled : '') },
|
|
1564
1574
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1565
1575
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1566
1576
|
};
|
|
1567
1577
|
|
|
1578
|
+
var styles$1Q = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
1579
|
+
|
|
1580
|
+
var Component$23 = function (_a) {
|
|
1581
|
+
var fraudLink = _a.fraudLink;
|
|
1582
|
+
return (React.createElement("div", { className: styles$1Q['fraud-card-job'] },
|
|
1583
|
+
React.createElement("div", { className: styles$1Q['fraud-card-job__header'] },
|
|
1584
|
+
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1585
|
+
React.createElement("h4", null, "\u00A1Ten cuidado con el fraude!")),
|
|
1586
|
+
React.createElement("div", null,
|
|
1587
|
+
React.createElement("p", { className: styles$1Q['fraud-card-job__text'] }, "Magneto y sus empresas aliadas nunca te pedir\u00E1n dinero a cambio en un proceso de selecci\u00F3n. Ten cuidado, revisa bien la vacante y si ves algo sospechoso rep\u00F3rtalo."),
|
|
1588
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1Q['fraud-card-job__link'], href: fraudLink },
|
|
1589
|
+
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1590
|
+
"Reportar fraude"))));
|
|
1591
|
+
};
|
|
1592
|
+
var FraudCardJob = Component$23;
|
|
1593
|
+
|
|
1568
1594
|
var styles$1P = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
1569
1595
|
|
|
1570
|
-
var Component$
|
|
1596
|
+
var Component$22 = function (_a) {
|
|
1571
1597
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1572
1598
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1573
1599
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1592,29 +1618,29 @@ var Component$1W = function (_a) {
|
|
|
1592
1618
|
/**
|
|
1593
1619
|
* UI Atom component of Frequent Search
|
|
1594
1620
|
*/
|
|
1595
|
-
var FrequentSearch = Component$
|
|
1621
|
+
var FrequentSearch = Component$22;
|
|
1596
1622
|
|
|
1597
1623
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1598
1624
|
|
|
1599
|
-
var Component$
|
|
1625
|
+
var Component$21 = function (_a) {
|
|
1600
1626
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1601
1627
|
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1602
1628
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1603
1629
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1604
1630
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1605
1631
|
};
|
|
1606
|
-
var HeaderDrawerCompany = Component$
|
|
1632
|
+
var HeaderDrawerCompany = Component$21;
|
|
1607
1633
|
|
|
1608
1634
|
var styles$1O = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1609
1635
|
|
|
1610
|
-
var Component$
|
|
1636
|
+
var Component$20 = function (_a) {
|
|
1611
1637
|
var children = _a.children;
|
|
1612
1638
|
return React.createElement("div", { className: styles$1O.TabComponent }, children);
|
|
1613
1639
|
};
|
|
1614
1640
|
/**
|
|
1615
1641
|
* Molecule UI for Tab
|
|
1616
1642
|
*/
|
|
1617
|
-
var Tab = Component$
|
|
1643
|
+
var Tab = Component$20;
|
|
1618
1644
|
|
|
1619
1645
|
var styles$1N = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1620
1646
|
|
|
@@ -1631,7 +1657,7 @@ var toCSSVariables = function (input) {
|
|
|
1631
1657
|
return output;
|
|
1632
1658
|
};
|
|
1633
1659
|
|
|
1634
|
-
var Component$
|
|
1660
|
+
var Component$1$ = function (_a) {
|
|
1635
1661
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1636
1662
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1637
1663
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
@@ -1640,11 +1666,11 @@ var Component$1T = function (_a) {
|
|
|
1640
1666
|
/**
|
|
1641
1667
|
* Molecule UI component for Tab Button
|
|
1642
1668
|
*/
|
|
1643
|
-
var TabButton = Component$
|
|
1669
|
+
var TabButton = Component$1$;
|
|
1644
1670
|
|
|
1645
1671
|
var styles$1M = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1646
1672
|
|
|
1647
|
-
var Component$
|
|
1673
|
+
var Component$1_ = function (_a) {
|
|
1648
1674
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1649
1675
|
return (React.createElement("div", { className: styles$1M.HeaderDrawerTabsComponent },
|
|
1650
1676
|
React.createElement("a", { href: homeUrl },
|
|
@@ -1653,11 +1679,11 @@ var Component$1S = function (_a) {
|
|
|
1653
1679
|
React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1654
1680
|
React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1655
1681
|
};
|
|
1656
|
-
var HeaderDrawerTabs = Component$
|
|
1682
|
+
var HeaderDrawerTabs = Component$1_;
|
|
1657
1683
|
|
|
1658
1684
|
var styles$1L = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1659
1685
|
|
|
1660
|
-
var Component$
|
|
1686
|
+
var Component$1Z = function (_a) {
|
|
1661
1687
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1662
1688
|
return (React.createElement("div", { className: styles$1L.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1663
1689
|
var headerTabProps = __rest(_a, []);
|
|
@@ -1670,7 +1696,7 @@ var Component$1R = function (_a) {
|
|
|
1670
1696
|
/**
|
|
1671
1697
|
* Molecule UI component for header tabs information`
|
|
1672
1698
|
*/
|
|
1673
|
-
var HeaderTabs = Component$
|
|
1699
|
+
var HeaderTabs = Component$1Z;
|
|
1674
1700
|
|
|
1675
1701
|
var styles$1K = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
1676
1702
|
|
|
@@ -1728,7 +1754,7 @@ var Input = function (_a) {
|
|
|
1728
1754
|
|
|
1729
1755
|
var styles$1J = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1730
1756
|
|
|
1731
|
-
var Component$
|
|
1757
|
+
var Component$1Y = function (_a) {
|
|
1732
1758
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1733
1759
|
var loadingSize = useMemo(function () {
|
|
1734
1760
|
if (size) {
|
|
@@ -1744,7 +1770,7 @@ var Component$1Q = function (_a) {
|
|
|
1744
1770
|
}, [size]);
|
|
1745
1771
|
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1J["".concat(classMUI, "-flat-loader")] }));
|
|
1746
1772
|
};
|
|
1747
|
-
var FlatLoader = Component$
|
|
1773
|
+
var FlatLoader = Component$1Y;
|
|
1748
1774
|
|
|
1749
1775
|
var styles$1I = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
1750
1776
|
|
|
@@ -1799,7 +1825,7 @@ var styles$1H = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions
|
|
|
1799
1825
|
|
|
1800
1826
|
var style$O = {"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"};
|
|
1801
1827
|
|
|
1802
|
-
var Component$
|
|
1828
|
+
var Component$1X = function (_a) {
|
|
1803
1829
|
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"]);
|
|
1804
1830
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1805
1831
|
return (React.createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1817,10 +1843,10 @@ var Component$1P = function (_a) {
|
|
|
1817
1843
|
React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1818
1844
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1819
1845
|
};
|
|
1820
|
-
Component$
|
|
1821
|
-
var SharePopover = Component$
|
|
1846
|
+
Component$1X.displayName = 'SharePopover';
|
|
1847
|
+
var SharePopover = Component$1X;
|
|
1822
1848
|
|
|
1823
|
-
var Component$
|
|
1849
|
+
var Component$1W = function (_a) {
|
|
1824
1850
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1825
1851
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1826
1852
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1843,11 +1869,11 @@ var Component$1O = function (_a) {
|
|
|
1843
1869
|
/**
|
|
1844
1870
|
* UI Molecule Component for Jobs Actions
|
|
1845
1871
|
*/
|
|
1846
|
-
var JobActions = Component$
|
|
1872
|
+
var JobActions = Component$1W;
|
|
1847
1873
|
|
|
1848
1874
|
var styles$1G = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1849
1875
|
|
|
1850
|
-
var Component$
|
|
1876
|
+
var Component$1V = function (_a) {
|
|
1851
1877
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1852
1878
|
return (React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card'] },
|
|
1853
1879
|
React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__wrapper'] },
|
|
@@ -1870,7 +1896,7 @@ var Component$1N = function (_a) {
|
|
|
1870
1896
|
/**
|
|
1871
1897
|
* UI Molecule Component for Job Apply Card
|
|
1872
1898
|
*/
|
|
1873
|
-
var JobApplyCard = Component$
|
|
1899
|
+
var JobApplyCard = Component$1V;
|
|
1874
1900
|
|
|
1875
1901
|
var style$N = {"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"};
|
|
1876
1902
|
|
|
@@ -1956,7 +1982,7 @@ var JobCard = function (_a) {
|
|
|
1956
1982
|
|
|
1957
1983
|
var styles$1F = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1958
1984
|
|
|
1959
|
-
var Component$
|
|
1985
|
+
var Component$1U = function (_a) {
|
|
1960
1986
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1961
1987
|
return (React.createElement("div", { className: styles$1F['magneto-ui-job-company-header'] },
|
|
1962
1988
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
@@ -1965,18 +1991,18 @@ var Component$1M = function (_a) {
|
|
|
1965
1991
|
/**
|
|
1966
1992
|
* UI Molecule component for Company Job Header
|
|
1967
1993
|
*/
|
|
1968
|
-
var JobCompanyHeader = Component$
|
|
1994
|
+
var JobCompanyHeader = Component$1U;
|
|
1969
1995
|
|
|
1970
1996
|
var styles$1E = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1971
1997
|
|
|
1972
|
-
var Component$
|
|
1998
|
+
var Component$1T = function (_a) {
|
|
1973
1999
|
var offerDescription = _a.offerDescription;
|
|
1974
2000
|
return (React.createElement("div", { className: styles$1E['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
1975
2001
|
};
|
|
1976
2002
|
/**
|
|
1977
2003
|
* UI Molecule Component for Job Detail Card Header
|
|
1978
2004
|
*/
|
|
1979
|
-
var JobDetailCard = Component$
|
|
2005
|
+
var JobDetailCard = Component$1T;
|
|
1980
2006
|
|
|
1981
2007
|
var style$L = {"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"};
|
|
1982
2008
|
|
|
@@ -1993,7 +2019,7 @@ var JobDetailContainer = function (_a) {
|
|
|
1993
2019
|
|
|
1994
2020
|
var styles$1D = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
1995
2021
|
|
|
1996
|
-
var Component$
|
|
2022
|
+
var Component$1S = function (_a) {
|
|
1997
2023
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1998
2024
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1999
2025
|
icon: iconList && iconList[index],
|
|
@@ -2018,12 +2044,12 @@ var Component$1K = function (_a) {
|
|
|
2018
2044
|
/**
|
|
2019
2045
|
* UI Molecule component for Job Detail
|
|
2020
2046
|
*/
|
|
2021
|
-
Component$
|
|
2022
|
-
var JobDetails = Component$
|
|
2047
|
+
Component$1S.displayName = 'JobDetails';
|
|
2048
|
+
var JobDetails = Component$1S;
|
|
2023
2049
|
|
|
2024
2050
|
var styles$1C = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
2025
2051
|
|
|
2026
|
-
var Component$
|
|
2052
|
+
var Component$1R = function (_a) {
|
|
2027
2053
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2028
2054
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2029
2055
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2051,11 +2077,11 @@ var Component$1J = function (_a) {
|
|
|
2051
2077
|
/**
|
|
2052
2078
|
* UI Molecule component for Job Footer Card
|
|
2053
2079
|
*/
|
|
2054
|
-
var JobFooterCard = Component$
|
|
2080
|
+
var JobFooterCard = Component$1R;
|
|
2055
2081
|
|
|
2056
2082
|
var styles$1B = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
2057
2083
|
|
|
2058
|
-
var Component$
|
|
2084
|
+
var Component$1Q = function (_a) {
|
|
2059
2085
|
var name = _a.name, score = _a.score;
|
|
2060
2086
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2061
2087
|
var skillRef = useRef(null);
|
|
@@ -2097,11 +2123,11 @@ var Component$1I = function (_a) {
|
|
|
2097
2123
|
React.createElement("p", null, name),
|
|
2098
2124
|
React.createElement("div", { className: "".concat(styles$1B['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1B['magneto-ui-skill--no-animation']) }))));
|
|
2099
2125
|
};
|
|
2100
|
-
var Skill = Component$
|
|
2126
|
+
var Skill = Component$1Q;
|
|
2101
2127
|
|
|
2102
2128
|
var styles$1A = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
2103
2129
|
|
|
2104
|
-
var Component$
|
|
2130
|
+
var Component$1P = function (_a) {
|
|
2105
2131
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2106
2132
|
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1A['magneto-ui-job-skills-card'] },
|
|
2107
2133
|
React.createElement("p", null, offerSkillsLabel),
|
|
@@ -2114,7 +2140,7 @@ var Component$1H = function (_a) {
|
|
|
2114
2140
|
/**
|
|
2115
2141
|
* UI Molecule component of Job Skills Card
|
|
2116
2142
|
*/
|
|
2117
|
-
var JobSkillsCard = Component$
|
|
2143
|
+
var JobSkillsCard = Component$1P;
|
|
2118
2144
|
|
|
2119
2145
|
var styles$1z = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
2120
2146
|
|
|
@@ -2137,7 +2163,7 @@ var JobVideo = function (_a) {
|
|
|
2137
2163
|
|
|
2138
2164
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2139
2165
|
|
|
2140
|
-
var Component$
|
|
2166
|
+
var Component$1O = function (_a) {
|
|
2141
2167
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2142
2168
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2143
2169
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2145,11 +2171,11 @@ var Component$1G = function (_a) {
|
|
|
2145
2171
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2146
2172
|
})));
|
|
2147
2173
|
};
|
|
2148
|
-
var ListIconLink = Component$
|
|
2174
|
+
var ListIconLink = Component$1O;
|
|
2149
2175
|
|
|
2150
2176
|
var style$J = {"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"};
|
|
2151
2177
|
|
|
2152
|
-
var Component$
|
|
2178
|
+
var Component$1N = function (_a) {
|
|
2153
2179
|
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;
|
|
2154
2180
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2155
2181
|
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2158,11 +2184,11 @@ var Component$1F = function (_a) {
|
|
|
2158
2184
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2159
2185
|
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2160
2186
|
};
|
|
2161
|
-
var MenuIcon = Component$
|
|
2187
|
+
var MenuIcon = Component$1N;
|
|
2162
2188
|
|
|
2163
2189
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2164
2190
|
|
|
2165
|
-
var Component$
|
|
2191
|
+
var Component$1M = function (_a) {
|
|
2166
2192
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2167
2193
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2168
2194
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2183,16 +2209,16 @@ var Component$1E = function (_a) {
|
|
|
2183
2209
|
React.createElement(Divider, null),
|
|
2184
2210
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2185
2211
|
};
|
|
2186
|
-
var ListMenuIcons = Component$
|
|
2212
|
+
var ListMenuIcons = Component$1M;
|
|
2187
2213
|
|
|
2188
|
-
var Component$
|
|
2214
|
+
var Component$1L = function (_a) {
|
|
2189
2215
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2190
2216
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2191
2217
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2192
2218
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2193
2219
|
})));
|
|
2194
2220
|
};
|
|
2195
|
-
var ListMenuItems = Component$
|
|
2221
|
+
var ListMenuItems = Component$1L;
|
|
2196
2222
|
|
|
2197
2223
|
var style$H = {"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"};
|
|
2198
2224
|
|
|
@@ -2268,7 +2294,7 @@ var useMegaMenuMain = function () {
|
|
|
2268
2294
|
|
|
2269
2295
|
var styles$1y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2270
2296
|
|
|
2271
|
-
var Component$
|
|
2297
|
+
var Component$1K = function (_a) {
|
|
2272
2298
|
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;
|
|
2273
2299
|
var handleClick = useCallback(function (event) {
|
|
2274
2300
|
if (onClick) {
|
|
@@ -2284,7 +2310,7 @@ var Component$1C = function (_a) {
|
|
|
2284
2310
|
/**
|
|
2285
2311
|
* UI Atom Component of Save Button
|
|
2286
2312
|
*/
|
|
2287
|
-
var ButtonLink = Component$
|
|
2313
|
+
var ButtonLink = Component$1K;
|
|
2288
2314
|
|
|
2289
2315
|
var MegaMenuJobsTabs = function () {
|
|
2290
2316
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2363,7 +2389,7 @@ var transitionDuration = 300;
|
|
|
2363
2389
|
|
|
2364
2390
|
var styles$1v = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
2365
2391
|
|
|
2366
|
-
var Component$
|
|
2392
|
+
var Component$1J = function (_a) {
|
|
2367
2393
|
var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
2368
2394
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2369
2395
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2426,11 +2452,11 @@ var Component$1B = function (_a) {
|
|
|
2426
2452
|
/**
|
|
2427
2453
|
* Molecule UI component for Message
|
|
2428
2454
|
*/
|
|
2429
|
-
var Message = Component$
|
|
2455
|
+
var Message = Component$1J;
|
|
2430
2456
|
|
|
2431
2457
|
var styles$1u = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2432
2458
|
|
|
2433
|
-
var Component$
|
|
2459
|
+
var Component$1I = function (_a) {
|
|
2434
2460
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2435
2461
|
return (React.createElement("div", { className: styles$1u['magneto-ui-mobile-job-details-header'] },
|
|
2436
2462
|
React.createElement("button", { onClick: onClick },
|
|
@@ -2440,11 +2466,11 @@ var Component$1A = function (_a) {
|
|
|
2440
2466
|
/**
|
|
2441
2467
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2442
2468
|
*/
|
|
2443
|
-
var MobileJobDetailsHeader = Component$
|
|
2469
|
+
var MobileJobDetailsHeader = Component$1I;
|
|
2444
2470
|
|
|
2445
2471
|
var styles$1t = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
2446
2472
|
|
|
2447
|
-
var Component$
|
|
2473
|
+
var Component$1H = function (_a) {
|
|
2448
2474
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2449
2475
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2450
2476
|
var searchInputRef = useRef(null);
|
|
@@ -2477,7 +2503,7 @@ var Component$1z = function (_a) {
|
|
|
2477
2503
|
/**
|
|
2478
2504
|
* Molecule UI component for MobileSearchbar
|
|
2479
2505
|
*/
|
|
2480
|
-
var MobileSearchbar = Component$
|
|
2506
|
+
var MobileSearchbar = Component$1H;
|
|
2481
2507
|
|
|
2482
2508
|
var styles$1s = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
|
|
2483
2509
|
|
|
@@ -2510,6 +2536,15 @@ var Description = function (_a) {
|
|
|
2510
2536
|
};
|
|
2511
2537
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2512
2538
|
|
|
2539
|
+
var Component$1G = function (_a) {
|
|
2540
|
+
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2541
|
+
var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2542
|
+
md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2543
|
+
});
|
|
2544
|
+
return container;
|
|
2545
|
+
};
|
|
2546
|
+
var ModalResponsive = Component$1G;
|
|
2547
|
+
|
|
2513
2548
|
var styles$1r = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
2514
2549
|
|
|
2515
2550
|
var BtnPagination = function (_a) {
|
|
@@ -2626,7 +2661,7 @@ var generateID = function () {
|
|
|
2626
2661
|
|
|
2627
2662
|
var styles$1p = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
2628
2663
|
|
|
2629
|
-
var Component$
|
|
2664
|
+
var Component$1F = function (_a) {
|
|
2630
2665
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2631
2666
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2632
2667
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2662,11 +2697,11 @@ var Component$1y = function (_a) {
|
|
|
2662
2697
|
React.createElement("button", { className: styles$1p['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2663
2698
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2664
2699
|
};
|
|
2665
|
-
var ScoreLevel = Component$
|
|
2700
|
+
var ScoreLevel = Component$1F;
|
|
2666
2701
|
|
|
2667
2702
|
var styles$1o = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
2668
2703
|
|
|
2669
|
-
var Component$
|
|
2704
|
+
var Component$1E = function (_a) {
|
|
2670
2705
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2671
2706
|
var labelScore = useMemo(function () {
|
|
2672
2707
|
return levels[scoreValue - 1];
|
|
@@ -2687,11 +2722,11 @@ var Component$1x = function (_a) {
|
|
|
2687
2722
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2688
2723
|
React.createElement("p", null, labelScore))));
|
|
2689
2724
|
};
|
|
2690
|
-
var ScoreLevelStatic = Component$
|
|
2725
|
+
var ScoreLevelStatic = Component$1E;
|
|
2691
2726
|
|
|
2692
2727
|
var styles$1n = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
2693
2728
|
|
|
2694
|
-
var Component$
|
|
2729
|
+
var Component$1D = function (_a) {
|
|
2695
2730
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2696
2731
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2697
2732
|
useEffect(function () {
|
|
@@ -2720,17 +2755,17 @@ var Component$1w = function (_a) {
|
|
|
2720
2755
|
/**
|
|
2721
2756
|
* UI Molecule of a searchbar
|
|
2722
2757
|
*/
|
|
2723
|
-
var Searchbar = Component$
|
|
2758
|
+
var Searchbar = Component$1D;
|
|
2724
2759
|
|
|
2725
2760
|
var styles$1m = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2726
2761
|
|
|
2727
|
-
var Component$
|
|
2762
|
+
var Component$1C = function (_a) {
|
|
2728
2763
|
var props = __rest(_a, []);
|
|
2729
2764
|
return (React.createElement("div", { className: styles$1m['search-button'] },
|
|
2730
2765
|
props.searchValue && React.createElement("div", { className: styles$1m['search-button__badge'] }),
|
|
2731
2766
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2732
2767
|
};
|
|
2733
|
-
var SearchButton = Component$
|
|
2768
|
+
var SearchButton = Component$1C;
|
|
2734
2769
|
|
|
2735
2770
|
var styles$1l = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
2736
2771
|
|
|
@@ -2814,7 +2849,7 @@ var timelineIcons = {
|
|
|
2814
2849
|
current: Clock,
|
|
2815
2850
|
blocked: Lock
|
|
2816
2851
|
};
|
|
2817
|
-
var Component$
|
|
2852
|
+
var Component$1B = function (_a) {
|
|
2818
2853
|
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;
|
|
2819
2854
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2820
2855
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2827,11 +2862,11 @@ var Component$1u = function (_a) {
|
|
|
2827
2862
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2828
2863
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2829
2864
|
};
|
|
2830
|
-
var TimelineEvent = Component$
|
|
2865
|
+
var TimelineEvent = Component$1B;
|
|
2831
2866
|
|
|
2832
2867
|
var styles$1j = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2833
2868
|
|
|
2834
|
-
var Component$
|
|
2869
|
+
var Component$1A = function (_a) {
|
|
2835
2870
|
var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
|
|
2836
2871
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2837
2872
|
useEffect(function () {
|
|
@@ -2859,7 +2894,7 @@ var Component$1t = function (_a) {
|
|
|
2859
2894
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2860
2895
|
})));
|
|
2861
2896
|
};
|
|
2862
|
-
var ToggleButtonList = Component$
|
|
2897
|
+
var ToggleButtonList = Component$1A;
|
|
2863
2898
|
|
|
2864
2899
|
var styles$1i = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
2865
2900
|
|
|
@@ -2871,12 +2906,12 @@ var Tooltip = function (_a) {
|
|
|
2871
2906
|
React.createElement("span", { className: "".concat(styles$1i['tooltip-text'], " ").concat(styles$1i["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2872
2907
|
};
|
|
2873
2908
|
|
|
2874
|
-
var Component$
|
|
2909
|
+
var Component$1z = function (_a) {
|
|
2875
2910
|
var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
2876
2911
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2877
2912
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2878
2913
|
};
|
|
2879
|
-
var UserMenu = withClickOut(Component$
|
|
2914
|
+
var UserMenu = withClickOut(Component$1z);
|
|
2880
2915
|
|
|
2881
2916
|
var userMenuAnalystIcons = {
|
|
2882
2917
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2894,7 +2929,7 @@ var styles$1h = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_op
|
|
|
2894
2929
|
|
|
2895
2930
|
var styles$1g = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
2896
2931
|
|
|
2897
|
-
var Component$
|
|
2932
|
+
var Component$1y = function (_a) {
|
|
2898
2933
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2899
2934
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2900
2935
|
var handleOnClick = useCallback(function () {
|
|
@@ -2921,11 +2956,11 @@ var Component$1r = function (_a) {
|
|
|
2921
2956
|
/**
|
|
2922
2957
|
* Molecule UI great-grand child component of menu dropdown
|
|
2923
2958
|
*/
|
|
2924
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
2959
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1y);
|
|
2925
2960
|
|
|
2926
2961
|
var styles$1f = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
2927
2962
|
|
|
2928
|
-
var Component$
|
|
2963
|
+
var Component$1x = function (_a) {
|
|
2929
2964
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2930
2965
|
return (React.createElement("span", { className: CNM.get({
|
|
2931
2966
|
styles: styles$1f,
|
|
@@ -2938,11 +2973,11 @@ var Component$1q = function (_a) {
|
|
|
2938
2973
|
/**
|
|
2939
2974
|
* Molecule UI great-grand child component of menu dropdown
|
|
2940
2975
|
*/
|
|
2941
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
2976
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1x);
|
|
2942
2977
|
|
|
2943
2978
|
var styles$1e = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2944
2979
|
|
|
2945
|
-
var Component$
|
|
2980
|
+
var Component$1w = function (_a) {
|
|
2946
2981
|
var option = _a.option, className = _a.className;
|
|
2947
2982
|
return (React.createElement("span", { className: CNM.get({
|
|
2948
2983
|
styles: styles$1e,
|
|
@@ -2953,9 +2988,9 @@ var Component$1p = function (_a) {
|
|
|
2953
2988
|
/**
|
|
2954
2989
|
* Molecule UI great-grand child component of menu dropdown
|
|
2955
2990
|
*/
|
|
2956
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
2991
|
+
var UserMenuAnalystOptionText = React.memo(Component$1w);
|
|
2957
2992
|
|
|
2958
|
-
var Component$
|
|
2993
|
+
var Component$1v = function (_a) {
|
|
2959
2994
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2960
2995
|
return (React.createElement(React.Fragment, null, actions.map(function (action, index) { return (React.createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
2961
2996
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2975,7 +3010,7 @@ var Action = function (_a) {
|
|
|
2975
3010
|
/**
|
|
2976
3011
|
* Molecule UI great-grand child component of menu dropdown
|
|
2977
3012
|
*/
|
|
2978
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
3013
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1v);
|
|
2979
3014
|
|
|
2980
3015
|
var EUserMenuAnalystOptionType;
|
|
2981
3016
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3003,7 +3038,7 @@ var getOptionType = function (type) { return (type ? optionTypes[type] : UserMen
|
|
|
3003
3038
|
|
|
3004
3039
|
var styles$1d = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
3005
3040
|
|
|
3006
|
-
var Component$
|
|
3041
|
+
var Component$1u = function (_a) {
|
|
3007
3042
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3008
3043
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3009
3044
|
return (React.createElement("div", null,
|
|
@@ -3018,11 +3053,11 @@ var Component$1n = function (_a) {
|
|
|
3018
3053
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3019
3054
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3020
3055
|
};
|
|
3021
|
-
var UserMenuAnalystTitle = Component$
|
|
3056
|
+
var UserMenuAnalystTitle = Component$1u;
|
|
3022
3057
|
|
|
3023
3058
|
var styles$1c = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
3024
3059
|
|
|
3025
|
-
var Component$
|
|
3060
|
+
var Component$1t = function (_a) {
|
|
3026
3061
|
var _b;
|
|
3027
3062
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3028
3063
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3064,7 +3099,7 @@ var Component$1m = function (_a) {
|
|
|
3064
3099
|
var _a;
|
|
3065
3100
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3066
3101
|
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
3067
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
3102
|
+
_a.map(function (child, j) { return (React.createElement(Component$1t, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3068
3103
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3069
3104
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3070
3105
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3073,9 +3108,9 @@ var Component$1m = function (_a) {
|
|
|
3073
3108
|
/**
|
|
3074
3109
|
* Molecule UI grand child component of menu dropdown
|
|
3075
3110
|
*/
|
|
3076
|
-
var UserMenuAnalystOption = Component$
|
|
3111
|
+
var UserMenuAnalystOption = Component$1t;
|
|
3077
3112
|
|
|
3078
|
-
var Component$
|
|
3113
|
+
var Component$1s = function (_a) {
|
|
3079
3114
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3080
3115
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3081
3116
|
return (React.createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
@@ -3089,11 +3124,11 @@ var Component$1l = function (_a) {
|
|
|
3089
3124
|
/**
|
|
3090
3125
|
* Molecule UI child component of user menu analyst
|
|
3091
3126
|
*/
|
|
3092
|
-
var UserMenuAnalystOptions = Component$
|
|
3127
|
+
var UserMenuAnalystOptions = Component$1s;
|
|
3093
3128
|
|
|
3094
3129
|
var styles$1b = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
3095
3130
|
|
|
3096
|
-
var Component$
|
|
3131
|
+
var Component$1r = function (_a) {
|
|
3097
3132
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3098
3133
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3099
3134
|
var actionUrl = useMemo(function () {
|
|
@@ -3133,11 +3168,11 @@ var Component$1k = function (_a) {
|
|
|
3133
3168
|
/**
|
|
3134
3169
|
* Molecule UI component for user menu
|
|
3135
3170
|
*/
|
|
3136
|
-
var UserMenuAnalyst = Component$
|
|
3171
|
+
var UserMenuAnalyst = Component$1r;
|
|
3137
3172
|
|
|
3138
3173
|
var styles$1a = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3139
3174
|
|
|
3140
|
-
var Component$
|
|
3175
|
+
var Component$1q = function (_a) {
|
|
3141
3176
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
3142
3177
|
return (React.createElement("div", { className: CNM.get({ styles: styles$1a, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3143
3178
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
@@ -3146,11 +3181,11 @@ var Component$1j = function (_a) {
|
|
|
3146
3181
|
/**
|
|
3147
3182
|
* Molecule UI child component of user menu analyst wrapper
|
|
3148
3183
|
*/
|
|
3149
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3184
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1q);
|
|
3150
3185
|
|
|
3151
3186
|
var styles$19 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3152
3187
|
|
|
3153
|
-
var Component$
|
|
3188
|
+
var Component$1p = function (_a) {
|
|
3154
3189
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
3155
3190
|
return (React.createElement(React.Fragment, null,
|
|
3156
3191
|
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$19, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
@@ -3160,9 +3195,9 @@ var Component$1i = function (_a) {
|
|
|
3160
3195
|
/**
|
|
3161
3196
|
* Molecule UI child component of user menu analyst wrapper
|
|
3162
3197
|
*/
|
|
3163
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3198
|
+
var UserMenuWrapperAnalystModal = Component$1p;
|
|
3164
3199
|
|
|
3165
|
-
var Component$
|
|
3200
|
+
var Component$1o = function (_a) {
|
|
3166
3201
|
var props = __rest(_a, []);
|
|
3167
3202
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3168
3203
|
useEffect(function () {
|
|
@@ -3184,53 +3219,37 @@ var Component$1h = function (_a) {
|
|
|
3184
3219
|
/**
|
|
3185
3220
|
* Molecule UI component for user menu wrapper analyst
|
|
3186
3221
|
*/
|
|
3187
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3188
|
-
|
|
3189
|
-
var styles$18 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_i29nu","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_i29nu","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_i29nu","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_i29nu"};
|
|
3222
|
+
var UserMenuWrapperAnalyst = Component$1o;
|
|
3190
3223
|
|
|
3191
|
-
var Component$
|
|
3192
|
-
var fraudLink = _a.fraudLink;
|
|
3193
|
-
return (React.createElement("div", { className: styles$18['fraud-card-job'] },
|
|
3194
|
-
React.createElement("div", { className: styles$18['fraud-card-job__header'] },
|
|
3195
|
-
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
3196
|
-
React.createElement("h4", null, "\u00A1Ten cuidado con el fraude!")),
|
|
3197
|
-
React.createElement("div", null,
|
|
3198
|
-
React.createElement("p", { className: styles$18['fraud-card-job__text'] }, "Magneto y sus empresas aliadas nunca te pedir\u00E1n dinero a cambio en un proceso de selecci\u00F3n. Ten cuidado, revisa bien la vacante y si ves algo sospechoso rep\u00F3rtalo."),
|
|
3199
|
-
React.createElement("a", { className: styles$18['fraud-card-job__link'], href: fraudLink },
|
|
3200
|
-
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
3201
|
-
"Reportar fraude"))));
|
|
3202
|
-
};
|
|
3203
|
-
var FraudCardJob = Component$1g;
|
|
3204
|
-
|
|
3205
|
-
var Component$1f = function (_a) {
|
|
3224
|
+
var Component$1n = function (_a) {
|
|
3206
3225
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3207
3226
|
var component = useMemo(function () {
|
|
3208
3227
|
var _a, _b, _c;
|
|
3209
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3228
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$26, cls: ['modal-analyst-container'] }) },
|
|
3210
3229
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3211
3230
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3212
3231
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3213
3232
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3214
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3215
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3233
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$26, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3234
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$26, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3216
3235
|
});
|
|
3217
3236
|
return container;
|
|
3218
3237
|
};
|
|
3219
3238
|
/**
|
|
3220
3239
|
* Molecule UI child component of modal analyst
|
|
3221
3240
|
*/
|
|
3222
|
-
var ModalAnalystContainer = Component$
|
|
3241
|
+
var ModalAnalystContainer = Component$1n;
|
|
3223
3242
|
|
|
3224
|
-
var Component$
|
|
3243
|
+
var Component$1m = function (_a) {
|
|
3225
3244
|
var content = _a.content;
|
|
3226
3245
|
return React.createElement("div", null, content);
|
|
3227
3246
|
};
|
|
3228
3247
|
/**
|
|
3229
3248
|
* Molecule UI child component of modal analyst
|
|
3230
3249
|
*/
|
|
3231
|
-
var ModalAnalystContent = Component$
|
|
3250
|
+
var ModalAnalystContent = Component$1m;
|
|
3232
3251
|
|
|
3233
|
-
var styles$
|
|
3252
|
+
var styles$18 = {"magneto-ui-modal-analyst-footer":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_1cd9r","magneto-ui-modal-analyst-footer--top-divider":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer--top-divider_1cd9r","magneto-ui-modal-analyst-footer__button":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button_1cd9r","magneto-ui-modal-analyst-footer__button--loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--loading_1cd9r","magneto-ui-modal-analyst-footer__button--green":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--green_1cd9r","magneto-ui-modal-analyst-footer__button--blue":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--blue_1cd9r","magneto-ui-modal-analyst-footer__button--white":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--white_1cd9r","magneto-ui-modal-analyst-footer__button--gray":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--gray_1cd9r","magneto-ui-modal-analyst-footer__button--red":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--red_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--margin-right":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--margin-right_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--empty-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--empty-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon--inactive":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon--inactive_1cd9r"};
|
|
3234
3253
|
|
|
3235
3254
|
var EModalAnalystActionType;
|
|
3236
3255
|
(function (EModalAnalystActionType) {
|
|
@@ -3255,7 +3274,7 @@ var MODAL_ICONS = {
|
|
|
3255
3274
|
closeCircle: CloseCircle
|
|
3256
3275
|
};
|
|
3257
3276
|
|
|
3258
|
-
var Component$
|
|
3277
|
+
var Component$1l = function (_a) {
|
|
3259
3278
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
3260
3279
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
3261
3280
|
var _c = useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -3293,12 +3312,12 @@ var Component$1d = function (_a) {
|
|
|
3293
3312
|
});
|
|
3294
3313
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
3295
3314
|
return (React.createElement("div", { className: CNM.get({
|
|
3296
|
-
styles: styles$
|
|
3315
|
+
styles: styles$18,
|
|
3297
3316
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
3298
3317
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
3299
3318
|
var _a, _b, _c, _d, _e;
|
|
3300
3319
|
return (React.createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
3301
|
-
styles: styles$
|
|
3320
|
+
styles: styles$18,
|
|
3302
3321
|
cls: [
|
|
3303
3322
|
'modal-analyst-footer__button',
|
|
3304
3323
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -3306,7 +3325,7 @@ var Component$1d = function (_a) {
|
|
|
3306
3325
|
]
|
|
3307
3326
|
}) },
|
|
3308
3327
|
React.createElement("div", { className: CNM.get({
|
|
3309
|
-
styles: styles$
|
|
3328
|
+
styles: styles$18,
|
|
3310
3329
|
cls: [
|
|
3311
3330
|
'modal-analyst-footer__prefix-icon-container',
|
|
3312
3331
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -3314,7 +3333,7 @@ var Component$1d = function (_a) {
|
|
|
3314
3333
|
]
|
|
3315
3334
|
}) },
|
|
3316
3335
|
React.createElement("span", { className: CNM.get({
|
|
3317
|
-
styles: styles$
|
|
3336
|
+
styles: styles$18,
|
|
3318
3337
|
cls: [
|
|
3319
3338
|
'modal-analyst-footer__prefix-loading',
|
|
3320
3339
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -3323,7 +3342,7 @@ var Component$1d = function (_a) {
|
|
|
3323
3342
|
}) },
|
|
3324
3343
|
React.createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
3325
3344
|
React.createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
3326
|
-
styles: styles$
|
|
3345
|
+
styles: styles$18,
|
|
3327
3346
|
cls: [
|
|
3328
3347
|
'modal-analyst-footer__prefix-icon',
|
|
3329
3348
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -3338,13 +3357,13 @@ var Component$1d = function (_a) {
|
|
|
3338
3357
|
/**
|
|
3339
3358
|
* Molecule UI child component of modal analyst
|
|
3340
3359
|
*/
|
|
3341
|
-
var ModalAnalystFooter = Component$
|
|
3360
|
+
var ModalAnalystFooter = Component$1l;
|
|
3342
3361
|
|
|
3343
|
-
var styles$
|
|
3362
|
+
var styles$17 = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
3344
3363
|
|
|
3345
|
-
var Component$
|
|
3364
|
+
var Component$1k = function (_a) {
|
|
3346
3365
|
var header = _a.header;
|
|
3347
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3366
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$17, cls: ['modal-analyst-header'] }) },
|
|
3348
3367
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React.createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3349
3368
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3350
3369
|
: header.prefixIcon.icon }))),
|
|
@@ -3356,7 +3375,7 @@ var Component$1c = function (_a) {
|
|
|
3356
3375
|
/**
|
|
3357
3376
|
* Molecule UI child component of modal analyst
|
|
3358
3377
|
*/
|
|
3359
|
-
var ModalAnalystHeader = Component$
|
|
3378
|
+
var ModalAnalystHeader = Component$1k;
|
|
3360
3379
|
|
|
3361
3380
|
var MenuButtonAnalystProps = {
|
|
3362
3381
|
buttonType: 'button',
|
|
@@ -4089,9 +4108,9 @@ var CNM = /** @class */ (function () {
|
|
|
4089
4108
|
return CNM;
|
|
4090
4109
|
}());
|
|
4091
4110
|
|
|
4092
|
-
var styles$
|
|
4111
|
+
var styles$16 = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
|
|
4093
4112
|
|
|
4094
|
-
var Component$
|
|
4113
|
+
var Component$1j = function (_a) {
|
|
4095
4114
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
4096
4115
|
var validateCompleted = useCallback(function (value) {
|
|
4097
4116
|
if (!value)
|
|
@@ -4111,27 +4130,27 @@ var Component$1b = function (_a) {
|
|
|
4111
4130
|
var _a;
|
|
4112
4131
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
4113
4132
|
}, [percent, validateCompleted]);
|
|
4114
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4115
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4133
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$16, cls: [className] }) },
|
|
4134
|
+
React.createElement("div", { className: CNM.get({ styles: styles$16, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
4116
4135
|
React.createElement("div", { className: CNM.get({
|
|
4117
|
-
styles: styles$
|
|
4136
|
+
styles: styles$16,
|
|
4118
4137
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
4119
4138
|
}) }))));
|
|
4120
4139
|
};
|
|
4121
4140
|
/**
|
|
4122
4141
|
* UI Atom component of Bar Loader
|
|
4123
4142
|
*/
|
|
4124
|
-
var BarLoader = Component$
|
|
4143
|
+
var BarLoader = Component$1j;
|
|
4125
4144
|
|
|
4126
|
-
var styles$
|
|
4145
|
+
var styles$15 = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
|
|
4127
4146
|
|
|
4128
|
-
var Component$
|
|
4147
|
+
var Component$1i = function (_a) {
|
|
4129
4148
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
4130
4149
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
4131
4150
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
4132
4151
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
4133
4152
|
var haveDetailTitle = detailTitle !== '';
|
|
4134
|
-
var detailTileStyle = detailTitle ? styles$
|
|
4153
|
+
var detailTileStyle = detailTitle ? styles$15['no-transform'] : '';
|
|
4135
4154
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
4136
4155
|
// This removes the base64 from the vacancy breadcrumbs
|
|
4137
4156
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -4143,9 +4162,9 @@ var Component$1a = function (_a) {
|
|
|
4143
4162
|
"/ ",
|
|
4144
4163
|
href)));
|
|
4145
4164
|
}),
|
|
4146
|
-
React.createElement("p", { className: "".concat(styles$
|
|
4165
|
+
React.createElement("p", { className: "".concat(styles$15['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
4147
4166
|
"/ ",
|
|
4148
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
4167
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$15['magneto-ui-bc-active'] : '', " ").concat(styles$15['magneto-ui-bc']), key: i },
|
|
4149
4168
|
i > 0 && '/',
|
|
4150
4169
|
" ",
|
|
4151
4170
|
bc)); })));
|
|
@@ -4161,55 +4180,55 @@ var Component$1a = function (_a) {
|
|
|
4161
4180
|
queryParams,
|
|
4162
4181
|
lastIndexBC
|
|
4163
4182
|
]);
|
|
4164
|
-
return React.createElement("div", { className: styles$
|
|
4183
|
+
return React.createElement("div", { className: styles$15.breadcrumbComponent }, breadCrumbsRender);
|
|
4165
4184
|
};
|
|
4166
4185
|
/**
|
|
4167
4186
|
* Atom UI of breadcrumb
|
|
4168
4187
|
*/
|
|
4169
|
-
var Breadcrumb = Component$
|
|
4188
|
+
var Breadcrumb = Component$1i;
|
|
4170
4189
|
|
|
4171
|
-
var styles$
|
|
4190
|
+
var styles$14 = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4172
4191
|
|
|
4173
|
-
var Component$
|
|
4192
|
+
var Component$1h = function (_a) {
|
|
4174
4193
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4175
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4176
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4177
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4178
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4194
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$14['magneto-ui-button'], " ").concat(addHover ? styles$14['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4195
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$14['magneto-ui-button__icon'] })),
|
|
4196
|
+
buttonText && React.createElement("p", { className: styles$14['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4197
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$14['magneto-ui-button__icon'] }))));
|
|
4179
4198
|
};
|
|
4180
4199
|
/**
|
|
4181
4200
|
* UI Atom Component of Save Button
|
|
4182
4201
|
*/
|
|
4183
|
-
var Button = Component$
|
|
4202
|
+
var Button = Component$1h;
|
|
4184
4203
|
|
|
4185
|
-
var styles$
|
|
4204
|
+
var styles$13 = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4186
4205
|
|
|
4187
4206
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4188
|
-
var Component$
|
|
4207
|
+
var Component$1g = function (_a) {
|
|
4189
4208
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4190
4209
|
var currentHigherMax = useMemo(function () {
|
|
4191
4210
|
return current > max;
|
|
4192
4211
|
}, [current, max]);
|
|
4193
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
4212
|
+
return (React.createElement("p", { className: "".concat(styles$13["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$13['error-label'] : '') },
|
|
4194
4213
|
nf.format(current),
|
|
4195
4214
|
React.createElement("span", null,
|
|
4196
4215
|
" / ",
|
|
4197
4216
|
nf.format(max))));
|
|
4198
4217
|
};
|
|
4199
|
-
var ComparativeCounter = Component$
|
|
4218
|
+
var ComparativeCounter = Component$1g;
|
|
4200
4219
|
|
|
4201
|
-
var styles$
|
|
4220
|
+
var styles$12 = {"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"};
|
|
4202
4221
|
|
|
4203
|
-
var cx$
|
|
4222
|
+
var cx$m = classNames.bind(styles$12);
|
|
4204
4223
|
var defaultCheck = function (_a) {
|
|
4205
4224
|
var type = _a.type, checked = _a.checked;
|
|
4206
4225
|
if (type === 'background')
|
|
4207
4226
|
return;
|
|
4208
|
-
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$
|
|
4227
|
+
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$m('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
|
|
4209
4228
|
};
|
|
4210
|
-
var Component$
|
|
4229
|
+
var Component$1f = function (_a) {
|
|
4211
4230
|
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
4212
|
-
return (React.createElement("label", { className: cx$
|
|
4231
|
+
return (React.createElement("label", { className: cx$m('checkbox', "checkbox--".concat(display), className, {
|
|
4213
4232
|
'checkbox--checked': checked,
|
|
4214
4233
|
'checkbox--background': type === 'background'
|
|
4215
4234
|
}), "data-name": "checkbox-container", htmlFor: id },
|
|
@@ -4220,7 +4239,7 @@ var Component$17 = function (_a) {
|
|
|
4220
4239
|
}, type: "checkbox", id: id }, rest)),
|
|
4221
4240
|
children));
|
|
4222
4241
|
};
|
|
4223
|
-
var Checkbox = Component$
|
|
4242
|
+
var Checkbox = Component$1f;
|
|
4224
4243
|
|
|
4225
4244
|
var DateArray = /** @class */ (function () {
|
|
4226
4245
|
function DateArray(array) {
|
|
@@ -4275,7 +4294,7 @@ var fixArrayDate = function (array) {
|
|
|
4275
4294
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4276
4295
|
};
|
|
4277
4296
|
|
|
4278
|
-
var styles$
|
|
4297
|
+
var styles$11 = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
4279
4298
|
|
|
4280
4299
|
// placeholder to every input.
|
|
4281
4300
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4283,7 +4302,7 @@ var stringArraytoDate = function (array) {
|
|
|
4283
4302
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4284
4303
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4285
4304
|
};
|
|
4286
|
-
var Component$
|
|
4305
|
+
var Component$1e = function (_a) {
|
|
4287
4306
|
var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
|
|
4288
4307
|
// Represent the value of every input field (there are 8 in total).
|
|
4289
4308
|
var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4386,30 +4405,30 @@ var Component$16 = function (_a) {
|
|
|
4386
4405
|
}
|
|
4387
4406
|
}, []);
|
|
4388
4407
|
return (React.createElement("div", { className: [
|
|
4389
|
-
styles$
|
|
4408
|
+
styles$11['date-input'],
|
|
4390
4409
|
className,
|
|
4391
|
-
fit ? styles$
|
|
4392
|
-
hasError ? styles$
|
|
4410
|
+
fit ? styles$11['date-input--fit'] : '',
|
|
4411
|
+
hasError ? styles$11['date-input--error'] : ''
|
|
4393
4412
|
].join(' ') },
|
|
4394
|
-
React.createElement("div", { className: styles$
|
|
4413
|
+
React.createElement("div", { className: styles$11['date-input__left'], onClick: function () {
|
|
4395
4414
|
var _a;
|
|
4396
4415
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4397
4416
|
} }),
|
|
4398
4417
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
4399
4418
|
[2, 4].includes(index) ? (
|
|
4400
4419
|
// include / separator in date (DD / MM / YYYY)
|
|
4401
|
-
React.createElement("span", { className: [styles$
|
|
4402
|
-
React.createElement("input", { className: styles$
|
|
4403
|
-
React.createElement("div", { className: styles$
|
|
4420
|
+
React.createElement("span", { className: [styles$11['date-input__separator'], value ? styles$11['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4421
|
+
React.createElement("input", { className: styles$11['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
4422
|
+
React.createElement("div", { className: styles$11['date-input__right'], onClick: function () {
|
|
4404
4423
|
var _a;
|
|
4405
4424
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4406
4425
|
} })));
|
|
4407
4426
|
};
|
|
4408
|
-
var DateInput = Component$
|
|
4427
|
+
var DateInput = Component$1e;
|
|
4409
4428
|
|
|
4410
4429
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4411
4430
|
|
|
4412
|
-
var Component$
|
|
4431
|
+
var Component$1d = function (_a) {
|
|
4413
4432
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4414
4433
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4415
4434
|
return React.createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
@@ -4417,23 +4436,23 @@ var Component$15 = function (_a) {
|
|
|
4417
4436
|
/**
|
|
4418
4437
|
* Atom UI Divider Component
|
|
4419
4438
|
*/
|
|
4420
|
-
var Divider = Component$
|
|
4439
|
+
var Divider = Component$1d;
|
|
4421
4440
|
|
|
4422
|
-
var styles
|
|
4441
|
+
var styles$10 = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
4423
4442
|
|
|
4424
|
-
var Component$
|
|
4443
|
+
var Component$1c = function (_a) {
|
|
4425
4444
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
4426
4445
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4427
|
-
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles
|
|
4428
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles
|
|
4429
|
-
React.createElement("p", { className: styles
|
|
4430
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles
|
|
4431
|
-
React.createElement("p", { className: styles
|
|
4446
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$10.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4447
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$10['headerTabComponent__count'] }),
|
|
4448
|
+
React.createElement("p", { className: styles$10['headerTabComponent__text'] }, tabText))) : (React.createElement("a", { className: styles$10.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4449
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$10['headerTabComponent__count'] }),
|
|
4450
|
+
React.createElement("p", { className: styles$10['headerTabComponent__text'] }, tabText)))));
|
|
4432
4451
|
};
|
|
4433
4452
|
/**
|
|
4434
4453
|
* UI Atom component for HeaderTab
|
|
4435
4454
|
*/
|
|
4436
|
-
var HeaderTab = Component$
|
|
4455
|
+
var HeaderTab = Component$1c;
|
|
4437
4456
|
|
|
4438
4457
|
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"};
|
|
4439
4458
|
|
|
@@ -4452,94 +4471,94 @@ var InputSearch = function (_a) {
|
|
|
4452
4471
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4453
4472
|
};
|
|
4454
4473
|
|
|
4455
|
-
var styles
|
|
4474
|
+
var styles$$ = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4456
4475
|
|
|
4457
|
-
var Component$
|
|
4476
|
+
var Component$1b = function (_a) {
|
|
4458
4477
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4459
4478
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4460
|
-
return (React.createElement("div", { className: styles
|
|
4479
|
+
return (React.createElement("div", { className: styles$$['magneto-ui-job-company-logo'] },
|
|
4461
4480
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4462
4481
|
}
|
|
4463
|
-
return React.createElement("div", { className: styles
|
|
4482
|
+
return React.createElement("div", { className: styles$$['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4464
4483
|
};
|
|
4465
4484
|
/**
|
|
4466
4485
|
* UI Atom component of Company Logo
|
|
4467
4486
|
*/
|
|
4468
|
-
var JobCompanyLogo = Component$
|
|
4487
|
+
var JobCompanyLogo = Component$1b;
|
|
4469
4488
|
|
|
4470
|
-
var styles$
|
|
4489
|
+
var styles$_ = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
4471
4490
|
|
|
4472
|
-
var Component$
|
|
4491
|
+
var Component$1a = function (_a) {
|
|
4473
4492
|
var title = _a.title, styles = _a.styles;
|
|
4474
4493
|
return React.createElement("h1", { className: styles }, title && title);
|
|
4475
4494
|
};
|
|
4476
4495
|
/**
|
|
4477
4496
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4478
4497
|
*/
|
|
4479
|
-
var MainTitleJobDetails = Component$
|
|
4498
|
+
var MainTitleJobDetails = Component$1a;
|
|
4480
4499
|
|
|
4481
|
-
var Component$
|
|
4500
|
+
var Component$19 = function (_a) {
|
|
4482
4501
|
var title = _a.title, styles = _a.styles;
|
|
4483
4502
|
return React.createElement("p", { className: styles }, title && title);
|
|
4484
4503
|
};
|
|
4485
4504
|
/**
|
|
4486
4505
|
* UI Children P Component for JobDetailsDrawer
|
|
4487
4506
|
*/
|
|
4488
|
-
var SubTitleJobDetails = Component$
|
|
4507
|
+
var SubTitleJobDetails = Component$19;
|
|
4489
4508
|
|
|
4490
|
-
var Component$
|
|
4509
|
+
var Component$18 = function (_a) {
|
|
4491
4510
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4492
4511
|
var showCompanyName = useMemo(function () {
|
|
4493
4512
|
if (isHidden || !offerCompanyName)
|
|
4494
4513
|
return React.createElement(Fragment, null);
|
|
4495
4514
|
if (offerCompanyLink) {
|
|
4496
|
-
return (React.createElement("a", { className: styles$
|
|
4515
|
+
return (React.createElement("a", { className: styles$_['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4497
4516
|
}
|
|
4498
|
-
return React.createElement("h2", { className: styles$
|
|
4517
|
+
return React.createElement("h2", { className: styles$_['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4499
4518
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4500
4519
|
var GenerateTitle = function () {
|
|
4501
4520
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4502
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
4503
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
4521
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$_['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4522
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$_['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4504
4523
|
};
|
|
4505
|
-
return (React.createElement("div", { className: styles$
|
|
4524
|
+
return (React.createElement("div", { className: styles$_['magneto-ui-job-header'] },
|
|
4506
4525
|
GenerateTitle(),
|
|
4507
4526
|
showCompanyName));
|
|
4508
4527
|
};
|
|
4509
4528
|
/**
|
|
4510
4529
|
* UI Atom component of Job Header
|
|
4511
4530
|
*/
|
|
4512
|
-
var JobHeader = Component$
|
|
4531
|
+
var JobHeader = Component$18;
|
|
4513
4532
|
|
|
4514
|
-
var styles$
|
|
4533
|
+
var styles$Z = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4515
4534
|
|
|
4516
|
-
var Component
|
|
4535
|
+
var Component$17 = function (_a) {
|
|
4517
4536
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
4518
4537
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4519
|
-
return (React.createElement("a", { className: styles$
|
|
4538
|
+
return (React.createElement("a", { className: styles$Z.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
4520
4539
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4521
4540
|
!isMobile && React.createElement("p", null, text)));
|
|
4522
4541
|
};
|
|
4523
4542
|
/**
|
|
4524
4543
|
* Atomic UI component for Link
|
|
4525
4544
|
*/
|
|
4526
|
-
var Link = Component
|
|
4545
|
+
var Link = Component$17;
|
|
4527
4546
|
|
|
4528
|
-
var styles$
|
|
4547
|
+
var styles$Y = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4529
4548
|
|
|
4530
|
-
var Component$
|
|
4549
|
+
var Component$16 = function (_a) {
|
|
4531
4550
|
var loadingIcon = _a.loadingIcon;
|
|
4532
|
-
return (React.createElement("div", { className: styles$
|
|
4551
|
+
return (React.createElement("div", { className: styles$Y.loadingComponent },
|
|
4533
4552
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
4534
4553
|
};
|
|
4535
4554
|
/**
|
|
4536
4555
|
* Atom UI component of loading icon for general purpose
|
|
4537
4556
|
*/
|
|
4538
|
-
var Loading = Component$
|
|
4557
|
+
var Loading = Component$16;
|
|
4539
4558
|
|
|
4540
4559
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4541
4560
|
|
|
4542
|
-
var Component$
|
|
4561
|
+
var Component$15 = function (_a) {
|
|
4543
4562
|
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;
|
|
4544
4563
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4545
4564
|
var handleError = function () {
|
|
@@ -4551,11 +4570,11 @@ var Component$Z = function (_a) {
|
|
|
4551
4570
|
return null;
|
|
4552
4571
|
return (React.createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4553
4572
|
};
|
|
4554
|
-
var LogoComponent = Component$
|
|
4573
|
+
var LogoComponent = Component$15;
|
|
4555
4574
|
|
|
4556
|
-
var styles$
|
|
4575
|
+
var styles$X = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4557
4576
|
|
|
4558
|
-
var Component$
|
|
4577
|
+
var Component$14 = function (_a) {
|
|
4559
4578
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
4560
4579
|
var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4561
4580
|
var renderContent = function () {
|
|
@@ -4568,56 +4587,56 @@ var Component$Y = function (_a) {
|
|
|
4568
4587
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4569
4588
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
4570
4589
|
};
|
|
4571
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4590
|
+
return (React.createElement("button", { className: "".concat(styles$X.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$X.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
4572
4591
|
};
|
|
4573
4592
|
/**
|
|
4574
4593
|
* Atom UI component of button for general purpose
|
|
4575
4594
|
*/
|
|
4576
|
-
var MainButton = Component$
|
|
4595
|
+
var MainButton = Component$14;
|
|
4577
4596
|
|
|
4578
|
-
var styles$
|
|
4597
|
+
var styles$W = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4579
4598
|
|
|
4580
|
-
var styles$
|
|
4599
|
+
var styles$V = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
4581
4600
|
|
|
4582
|
-
var Component$
|
|
4601
|
+
var Component$13 = function (_a) {
|
|
4583
4602
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4584
|
-
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
4585
|
-
React.createElement("p", { className: styles$
|
|
4603
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$V['magneto-ui--search-item']), href: url },
|
|
4604
|
+
React.createElement("p", { className: styles$V['magneto-ui--search-item__text'] }, tag),
|
|
4586
4605
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4587
4606
|
};
|
|
4588
4607
|
/**
|
|
4589
4608
|
* UI Atom component of Search Item
|
|
4590
4609
|
*/
|
|
4591
|
-
var SearchItem = Component$
|
|
4610
|
+
var SearchItem = Component$13;
|
|
4592
4611
|
|
|
4593
4612
|
var MegaMenuTab = function (_a) {
|
|
4594
4613
|
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4595
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4596
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$
|
|
4614
|
+
return (React.createElement("div", { className: "".concat(styles$W["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$W["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4615
|
+
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$W["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$W["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4597
4616
|
};
|
|
4598
4617
|
|
|
4599
|
-
var styles$
|
|
4618
|
+
var styles$U = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
4600
4619
|
|
|
4601
|
-
var Component$
|
|
4620
|
+
var Component$12 = function (_a) {
|
|
4602
4621
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4603
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4622
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$U, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4604
4623
|
React.createElement("div", { className: CNM.get({
|
|
4605
|
-
styles: styles$
|
|
4624
|
+
styles: styles$U,
|
|
4606
4625
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4607
4626
|
}) },
|
|
4608
4627
|
React.createElement("div", { className: CNM.get({
|
|
4609
|
-
styles: styles$
|
|
4628
|
+
styles: styles$U,
|
|
4610
4629
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4611
4630
|
}) }, children))));
|
|
4612
4631
|
};
|
|
4613
4632
|
/**
|
|
4614
4633
|
* Atom UI child component of menu dropdown
|
|
4615
4634
|
*/
|
|
4616
|
-
var MenuDropdownList = Component$
|
|
4635
|
+
var MenuDropdownList = Component$12;
|
|
4617
4636
|
|
|
4618
|
-
var styles$
|
|
4637
|
+
var styles$T = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
4619
4638
|
|
|
4620
|
-
var Component$
|
|
4639
|
+
var Component$11 = function (_a) {
|
|
4621
4640
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
4622
4641
|
var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4623
4642
|
var toggleOptions = useCallback(function () {
|
|
@@ -4632,13 +4651,13 @@ var Component$V = function (_a) {
|
|
|
4632
4651
|
var handleButtonClick = useCallback(function (e) {
|
|
4633
4652
|
e.stopPropagation();
|
|
4634
4653
|
}, []);
|
|
4635
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4636
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4637
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4654
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4655
|
+
React.createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown__content'] }) },
|
|
4656
|
+
React.createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown__container'] }) },
|
|
4638
4657
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4639
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4658
|
+
React.createElement("span", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown__title'] }) }, title),
|
|
4640
4659
|
React.createElement("div", { className: CNM.get({
|
|
4641
|
-
styles: styles$
|
|
4660
|
+
styles: styles$T,
|
|
4642
4661
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4643
4662
|
}) },
|
|
4644
4663
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4648,7 +4667,7 @@ var Component$V = function (_a) {
|
|
|
4648
4667
|
/**
|
|
4649
4668
|
* Atom UI component of menu dropdown
|
|
4650
4669
|
*/
|
|
4651
|
-
var MenuDropdown = Component$
|
|
4670
|
+
var MenuDropdown = Component$11;
|
|
4652
4671
|
|
|
4653
4672
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4654
4673
|
|
|
@@ -4661,7 +4680,7 @@ var MenuItem = function (_a) {
|
|
|
4661
4680
|
React.createElement("p", null, text))));
|
|
4662
4681
|
};
|
|
4663
4682
|
|
|
4664
|
-
var styles$
|
|
4683
|
+
var styles$S = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
4665
4684
|
|
|
4666
4685
|
var MultiRangeSlider = function (_a) {
|
|
4667
4686
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -4719,36 +4738,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4719
4738
|
var handleMouseUpValues = useCallback(function () {
|
|
4720
4739
|
onChange({ min: minVal, max: maxVal });
|
|
4721
4740
|
}, [minVal, maxVal, onChange]);
|
|
4722
|
-
return (React.createElement("div", { className: styles$
|
|
4741
|
+
return (React.createElement("div", { className: styles$S.container },
|
|
4723
4742
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4724
4743
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4725
4744
|
setMinVal(value);
|
|
4726
4745
|
event.target.value = value.toString();
|
|
4727
|
-
}, className: "\n ".concat(styles$
|
|
4746
|
+
}, className: "\n ".concat(styles$S.thumb, " \n ").concat(styles$S.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$S.zIndex_5 : '', "\n ") }),
|
|
4728
4747
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4729
4748
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4730
4749
|
setMaxVal(value);
|
|
4731
4750
|
event.target.value = value.toString();
|
|
4732
|
-
}, className: "".concat(styles$
|
|
4733
|
-
React.createElement("div", { style: { width: size }, className: styles$
|
|
4734
|
-
React.createElement("div", { className: styles$
|
|
4735
|
-
React.createElement("div", { ref: range, className: styles$
|
|
4736
|
-
showValues && (React.createElement("div", { className: styles$
|
|
4737
|
-
React.createElement("div", { className: styles$
|
|
4738
|
-
React.createElement("div", { className: styles$
|
|
4751
|
+
}, className: "".concat(styles$S.thumb, " ").concat(styles$S.zIndex_4) }),
|
|
4752
|
+
React.createElement("div", { style: { width: size }, className: styles$S.slider },
|
|
4753
|
+
React.createElement("div", { className: styles$S.track }),
|
|
4754
|
+
React.createElement("div", { ref: range, className: styles$S.range }),
|
|
4755
|
+
showValues && (React.createElement("div", { className: styles$S.values },
|
|
4756
|
+
React.createElement("div", { className: styles$S.left_value }, hasCurrency),
|
|
4757
|
+
React.createElement("div", { className: styles$S.right_value }, maxVal.toLocaleString()))))));
|
|
4739
4758
|
};
|
|
4740
4759
|
|
|
4741
|
-
var styles$
|
|
4760
|
+
var styles$R = {"content":"mg_paragraph_content_1mtnz"};
|
|
4742
4761
|
|
|
4743
|
-
var Component$
|
|
4762
|
+
var Component$10 = function (_a) {
|
|
4744
4763
|
var paragraph = _a.paragraph;
|
|
4745
|
-
return React.createElement("p", { className: styles$
|
|
4764
|
+
return React.createElement("p", { className: styles$R.content }, paragraph);
|
|
4746
4765
|
};
|
|
4747
|
-
var Paragraph = memo(Component$
|
|
4766
|
+
var Paragraph = memo(Component$10);
|
|
4748
4767
|
|
|
4749
4768
|
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"};
|
|
4750
4769
|
|
|
4751
|
-
var Component
|
|
4770
|
+
var Component$$ = function (_a) {
|
|
4752
4771
|
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;
|
|
4753
4772
|
var showMenu = show ? 'show' : 'hidden';
|
|
4754
4773
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4770,7 +4789,7 @@ var Component$T = function (_a) {
|
|
|
4770
4789
|
* Atom Ui component of popover
|
|
4771
4790
|
*
|
|
4772
4791
|
*/
|
|
4773
|
-
var Popover = Component
|
|
4792
|
+
var Popover = Component$$;
|
|
4774
4793
|
|
|
4775
4794
|
var ERadioType;
|
|
4776
4795
|
(function (ERadioType) {
|
|
@@ -4778,12 +4797,12 @@ var ERadioType;
|
|
|
4778
4797
|
ERadioType["button"] = "button";
|
|
4779
4798
|
})(ERadioType || (ERadioType = {}));
|
|
4780
4799
|
|
|
4781
|
-
var styles$
|
|
4800
|
+
var styles$Q = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
4782
4801
|
|
|
4783
|
-
var Component$
|
|
4802
|
+
var Component$_ = function (_a) {
|
|
4784
4803
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
4785
4804
|
return (React.createElement("label", { className: CNM.get({
|
|
4786
|
-
styles: styles$
|
|
4805
|
+
styles: styles$Q,
|
|
4787
4806
|
cls: [
|
|
4788
4807
|
'radio-button',
|
|
4789
4808
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4793,34 +4812,34 @@ var Component$S = function (_a) {
|
|
|
4793
4812
|
}), htmlFor: id },
|
|
4794
4813
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4795
4814
|
React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4796
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4815
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$Q, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4797
4816
|
suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4798
4817
|
};
|
|
4799
4818
|
/**
|
|
4800
4819
|
* Atom UI component of radio button
|
|
4801
4820
|
*/
|
|
4802
|
-
var RadioButton = Component$
|
|
4821
|
+
var RadioButton = Component$_;
|
|
4803
4822
|
|
|
4804
|
-
var styles$
|
|
4823
|
+
var styles$P = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
4805
4824
|
|
|
4806
|
-
var Component$
|
|
4825
|
+
var Component$Z = function (_a) {
|
|
4807
4826
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
4808
|
-
return (React.createElement("label", { className: CNM.get({ styles: styles$
|
|
4827
|
+
return (React.createElement("label", { className: CNM.get({ styles: styles$P, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4809
4828
|
React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4810
4829
|
React.createElement("div", { className: CNM.get({
|
|
4811
|
-
styles: styles$
|
|
4830
|
+
styles: styles$P,
|
|
4812
4831
|
cls: [
|
|
4813
4832
|
'radio-default__indicator',
|
|
4814
4833
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4815
4834
|
indicatorClassName
|
|
4816
4835
|
]
|
|
4817
4836
|
}) }),
|
|
4818
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4837
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$P, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4819
4838
|
};
|
|
4820
4839
|
/**
|
|
4821
4840
|
* Molecule UI component for radio default
|
|
4822
4841
|
*/
|
|
4823
|
-
var RadioDefault = Component$
|
|
4842
|
+
var RadioDefault = Component$Z;
|
|
4824
4843
|
|
|
4825
4844
|
var _a;
|
|
4826
4845
|
var radioTypes = (_a = {},
|
|
@@ -4829,7 +4848,7 @@ var radioTypes = (_a = {},
|
|
|
4829
4848
|
_a);
|
|
4830
4849
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4831
4850
|
|
|
4832
|
-
var Component$
|
|
4851
|
+
var Component$Y = function (_a) {
|
|
4833
4852
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4834
4853
|
var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4835
4854
|
if (!RadioType)
|
|
@@ -4839,39 +4858,39 @@ var Component$Q = function (_a) {
|
|
|
4839
4858
|
/**
|
|
4840
4859
|
* Atom UI component of radio
|
|
4841
4860
|
*/
|
|
4842
|
-
var Radio = Component$
|
|
4861
|
+
var Radio = Component$Y;
|
|
4843
4862
|
|
|
4844
|
-
var styles$
|
|
4863
|
+
var styles$O = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
4845
4864
|
|
|
4846
|
-
var Component$
|
|
4865
|
+
var Component$X = function (_a) {
|
|
4847
4866
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4848
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$
|
|
4849
|
-
React.createElement("div", { className: styles$
|
|
4867
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$O['magneto-ui-save-button'], " ").concat(addHover && styles$O['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4868
|
+
React.createElement("div", { className: styles$O['button-content'] },
|
|
4850
4869
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4851
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4870
|
+
buttonText && React.createElement("p", { className: styles$O['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4852
4871
|
};
|
|
4853
4872
|
/**
|
|
4854
4873
|
* UI Atom Component of Save Button
|
|
4855
4874
|
*/
|
|
4856
|
-
var SaveButton = Component$
|
|
4875
|
+
var SaveButton = Component$X;
|
|
4857
4876
|
|
|
4858
|
-
var styles$
|
|
4877
|
+
var styles$N = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4859
4878
|
|
|
4860
|
-
var Component$
|
|
4879
|
+
var Component$W = function (_a) {
|
|
4861
4880
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4862
4881
|
var handleCopyClick = function () {
|
|
4863
4882
|
if (detailUrl) {
|
|
4864
4883
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4865
4884
|
}
|
|
4866
4885
|
};
|
|
4867
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4868
|
-
React.createElement("div", { className: styles$
|
|
4886
|
+
return (React.createElement("button", { className: "".concat(styles$N['magneto-ui-share-button'], " ").concat(addHover && styles$N['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4887
|
+
React.createElement("div", { className: styles$N['button-content'] },
|
|
4869
4888
|
React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4870
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4889
|
+
buttonText && React.createElement("p", { className: styles$N['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4871
4890
|
};
|
|
4872
|
-
var ShareButton = Component$
|
|
4891
|
+
var ShareButton = Component$W;
|
|
4873
4892
|
|
|
4874
|
-
var styles$
|
|
4893
|
+
var styles$M = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
4875
4894
|
|
|
4876
4895
|
var Switch = function (_a) {
|
|
4877
4896
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -4885,10 +4904,10 @@ var Switch = function (_a) {
|
|
|
4885
4904
|
setChecked(function (state) { return !state; });
|
|
4886
4905
|
setIsActive(!isActive);
|
|
4887
4906
|
}, [isDisabled, setIsActive, isActive]);
|
|
4888
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4889
|
-
React.createElement("label", { className: styles$
|
|
4907
|
+
return (React.createElement("div", { className: "".concat(styles$M['magneto-ui-switch_container'], " ").concat(className) },
|
|
4908
|
+
React.createElement("label", { className: styles$M['magneto-ui-switch'] },
|
|
4890
4909
|
React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4891
|
-
React.createElement("span", { className: "".concat(styles$
|
|
4910
|
+
React.createElement("span", { className: "".concat(styles$M['magneto-ui-slider'], " ").concat(styles$M['magneto-ui-round']) })),
|
|
4892
4911
|
title && React.createElement("p", null, title)));
|
|
4893
4912
|
};
|
|
4894
4913
|
|
|
@@ -4901,9 +4920,9 @@ var Tags = function (_a) {
|
|
|
4901
4920
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4902
4921
|
};
|
|
4903
4922
|
|
|
4904
|
-
var styles$
|
|
4923
|
+
var styles$L = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
4905
4924
|
|
|
4906
|
-
var Component$
|
|
4925
|
+
var Component$V = function (_a) {
|
|
4907
4926
|
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
4908
4927
|
var isColorDark = function (color) {
|
|
4909
4928
|
var hex = color.replace('#', '');
|
|
@@ -4934,20 +4953,20 @@ var Component$N = function (_a) {
|
|
|
4934
4953
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4935
4954
|
};
|
|
4936
4955
|
}, [baseColor, color, currentSelect]);
|
|
4937
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4938
|
-
customIcon && (React.createElement("img", { className: "".concat(styles$
|
|
4956
|
+
return (React.createElement("button", { className: "".concat(styles$L["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$L['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
4957
|
+
customIcon && (React.createElement("img", { className: "".concat(styles$L["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$L['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
4939
4958
|
name));
|
|
4940
4959
|
};
|
|
4941
|
-
var ToggleButton = Component$
|
|
4960
|
+
var ToggleButton = Component$V;
|
|
4942
4961
|
|
|
4943
|
-
var styles$
|
|
4962
|
+
var styles$K = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4944
4963
|
|
|
4945
|
-
var Component$
|
|
4964
|
+
var Component$U = function (_a) {
|
|
4946
4965
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4947
4966
|
var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4948
4967
|
sm: null
|
|
4949
4968
|
});
|
|
4950
|
-
return (React.createElement("button", { className: CNM.get({ styles: styles$
|
|
4969
|
+
return (React.createElement("button", { className: CNM.get({ styles: styles$K, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4951
4970
|
React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4952
4971
|
userInfo,
|
|
4953
4972
|
React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4955,7 +4974,7 @@ var Component$M = function (_a) {
|
|
|
4955
4974
|
/**
|
|
4956
4975
|
* Atom UI component of user menu button analyst
|
|
4957
4976
|
*/
|
|
4958
|
-
var UserMenuButtonAnalyst = Component$
|
|
4977
|
+
var UserMenuButtonAnalyst = Component$U;
|
|
4959
4978
|
|
|
4960
4979
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
4961
4980
|
|
|
@@ -4983,7 +5002,7 @@ var BrandMenu = function (_a) {
|
|
|
4983
5002
|
|
|
4984
5003
|
var style$t = {};
|
|
4985
5004
|
|
|
4986
|
-
var Component$
|
|
5005
|
+
var Component$T = function (_a) {
|
|
4987
5006
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
4988
5007
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
4989
5008
|
var DatePickerComponent = useMediaQuery(React.createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -4991,11 +5010,11 @@ var Component$L = function (_a) {
|
|
|
4991
5010
|
});
|
|
4992
5011
|
return React.createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
|
|
4993
5012
|
};
|
|
4994
|
-
var DatePickerResponsiveComponent = Component$
|
|
5013
|
+
var DatePickerResponsiveComponent = Component$T;
|
|
4995
5014
|
|
|
4996
5015
|
var style$s = {"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"};
|
|
4997
5016
|
|
|
4998
|
-
var Component$
|
|
5017
|
+
var Component$S = function (_a) {
|
|
4999
5018
|
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;
|
|
5000
5019
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
5001
5020
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -5014,9 +5033,9 @@ var Component$K = function (_a) {
|
|
|
5014
5033
|
React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
5015
5034
|
React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
5016
5035
|
};
|
|
5017
|
-
var DrawerMenu = Component$
|
|
5036
|
+
var DrawerMenu = Component$S;
|
|
5018
5037
|
|
|
5019
|
-
var styles$
|
|
5038
|
+
var styles$J = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
5020
5039
|
|
|
5021
5040
|
var FilterCard = function (_a) {
|
|
5022
5041
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
@@ -5036,18 +5055,18 @@ var FilterCard = function (_a) {
|
|
|
5036
5055
|
}, [values, setOptions]);
|
|
5037
5056
|
if (!values.length)
|
|
5038
5057
|
return React.createElement(Fragment, null);
|
|
5039
|
-
return (React.createElement("article", { className: "".concat(styles$
|
|
5040
|
-
React.createElement("div", { className: styles$
|
|
5058
|
+
return (React.createElement("article", { className: "".concat(styles$J['magneto-ui-filter-card'], " ").concat(hasSearch && styles$J.hasSearch) },
|
|
5059
|
+
React.createElement("div", { className: styles$J['magneto-ui-filter-card_header'] },
|
|
5041
5060
|
React.createElement("p", null, label),
|
|
5042
5061
|
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
5043
5062
|
hasSearch && (React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
5044
|
-
React.createElement("div", { className: styles$
|
|
5063
|
+
React.createElement("div", { className: styles$J['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
5045
5064
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
5046
5065
|
return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
5047
5066
|
}))));
|
|
5048
5067
|
};
|
|
5049
5068
|
|
|
5050
|
-
var styles$
|
|
5069
|
+
var styles$I = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
5051
5070
|
|
|
5052
5071
|
var FilterHeader = function (_a) {
|
|
5053
5072
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -5056,28 +5075,28 @@ var FilterHeader = function (_a) {
|
|
|
5056
5075
|
buttonText: buttonText,
|
|
5057
5076
|
title: buttonText,
|
|
5058
5077
|
iconProps: { icon: Broom, size: 18 },
|
|
5059
|
-
className: styles$
|
|
5078
|
+
className: styles$I['magneto-ui-filter-header_btn'],
|
|
5060
5079
|
disabled: !totalApplied,
|
|
5061
5080
|
onClick: function () { return clearFilters(); }
|
|
5062
5081
|
};
|
|
5063
5082
|
}, [buttonText, totalApplied, clearFilters]);
|
|
5064
5083
|
var displayBtnClear = useMemo(function () {
|
|
5065
|
-
return (React.createElement("div", { className: styles$
|
|
5084
|
+
return (React.createElement("div", { className: styles$I['magneto-ui-filter-header_clean'] },
|
|
5066
5085
|
React.createElement(MainButton, __assign({}, mainBtnProps)),
|
|
5067
|
-
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$
|
|
5086
|
+
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$I.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
5068
5087
|
}, [totalApplied, mainBtnProps]);
|
|
5069
5088
|
var displayFilterSummary = useMemo(function () {
|
|
5070
|
-
return React.createElement("span", { className: styles$
|
|
5089
|
+
return React.createElement("span", { className: styles$I['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
5071
5090
|
}, [filterSummary]);
|
|
5072
|
-
return (React.createElement("article", { className: styles$
|
|
5073
|
-
React.createElement("div", { className: styles$
|
|
5091
|
+
return (React.createElement("article", { className: styles$I['magneto-ui-filter-header'] },
|
|
5092
|
+
React.createElement("div", { className: styles$I['magneto-ui-filter-header_title'] },
|
|
5074
5093
|
React.createElement("p", null, title),
|
|
5075
5094
|
displayBtnClear),
|
|
5076
5095
|
switchText && (React.createElement(Switch
|
|
5077
5096
|
//TODO: review isActive, setIsActive
|
|
5078
5097
|
, {
|
|
5079
5098
|
//TODO: review isActive, setIsActive
|
|
5080
|
-
title: switchText, className: styles$
|
|
5099
|
+
title: switchText, className: styles$I['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
5081
5100
|
displayFilterSummary));
|
|
5082
5101
|
};
|
|
5083
5102
|
|
|
@@ -5137,9 +5156,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5137
5156
|
return React.createElement(React.Fragment, null, footerMenuResponsive);
|
|
5138
5157
|
};
|
|
5139
5158
|
|
|
5140
|
-
var styles$
|
|
5159
|
+
var styles$H = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
|
|
5141
5160
|
|
|
5142
|
-
var Component$
|
|
5161
|
+
var Component$R = function (_a) {
|
|
5143
5162
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
5144
5163
|
var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
5145
5164
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -5149,26 +5168,26 @@ var Component$J = function (_a) {
|
|
|
5149
5168
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React.createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
5150
5169
|
sm: null
|
|
5151
5170
|
});
|
|
5152
|
-
return (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
5153
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5154
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5171
|
+
return (React.createElement("header", { className: CNM.get({ styles: styles$H, cls: ['header-analyst', className] }) },
|
|
5172
|
+
React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__container'] }) },
|
|
5173
|
+
React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__main-menu'] }) },
|
|
5155
5174
|
React.createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5156
5175
|
headerLogo),
|
|
5157
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5176
|
+
React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__user-menu'] }) },
|
|
5158
5177
|
userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5159
5178
|
React.createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5160
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5179
|
+
React.createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5161
5180
|
};
|
|
5162
5181
|
/**
|
|
5163
5182
|
* Organism UI component of header analyst
|
|
5164
5183
|
*/
|
|
5165
|
-
var HeaderAnalyst = Component$
|
|
5184
|
+
var HeaderAnalyst = Component$R;
|
|
5166
5185
|
|
|
5167
|
-
var styles$
|
|
5186
|
+
var styles$G = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5168
5187
|
|
|
5169
5188
|
var style$o = {"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"};
|
|
5170
5189
|
|
|
5171
|
-
var Component$
|
|
5190
|
+
var Component$Q = function () {
|
|
5172
5191
|
var skeletonCard = (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5173
5192
|
React.createElement("span", { className: style$o.skeleton }),
|
|
5174
5193
|
React.createElement("span", { className: style$o.skeleton }),
|
|
@@ -5192,9 +5211,9 @@ var Component$I = function () {
|
|
|
5192
5211
|
/**
|
|
5193
5212
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
5194
5213
|
*/
|
|
5195
|
-
var JobDetailsSkeleton = Component$
|
|
5214
|
+
var JobDetailsSkeleton = Component$Q;
|
|
5196
5215
|
|
|
5197
|
-
var styles$
|
|
5216
|
+
var styles$F = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
5198
5217
|
|
|
5199
5218
|
var SimilarJobs = function (_a) {
|
|
5200
5219
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5202,8 +5221,8 @@ var SimilarJobs = function (_a) {
|
|
|
5202
5221
|
var pageExists = false;
|
|
5203
5222
|
if (similarJobsCard.length <= 0)
|
|
5204
5223
|
return null;
|
|
5205
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5206
|
-
React.createElement("h3", { className: "".concat(styles$
|
|
5224
|
+
return (React.createElement("div", { className: "".concat(styles$F["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5225
|
+
React.createElement("h3", { className: "".concat(styles$F["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5207
5226
|
similarJobsCard.map(function (_a) {
|
|
5208
5227
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5209
5228
|
return (React.createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5211,7 +5230,7 @@ var SimilarJobs = function (_a) {
|
|
|
5211
5230
|
pageExists ));
|
|
5212
5231
|
};
|
|
5213
5232
|
|
|
5214
|
-
var Component$
|
|
5233
|
+
var Component$P = function (_a) {
|
|
5215
5234
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5216
5235
|
var jobDetailsRef = useRef(null);
|
|
5217
5236
|
useEffect(function () {
|
|
@@ -5222,11 +5241,11 @@ var Component$H = function (_a) {
|
|
|
5222
5241
|
if (isLoading)
|
|
5223
5242
|
return React.createElement(JobDetailsSkeleton, null);
|
|
5224
5243
|
return (React.createElement(Fragment, null,
|
|
5225
|
-
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$
|
|
5226
|
-
React.createElement("div", { className: styles$
|
|
5244
|
+
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$G.JobDetailsDrawerComponent },
|
|
5245
|
+
React.createElement("div", { className: styles$G['JobHeaderCardWrapper'] },
|
|
5227
5246
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5228
5247
|
React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
5229
|
-
React.createElement("div", { className: styles$
|
|
5248
|
+
React.createElement("div", { className: styles$G['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5230
5249
|
jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5231
5250
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5232
5251
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -5240,11 +5259,11 @@ var Component$H = function (_a) {
|
|
|
5240
5259
|
/**
|
|
5241
5260
|
* UI Organism Component for JobDetailsDrawer
|
|
5242
5261
|
*/
|
|
5243
|
-
var JobDetailsDrawer = Component$
|
|
5262
|
+
var JobDetailsDrawer = Component$P;
|
|
5244
5263
|
|
|
5245
|
-
var styles$
|
|
5264
|
+
var styles$E = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
5246
5265
|
|
|
5247
|
-
var Component$
|
|
5266
|
+
var Component$O = function (_a) {
|
|
5248
5267
|
var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
|
|
5249
5268
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
5250
5269
|
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -5276,28 +5295,28 @@ var Component$G = function (_a) {
|
|
|
5276
5295
|
var loginHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5277
5296
|
md: null
|
|
5278
5297
|
});
|
|
5279
|
-
return (React.createElement("header", { className: styles$
|
|
5298
|
+
return (React.createElement("header", { className: styles$E.LoginHeaderComponent },
|
|
5280
5299
|
loginHeaderMobileSearchbar,
|
|
5281
|
-
React.createElement("div", { className: styles$
|
|
5282
|
-
React.createElement("div", { className: styles$
|
|
5283
|
-
React.createElement("div", { className: styles$
|
|
5300
|
+
React.createElement("div", { className: styles$E['magneto-ui-first-row'] }),
|
|
5301
|
+
React.createElement("div", { className: styles$E['magneto-ui-second-row'] },
|
|
5302
|
+
React.createElement("div", { className: styles$E['magneto-ui-left-section'] },
|
|
5284
5303
|
loginHeaderMenuButton,
|
|
5285
5304
|
React.createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5286
5305
|
loginHeaderMobileSearchbarButton),
|
|
5287
|
-
React.createElement("div", { className: styles$
|
|
5288
|
-
React.createElement("div", { className: styles$
|
|
5306
|
+
React.createElement("div", { className: styles$E['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5307
|
+
React.createElement("div", { className: styles$E['magneto-ui-user-section'] },
|
|
5289
5308
|
loginHeaderOptionTabs,
|
|
5290
5309
|
loginHeaderPopover)),
|
|
5291
|
-
React.createElement("div", { className: styles$
|
|
5310
|
+
React.createElement("div", { className: styles$E['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5292
5311
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5293
5312
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5294
5313
|
};
|
|
5295
5314
|
/**
|
|
5296
5315
|
* UI Organism Component for LoginHeader
|
|
5297
5316
|
*/
|
|
5298
|
-
var LoginHeader = Component$
|
|
5317
|
+
var LoginHeader = Component$O;
|
|
5299
5318
|
|
|
5300
|
-
var styles$
|
|
5319
|
+
var styles$D = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
5301
5320
|
|
|
5302
5321
|
var Muiclass$3 = 'magneto-ui';
|
|
5303
5322
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5307,7 +5326,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5307
5326
|
var _c = useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5308
5327
|
var _d = useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5309
5328
|
var haveGif = useMemo(function () {
|
|
5310
|
-
return gif ? styles$
|
|
5329
|
+
return gif ? styles$D['have-gif'] : '';
|
|
5311
5330
|
}, [gif]);
|
|
5312
5331
|
var toggleSearchBar = function () {
|
|
5313
5332
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5335,30 +5354,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
5335
5354
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5336
5355
|
md: null
|
|
5337
5356
|
});
|
|
5338
|
-
return (React.createElement("header", { className: styles$
|
|
5357
|
+
return (React.createElement("header", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5339
5358
|
LogoutHeaderMobileSearchbar,
|
|
5340
|
-
React.createElement("div", { className: styles$
|
|
5341
|
-
React.createElement("div", { className: styles$
|
|
5359
|
+
React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5360
|
+
React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5342
5361
|
LoginHeaderMenuButton,
|
|
5343
5362
|
React.createElement("a", { href: homeUrl },
|
|
5344
5363
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5345
5364
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5346
|
-
React.createElement("img", { className: styles$
|
|
5347
|
-
gif && (React.createElement("img", { className: styles$
|
|
5365
|
+
React.createElement("img", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5366
|
+
gif && (React.createElement("img", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5348
5367
|
LogoutHeaderMobileSearchbarButton),
|
|
5349
|
-
React.createElement("div", { className: "".concat(styles$
|
|
5350
|
-
React.createElement("div", { className: styles$
|
|
5368
|
+
React.createElement("div", { className: "".concat(styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5369
|
+
React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5351
5370
|
!gif && loginHeaderOptionTabs,
|
|
5352
5371
|
" ",
|
|
5353
5372
|
loginHeaderPopover)),
|
|
5354
|
-
React.createElement("div", { className: styles$
|
|
5373
|
+
React.createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5355
5374
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5356
5375
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5357
5376
|
};
|
|
5358
5377
|
|
|
5359
|
-
var styles$
|
|
5378
|
+
var styles$C = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
5360
5379
|
|
|
5361
|
-
var Component$
|
|
5380
|
+
var Component$N = function (_a) {
|
|
5362
5381
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
5363
5382
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
5364
5383
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -5401,29 +5420,29 @@ var Component$F = function (_a) {
|
|
|
5401
5420
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5402
5421
|
md: null
|
|
5403
5422
|
});
|
|
5404
|
-
return (React.createElement("header", { className: styles$
|
|
5423
|
+
return (React.createElement("header", { className: styles$C.LogoutHeaderComponent },
|
|
5405
5424
|
LogoutHeaderMobileSearchbar,
|
|
5406
|
-
React.createElement("div", { className: styles$
|
|
5407
|
-
React.createElement("div", { className: styles$
|
|
5408
|
-
React.createElement("div", { className: styles$
|
|
5425
|
+
React.createElement("div", { className: styles$C['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5426
|
+
React.createElement("div", { className: styles$C['magneto-ui-second-row'] },
|
|
5427
|
+
React.createElement("div", { className: styles$C['magneto-ui-left-section'] },
|
|
5409
5428
|
LogoutHeaderMenuButton,
|
|
5410
5429
|
React.createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5411
5430
|
LogoutHeaderMobileSearchbarButton),
|
|
5412
|
-
React.createElement("div", { className: styles$
|
|
5431
|
+
React.createElement("div", { className: styles$C['magneto-ui-middle-section'] },
|
|
5413
5432
|
LogoutHeaderSearchbar,
|
|
5414
5433
|
" ",
|
|
5415
5434
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5416
|
-
React.createElement("div", { className: styles$
|
|
5435
|
+
React.createElement("div", { className: styles$C['magneto-ui-right-section'] },
|
|
5417
5436
|
LogoutHeaderLinkSignIn,
|
|
5418
5437
|
LogoutHeaderButtonSignUp)),
|
|
5419
|
-
React.createElement("div", { className: styles$
|
|
5438
|
+
React.createElement("div", { className: styles$C['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5420
5439
|
};
|
|
5421
5440
|
/**
|
|
5422
5441
|
* UI Header Organisim for 1024 resolution/size
|
|
5423
5442
|
*/
|
|
5424
|
-
var LogoutHeader = Component$
|
|
5443
|
+
var LogoutHeader = Component$N;
|
|
5425
5444
|
|
|
5426
|
-
var styles$
|
|
5445
|
+
var styles$B = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
5427
5446
|
|
|
5428
5447
|
var Muiclass$2 = 'magneto-ui';
|
|
5429
5448
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5454,24 +5473,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5454
5473
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5455
5474
|
md: null
|
|
5456
5475
|
});
|
|
5457
|
-
return (React.createElement("header", { className: styles$
|
|
5476
|
+
return (React.createElement("header", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5458
5477
|
LogoutHeaderMobileSearchbar,
|
|
5459
|
-
React.createElement("div", { className: styles$
|
|
5460
|
-
React.createElement("div", { className: styles$
|
|
5478
|
+
React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5479
|
+
React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5461
5480
|
LogoutHeaderMenuButton,
|
|
5462
5481
|
React.createElement("a", { href: homeUrl },
|
|
5463
5482
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5464
5483
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5465
|
-
React.createElement("img", { className: styles$
|
|
5466
|
-
gif && (React.createElement("img", { className: styles$
|
|
5484
|
+
React.createElement("img", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5485
|
+
gif && (React.createElement("img", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5467
5486
|
LogoutHeaderMobileSearchbarButton),
|
|
5468
|
-
React.createElement("div", { className: styles$
|
|
5487
|
+
React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5469
5488
|
LogoutHeaderSearchbar,
|
|
5470
5489
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5471
|
-
React.createElement("div", { className: styles$
|
|
5490
|
+
React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5472
5491
|
LogoutHeaderLinkSignIn,
|
|
5473
5492
|
LogoutHeaderButtonSignUp)),
|
|
5474
|
-
React.createElement("div", { className: styles$
|
|
5493
|
+
React.createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5475
5494
|
};
|
|
5476
5495
|
|
|
5477
5496
|
var style$n = {"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"};
|
|
@@ -5503,28 +5522,28 @@ var MegaMenuCards = function (_a) {
|
|
|
5503
5522
|
action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
|
|
5504
5523
|
};
|
|
5505
5524
|
|
|
5506
|
-
var styles$
|
|
5525
|
+
var styles$A = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
5507
5526
|
|
|
5508
|
-
var Component$
|
|
5527
|
+
var Component$M = function (_a) {
|
|
5509
5528
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5510
5529
|
var handleOptionClick = function (optionValue) {
|
|
5511
5530
|
handleOnClick(optionValue);
|
|
5512
5531
|
};
|
|
5513
5532
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5514
|
-
return (React.createElement("div", { className: styles$
|
|
5515
|
-
React.createElement("ul", { className: styles$
|
|
5533
|
+
return (React.createElement("div", { className: styles$A['magneto-ui--date-options'] },
|
|
5534
|
+
React.createElement("ul", { className: styles$A['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5516
5535
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5517
|
-
return (React.createElement("li", { className: "".concat(styles$
|
|
5536
|
+
return (React.createElement("li", { className: "".concat(styles$A['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$A['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
5518
5537
|
}))));
|
|
5519
5538
|
};
|
|
5520
5539
|
/**
|
|
5521
5540
|
* UI Atom component of Date Option
|
|
5522
5541
|
*/
|
|
5523
|
-
var DateOptions = Component$
|
|
5542
|
+
var DateOptions = Component$M;
|
|
5524
5543
|
|
|
5525
|
-
var styles$
|
|
5544
|
+
var styles$z = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
5526
5545
|
|
|
5527
|
-
var Component$
|
|
5546
|
+
var Component$L = function (_a) {
|
|
5528
5547
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
5529
5548
|
var _b = useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5530
5549
|
var _c = useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5546,23 +5565,23 @@ var Component$D = function (_a) {
|
|
|
5546
5565
|
setInitialSelectedOption(null);
|
|
5547
5566
|
}
|
|
5548
5567
|
}, [disabled]);
|
|
5549
|
-
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5550
|
-
React.createElement("div", { className: styles$
|
|
5568
|
+
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$z['magneto-ui--date-selection'] },
|
|
5569
|
+
React.createElement("div", { className: styles$z['magneto-ui--date-selection__header'] },
|
|
5551
5570
|
React.createElement("h2", null, selectionHeader)),
|
|
5552
|
-
React.createElement("div", { className: styles$
|
|
5571
|
+
React.createElement("div", { className: styles$z['magneto-ui--date-selection__options'] },
|
|
5553
5572
|
React.createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5554
|
-
React.createElement("div", { className: styles$
|
|
5555
|
-
React.createElement("button", { className: styles$
|
|
5556
|
-
React.createElement("button", { className: styles$
|
|
5573
|
+
React.createElement("div", { className: styles$z['magneto-ui--date-selection__btn--wrapper'] },
|
|
5574
|
+
React.createElement("button", { className: styles$z['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5575
|
+
React.createElement("button", { className: styles$z['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5557
5576
|
};
|
|
5558
|
-
var DateSelection = Component$
|
|
5577
|
+
var DateSelection = Component$L;
|
|
5559
5578
|
|
|
5560
|
-
var styles$
|
|
5579
|
+
var styles$y = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
5561
5580
|
|
|
5562
5581
|
var defaultValue = function (value) {
|
|
5563
5582
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5564
5583
|
};
|
|
5565
|
-
var Component$
|
|
5584
|
+
var Component$K = function (_a) {
|
|
5566
5585
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
5567
5586
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5568
5587
|
var valueClass = '-value';
|
|
@@ -5627,41 +5646,41 @@ var Component$C = function (_a) {
|
|
|
5627
5646
|
}
|
|
5628
5647
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5629
5648
|
}, [disabled]);
|
|
5630
|
-
return (React.createElement("section", { className: styles$
|
|
5631
|
-
React.createElement("div", { className: styles$
|
|
5632
|
-
React.createElement("div", { className: styles$
|
|
5633
|
-
React.createElement("span", { className: styles$
|
|
5634
|
-
React.createElement("p", { className: styles$
|
|
5635
|
-
React.createElement("span", { className: styles$
|
|
5649
|
+
return (React.createElement("section", { className: styles$y['magneto-ui--mobile-date-picker'] },
|
|
5650
|
+
React.createElement("div", { className: styles$y["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5651
|
+
React.createElement("div", { className: styles$y['magneto-ui--mobile-date-picker__input'] },
|
|
5652
|
+
React.createElement("span", { className: styles$y["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5653
|
+
React.createElement("p", { className: styles$y['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5654
|
+
React.createElement("span", { className: styles$y["".concat(iconClass)] }, disabledArrow)),
|
|
5636
5655
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5637
|
-
React.createElement("div", { className: styles$
|
|
5638
|
-
React.createElement("div", { className: styles$
|
|
5639
|
-
React.createElement("span", { className: styles$
|
|
5640
|
-
React.createElement("p", { className: styles$
|
|
5641
|
-
React.createElement("span", { className: styles$
|
|
5656
|
+
React.createElement("div", { className: styles$y["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5657
|
+
React.createElement("div", { className: styles$y['magneto-ui--mobile-date-picker__input'] },
|
|
5658
|
+
React.createElement("span", { className: styles$y["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5659
|
+
React.createElement("p", { className: styles$y['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5660
|
+
React.createElement("span", { className: styles$y["".concat(iconClass)] }, disabledArrow)),
|
|
5642
5661
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5643
5662
|
};
|
|
5644
|
-
var MobileDatePicker = Component$
|
|
5663
|
+
var MobileDatePicker = Component$K;
|
|
5645
5664
|
|
|
5646
|
-
var Component$
|
|
5665
|
+
var Component$J = function (_a) {
|
|
5647
5666
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5648
5667
|
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5649
5668
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5650
5669
|
};
|
|
5651
|
-
var MobileDrawerMenu = Component$
|
|
5670
|
+
var MobileDrawerMenu = Component$J;
|
|
5652
5671
|
|
|
5653
|
-
var styles$
|
|
5672
|
+
var styles$x = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
5654
5673
|
|
|
5655
|
-
var Component$
|
|
5674
|
+
var Component$I = function (_a) {
|
|
5656
5675
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5657
5676
|
var _b = useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5658
5677
|
var onOpenClick = function () {
|
|
5659
5678
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5660
5679
|
};
|
|
5661
|
-
var showButtonContainer = onClose ? styles$
|
|
5662
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5663
|
-
React.createElement("div", { id: styles$
|
|
5664
|
-
React.createElement("div", { className: styles$
|
|
5680
|
+
var showButtonContainer = onClose ? styles$x['showContainer'] : styles$x['hideContainer'];
|
|
5681
|
+
return (React.createElement("div", { className: "".concat(styles$x.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5682
|
+
React.createElement("div", { id: styles$x['magneto-ui__external-child'] }, externalButtonChild),
|
|
5683
|
+
React.createElement("div", { className: styles$x['DrawerButtonWrapper'] },
|
|
5665
5684
|
React.createElement("button", { type: "button", onClick: onOpenClick },
|
|
5666
5685
|
React.createElement(IconItem, { icon: More, hover: false }))),
|
|
5667
5686
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5670,11 +5689,11 @@ var Component$A = function (_a) {
|
|
|
5670
5689
|
/**
|
|
5671
5690
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5672
5691
|
*/
|
|
5673
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5692
|
+
var MobileJobDetailsActionsBar = Component$I;
|
|
5674
5693
|
|
|
5675
5694
|
var style$l = {"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"};
|
|
5676
5695
|
|
|
5677
|
-
var Component$
|
|
5696
|
+
var Component$H = function () {
|
|
5678
5697
|
var skeletonCard = (React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5679
5698
|
React.createElement("span", { className: style$l.skeleton }),
|
|
5680
5699
|
React.createElement("span", { className: style$l.skeleton }),
|
|
@@ -5698,7 +5717,7 @@ var Component$z = function () {
|
|
|
5698
5717
|
/**
|
|
5699
5718
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5700
5719
|
*/
|
|
5701
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5720
|
+
var MobileJobDetailsDrawerSkeleton = Component$H;
|
|
5702
5721
|
|
|
5703
5722
|
var SwipeMode;
|
|
5704
5723
|
(function (SwipeMode) {
|
|
@@ -5768,7 +5787,7 @@ var Swipe = function (_a) {
|
|
|
5768
5787
|
} }))));
|
|
5769
5788
|
};
|
|
5770
5789
|
|
|
5771
|
-
var Component$
|
|
5790
|
+
var Component$G = function (_a) {
|
|
5772
5791
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5773
5792
|
var handleClose = useCallback(function () {
|
|
5774
5793
|
if (onClose) {
|
|
@@ -5819,7 +5838,7 @@ var Component$y = function (_a) {
|
|
|
5819
5838
|
/**
|
|
5820
5839
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5821
5840
|
*/
|
|
5822
|
-
var MobileJobDetailsDrawer = Component$
|
|
5841
|
+
var MobileJobDetailsDrawer = Component$G;
|
|
5823
5842
|
|
|
5824
5843
|
var style$j = {"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"};
|
|
5825
5844
|
|
|
@@ -5841,7 +5860,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5841
5860
|
React.createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5842
5861
|
};
|
|
5843
5862
|
|
|
5844
|
-
var Component$
|
|
5863
|
+
var Component$F = function (_a) {
|
|
5845
5864
|
var props = __rest(_a, []);
|
|
5846
5865
|
var _b = useState(0), step = _b[0], setStep = _b[1];
|
|
5847
5866
|
return React.createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5849,7 +5868,7 @@ var Component$x = function (_a) {
|
|
|
5849
5868
|
/**
|
|
5850
5869
|
* Organism UI component of analyst template
|
|
5851
5870
|
*/
|
|
5852
|
-
var ModalAnalyst = Component$
|
|
5871
|
+
var ModalAnalyst = Component$F;
|
|
5853
5872
|
|
|
5854
5873
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5855
5874
|
|
|
@@ -6070,18 +6089,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
6070
6089
|
React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
6071
6090
|
};
|
|
6072
6091
|
|
|
6073
|
-
var styles$
|
|
6092
|
+
var styles$w = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
|
|
6074
6093
|
|
|
6075
|
-
var Component$
|
|
6094
|
+
var Component$E = function (_a) {
|
|
6076
6095
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
6077
6096
|
if (!title)
|
|
6078
6097
|
return null;
|
|
6079
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6098
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React.createElement("h3", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React.createElement(Divider, null))));
|
|
6080
6099
|
};
|
|
6081
6100
|
/**
|
|
6082
6101
|
* Organism UI child component of nav menu analyst
|
|
6083
6102
|
*/
|
|
6084
|
-
var NavMenuAnalystDivider = Component$
|
|
6103
|
+
var NavMenuAnalystDivider = Component$E;
|
|
6085
6104
|
|
|
6086
6105
|
var navMenuAnalystIcons = {
|
|
6087
6106
|
home: {
|
|
@@ -6130,9 +6149,9 @@ var navMenuAnalystIcons = {
|
|
|
6130
6149
|
}
|
|
6131
6150
|
};
|
|
6132
6151
|
|
|
6133
|
-
var styles$
|
|
6152
|
+
var styles$v = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
|
|
6134
6153
|
|
|
6135
|
-
var Component$
|
|
6154
|
+
var Component$D = function (_a) {
|
|
6136
6155
|
var _b;
|
|
6137
6156
|
var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
|
|
6138
6157
|
var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
|
|
@@ -6215,7 +6234,7 @@ var Component$v = function (_a) {
|
|
|
6215
6234
|
}
|
|
6216
6235
|
}, [option.data, queryString, useQueryString]);
|
|
6217
6236
|
var linkStyles = CNM.get({
|
|
6218
|
-
styles: styles$
|
|
6237
|
+
styles: styles$v,
|
|
6219
6238
|
cls: [
|
|
6220
6239
|
'nav-menu-analyst-option__link',
|
|
6221
6240
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -6223,7 +6242,7 @@ var Component$v = function (_a) {
|
|
|
6223
6242
|
]
|
|
6224
6243
|
});
|
|
6225
6244
|
var dropdownStyles = CNM.get({
|
|
6226
|
-
styles: styles$
|
|
6245
|
+
styles: styles$v,
|
|
6227
6246
|
cls: [
|
|
6228
6247
|
'nav-menu-analyst-option__dropdown',
|
|
6229
6248
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -6241,21 +6260,21 @@ var Component$v = function (_a) {
|
|
|
6241
6260
|
}
|
|
6242
6261
|
return (React.createElement("div", { title: option.title, ref: optionRef },
|
|
6243
6262
|
React.createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
6244
|
-
styles: styles$
|
|
6263
|
+
styles: styles$v,
|
|
6245
6264
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
6246
6265
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
6247
6266
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
6248
6267
|
size: 18
|
|
6249
6268
|
} }, option.data.map(function (item, i) { return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6250
|
-
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$
|
|
6251
|
-
item.children.map(function (child, j) { return (React.createElement(Component$
|
|
6269
|
+
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
6270
|
+
item.children.map(function (child, j) { return (React.createElement(Component$D, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
|
|
6252
6271
|
};
|
|
6253
6272
|
/**
|
|
6254
6273
|
* Organism UI child component of nav menu analyst
|
|
6255
6274
|
*/
|
|
6256
|
-
var NavMenuAnalystOption = Component$
|
|
6275
|
+
var NavMenuAnalystOption = Component$D;
|
|
6257
6276
|
|
|
6258
|
-
var styles$
|
|
6277
|
+
var styles$u = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
|
|
6259
6278
|
|
|
6260
6279
|
var useAnalystModal = function (modals) {
|
|
6261
6280
|
var _a = useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -6299,7 +6318,7 @@ var AnalystProvider = function (_a) {
|
|
|
6299
6318
|
};
|
|
6300
6319
|
var useAnalyst = function () { return useContext(AnalystContext); };
|
|
6301
6320
|
|
|
6302
|
-
var Component$
|
|
6321
|
+
var Component$C = function (_a) {
|
|
6303
6322
|
var _b, _c;
|
|
6304
6323
|
var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
|
|
6305
6324
|
var containerRef = useRef(null);
|
|
@@ -6329,17 +6348,17 @@ var Component$u = function (_a) {
|
|
|
6329
6348
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
6330
6349
|
};
|
|
6331
6350
|
return (React.createElement("div", { className: CNM.get({
|
|
6332
|
-
styles: styles$
|
|
6351
|
+
styles: styles$u,
|
|
6333
6352
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
6334
6353
|
}) },
|
|
6335
|
-
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
6354
|
+
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__header'] }) },
|
|
6336
6355
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
6337
|
-
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
6338
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6356
|
+
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__container'] }) },
|
|
6357
|
+
React.createElement("div", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React.createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__section'] }) },
|
|
6339
6358
|
React.createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
6340
6359
|
section.children.map(function (child, j) { return (React.createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
6341
6360
|
React.createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
6342
|
-
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6361
|
+
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__region'] }) },
|
|
6343
6362
|
React.createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
6344
6363
|
icons: {
|
|
6345
6364
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -6350,27 +6369,27 @@ var Component$u = function (_a) {
|
|
|
6350
6369
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
6351
6370
|
} }))),
|
|
6352
6371
|
React.createElement("footer", { className: CNM.get({
|
|
6353
|
-
styles: styles$
|
|
6372
|
+
styles: styles$u,
|
|
6354
6373
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
6355
|
-
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
6374
|
+
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
6356
6375
|
React.createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
6357
6376
|
option.children.map(function (child, j) { return (React.createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
6358
6377
|
};
|
|
6359
6378
|
/**
|
|
6360
6379
|
* Organism UI component of navigation menu analyst
|
|
6361
6380
|
*/
|
|
6362
|
-
var NavMenuAnalyst = Component$
|
|
6381
|
+
var NavMenuAnalyst = Component$C;
|
|
6363
6382
|
|
|
6364
|
-
var styles$
|
|
6383
|
+
var styles$t = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
|
|
6365
6384
|
|
|
6366
|
-
var Component$
|
|
6385
|
+
var Component$B = function (_a) {
|
|
6367
6386
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
6368
6387
|
var cancelButton = useMediaQuery(React.createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
6369
|
-
styles: styles$
|
|
6388
|
+
styles: styles$t,
|
|
6370
6389
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
6371
6390
|
}), onClick: function () { return handleClose(null); } }), {
|
|
6372
6391
|
sm: (React.createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
6373
|
-
styles: styles$
|
|
6392
|
+
styles: styles$t,
|
|
6374
6393
|
cls: [
|
|
6375
6394
|
'nav-menu-analyst-region-modal-content__button',
|
|
6376
6395
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -6378,34 +6397,34 @@ var Component$t = function (_a) {
|
|
|
6378
6397
|
}), onClick: function () { return handleClose(null); } }))
|
|
6379
6398
|
});
|
|
6380
6399
|
return (React.createElement(React.Fragment, null,
|
|
6381
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6400
|
+
React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
6382
6401
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
6383
6402
|
return (React.createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
6384
6403
|
icon: flag,
|
|
6385
6404
|
alt: lang,
|
|
6386
|
-
className: CNM.get({ styles: styles$
|
|
6387
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
6405
|
+
className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
6406
|
+
}, childrenClassName: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
6388
6407
|
var lang = _a.lang;
|
|
6389
6408
|
return lang === defaultRegion;
|
|
6390
6409
|
}) ? defaultRegion === lang : index === 0) &&
|
|
6391
6410
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
6392
6411
|
React.createElement("span", null, name)));
|
|
6393
6412
|
})),
|
|
6394
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6413
|
+
React.createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
6395
6414
|
cancelButton,
|
|
6396
6415
|
React.createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
6397
|
-
styles: styles$
|
|
6416
|
+
styles: styles$t,
|
|
6398
6417
|
cls: [
|
|
6399
6418
|
'nav-menu-analyst-region-modal-content__button',
|
|
6400
6419
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
6401
6420
|
]
|
|
6402
6421
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
6403
6422
|
};
|
|
6404
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
6423
|
+
var NavMenuAnalystRegionModalContent = Component$B;
|
|
6405
6424
|
|
|
6406
|
-
var styles$
|
|
6425
|
+
var styles$s = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
6407
6426
|
|
|
6408
|
-
var Component$
|
|
6427
|
+
var Component$A = function (_a) {
|
|
6409
6428
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
6410
6429
|
var _b = useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
6411
6430
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -6413,9 +6432,9 @@ var Component$s = function (_a) {
|
|
|
6413
6432
|
setSelectedRegion(null);
|
|
6414
6433
|
handleRegionChange(region);
|
|
6415
6434
|
}, [handleRegionChange]);
|
|
6416
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
6435
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6417
6436
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
6418
|
-
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
6437
|
+
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6419
6438
|
React.createElement("h2", null, regionModal.title),
|
|
6420
6439
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
6421
6440
|
});
|
|
@@ -6424,24 +6443,24 @@ var Component$s = function (_a) {
|
|
|
6424
6443
|
/**
|
|
6425
6444
|
* Organism UI child component of nav menu analyst
|
|
6426
6445
|
*/
|
|
6427
|
-
var NavMenuAnalystRegionModal = Component$
|
|
6446
|
+
var NavMenuAnalystRegionModal = Component$A;
|
|
6428
6447
|
|
|
6429
|
-
var styles$
|
|
6448
|
+
var styles$r = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
6430
6449
|
|
|
6431
|
-
var Component$
|
|
6450
|
+
var Component$z = function (_a) {
|
|
6432
6451
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
6433
6452
|
var handleClose = useCallback(function () {
|
|
6434
6453
|
if (onClose) {
|
|
6435
6454
|
onClose();
|
|
6436
6455
|
}
|
|
6437
6456
|
}, [onClose]);
|
|
6438
|
-
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
6457
|
+
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$r, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
6439
6458
|
React.createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
6440
6459
|
};
|
|
6441
6460
|
/**
|
|
6442
6461
|
* Organism UI component of navigation menu analyst
|
|
6443
6462
|
*/
|
|
6444
|
-
var NavMenuDrawerAnalyst = Component$
|
|
6463
|
+
var NavMenuDrawerAnalyst = Component$z;
|
|
6445
6464
|
|
|
6446
6465
|
var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
|
|
6447
6466
|
|
|
@@ -6638,6 +6657,87 @@ var OneSelectionEntry = function (_a) {
|
|
|
6638
6657
|
React.createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6639
6658
|
};
|
|
6640
6659
|
|
|
6660
|
+
var styles$q = {"processes-text-common":"mg_processes_card_processes-text-common_isthd","processes-card__text":"mg_processes_card_processes-card_text_isthd","processes-card__title":"mg_processes_card_processes-card_title_isthd","processes-text-status--Sent":"mg_processes_card_processes-text-status--Sent_isthd","processes-text-status--Hired":"mg_processes_card_processes-text-status--Hired_isthd","processes-text-status--Pending":"mg_processes_card_processes-text-status--Pending_isthd","processes-text-status--Finalists":"mg_processes_card_processes-text-status--Finalists_isthd","processes-text-status--Discarded":"mg_processes_card_processes-text-status--Discarded_isthd","processes-text-status--Validation":"mg_processes_card_processes-text-status--Validation_isthd","processes-card":"mg_processes_card_processes-card_isthd","processes-card--is-selected":"mg_processes_card_processes-card--is-selected_isthd","processes-card__section":"mg_processes_card_processes-card_section_isthd","processes-card__arrow-left":"mg_processes_card_processes-card_arrow-left_isthd","processes-card__status-card--Sent":"mg_processes_card_processes-card_status-card--Sent_isthd","processes-card__status-card--Hired":"mg_processes_card_processes-card_status-card--Hired_isthd","processes-card__status-card--Pending":"mg_processes_card_processes-card_status-card--Pending_isthd","processes-card__status-card--Finalists":"mg_processes_card_processes-card_status-card--Finalists_isthd","processes-card__status-card--Discarded":"mg_processes_card_processes-card_status-card--Discarded_isthd","processes-card__status-card--Validation":"mg_processes_card_processes-card_status-card--Validation_isthd","processes-card__status-card--is-selected":"mg_processes_card_processes-card_status-card--is-selected_isthd","processes-card__status-card":"mg_processes_card_processes-card_status-card_isthd","processes-card__brand":"mg_processes_card_processes-card_brand_isthd","processes-card__text--strong":"mg_processes_card_processes-card_text--strong_isthd","processes-card__icon-status":"mg_processes_card_processes-card_icon-status_isthd"};
|
|
6661
|
+
|
|
6662
|
+
var cx$l = classNames.bind(styles$q);
|
|
6663
|
+
var Component$y = function (_a) {
|
|
6664
|
+
var children = _a.children, className = _a.className;
|
|
6665
|
+
return React.createElement("div", { className: cx$l('processes-card__section', className) }, children);
|
|
6666
|
+
};
|
|
6667
|
+
var ProcessesCardSection = Component$y;
|
|
6668
|
+
|
|
6669
|
+
var cx$k = classNames.bind(styles$q);
|
|
6670
|
+
var Component$x = function (_a) {
|
|
6671
|
+
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
|
|
6672
|
+
return (React.createElement("div", { className: cx$k('processes-card__status-card', className, "processes-card__status-card--".concat(status), {
|
|
6673
|
+
'processes-card__status-card--is-selected': isSelected
|
|
6674
|
+
}) }, children));
|
|
6675
|
+
};
|
|
6676
|
+
var ProcessesCardStatus = Component$x;
|
|
6677
|
+
|
|
6678
|
+
var cx$j = classNames.bind(styles$q);
|
|
6679
|
+
var Component$w = function (_a) {
|
|
6680
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
6681
|
+
return React.createElement("img", __assign({ className: cx$j('processes-card__brand', className) }, props));
|
|
6682
|
+
};
|
|
6683
|
+
var ProcessesCardBrand = Component$w;
|
|
6684
|
+
|
|
6685
|
+
var cx$i = classNames.bind(styles$q);
|
|
6686
|
+
var Component$v = function (_a) {
|
|
6687
|
+
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b;
|
|
6688
|
+
return React.createElement("h3", { className: cx$i('processes-card__title', className, "processes-text-status--".concat(status)) }, children);
|
|
6689
|
+
};
|
|
6690
|
+
var ProcessesCardTitle = Component$v;
|
|
6691
|
+
|
|
6692
|
+
var cx$h = classNames.bind(styles$q);
|
|
6693
|
+
var Component$u = function (_a) {
|
|
6694
|
+
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.strong, strong = _c === void 0 ? false : _c;
|
|
6695
|
+
return (React.createElement("p", { className: cx$h('processes-card__text', className, "processes-text-status--".concat(status), {
|
|
6696
|
+
'processes-card__text--strong': strong
|
|
6697
|
+
}) }, children));
|
|
6698
|
+
};
|
|
6699
|
+
var ProcessesCardText = Component$u;
|
|
6700
|
+
|
|
6701
|
+
var cx$g = classNames.bind(styles$q);
|
|
6702
|
+
var Component$t = function (_a) {
|
|
6703
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
6704
|
+
return React.createElement("img", __assign({ className: cx$g('processes-card__arrow-left', className), src: ArrowRight2 }, props));
|
|
6705
|
+
};
|
|
6706
|
+
var ProcessesCardArrow = Component$t;
|
|
6707
|
+
|
|
6708
|
+
var cx$f = classNames.bind(styles$q);
|
|
6709
|
+
var Component$s = function (_a) {
|
|
6710
|
+
var status = _a.status, props = __rest(_a, ["status"]);
|
|
6711
|
+
var iconByStatus = function (status) {
|
|
6712
|
+
var icons = {
|
|
6713
|
+
Discarded: UserRemove,
|
|
6714
|
+
Finalists: People,
|
|
6715
|
+
Hired: UserTick,
|
|
6716
|
+
Pending: ClockLine,
|
|
6717
|
+
Sent: DocumentForward,
|
|
6718
|
+
Validation: DocumentSearch
|
|
6719
|
+
};
|
|
6720
|
+
return icons[status];
|
|
6721
|
+
};
|
|
6722
|
+
return React.createElement("img", __assign({ className: cx$f('processes-card__icon-status'), src: iconByStatus(status), alt: "icons-status" }, props));
|
|
6723
|
+
};
|
|
6724
|
+
var ProcessesCardIconStatus = Component$s;
|
|
6725
|
+
|
|
6726
|
+
var cx$e = classNames.bind(styles$q);
|
|
6727
|
+
var Component$r = function (_a) {
|
|
6728
|
+
var children = _a.children, className = _a.className, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "isSelected"]);
|
|
6729
|
+
return (React.createElement("button", __assign({}, props, { className: cx$e('processes-card', className, { 'processes-card--is-selected': isSelected }), type: "button" }), children));
|
|
6730
|
+
};
|
|
6731
|
+
var ProcessesCard = Object.assign(Component$r, {
|
|
6732
|
+
IconStatus: ProcessesCardIconStatus,
|
|
6733
|
+
Section: ProcessesCardSection,
|
|
6734
|
+
Status: ProcessesCardStatus,
|
|
6735
|
+
Brand: ProcessesCardBrand,
|
|
6736
|
+
Arrow: ProcessesCardArrow,
|
|
6737
|
+
Title: ProcessesCardTitle,
|
|
6738
|
+
Text: ProcessesCardText
|
|
6739
|
+
});
|
|
6740
|
+
|
|
6641
6741
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6642
6742
|
var SelectContext = React.createContext({
|
|
6643
6743
|
value: [],
|
|
@@ -7836,5 +7936,5 @@ var Component = function (_a) {
|
|
|
7836
7936
|
};
|
|
7837
7937
|
var SuggestedJobsPage = Component;
|
|
7838
7938
|
|
|
7839
|
-
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, 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, FraudCardJob, 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, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7939
|
+
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, 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, FraudCardJob, 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, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, 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, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7840
7940
|
//# sourceMappingURL=index.js.map
|