magneto365.ui 2.54.1 → 2.55.1
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 +678 -576
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -3
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/FraudCardJob.interface.d.ts +18 -0
- 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/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +3 -2
- package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +5 -4
- 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/cjs/types/constants/stories/fraudCardJob.constant.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +677 -577
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -3
- package/dist/esm/types/components/UI/molecules/FraudCardJob/FraudCardJob.interface.d.ts +18 -0
- 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/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +3 -2
- package/dist/esm/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +5 -4
- 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/esm/types/constants/stories/fraudCardJob.constant.d.ts +2 -0
- package/dist/index.d.ts +103 -9
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -250,7 +250,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
250
250
|
|
|
251
251
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
|
-
var Component$
|
|
253
|
+
var Component$2k = function (_a) {
|
|
254
254
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
|
|
255
255
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
256
256
|
var handleError = function () {
|
|
@@ -266,9 +266,9 @@ var Component$2b = function (_a) {
|
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$2k;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$28 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
272
272
|
|
|
273
273
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
274
274
|
|
|
@@ -328,6 +328,8 @@ var Checked = "https://static.magneto365.com/lib/assets/530e8da9d7699174.svg";
|
|
|
328
328
|
|
|
329
329
|
var Clock = "https://static.magneto365.com/lib/assets/4219aa1f11a79041.svg";
|
|
330
330
|
|
|
331
|
+
var ClockLine = "https://static.magneto365.com/lib/assets/035d90cb55b544da.svg";
|
|
332
|
+
|
|
331
333
|
var Close = "https://static.magneto365.com/lib/assets/2cb852fd568fb219.svg";
|
|
332
334
|
|
|
333
335
|
var CloseCircle = "https://static.magneto365.com/lib/assets/8cfd4406b512a517.svg";
|
|
@@ -342,6 +344,10 @@ var DocTextBlueBold = "https://static.magneto365.com/lib/assets/534ed15cadd2c1e2
|
|
|
342
344
|
|
|
343
345
|
var DocTextWhiteOutline = "https://static.magneto365.com/lib/assets/7b6b8e384fddcfc0.svg";
|
|
344
346
|
|
|
347
|
+
var DocumentForward = "https://static.magneto365.com/lib/assets/1aba91fa564f11d7.svg";
|
|
348
|
+
|
|
349
|
+
var DocumentSearch = "https://static.magneto365.com/lib/assets/3a1c54796cd5e026.svg";
|
|
350
|
+
|
|
345
351
|
var DocumentTextGray = "https://static.magneto365.com/lib/assets/e6c25ccc7957e05e.svg";
|
|
346
352
|
|
|
347
353
|
var DollarCircle = "https://static.magneto365.com/lib/assets/e398388dfbd7a649.svg";
|
|
@@ -500,6 +506,8 @@ var Urgent = "https://static.magneto365.com/lib/assets/5c4e927a0bd04465.svg";
|
|
|
500
506
|
|
|
501
507
|
var User = "https://static.magneto365.com/lib/assets/2c2a99f021022515.svg";
|
|
502
508
|
|
|
509
|
+
var UserRemove = "https://static.magneto365.com/lib/assets/3e2d04cc8ff5910d.svg";
|
|
510
|
+
|
|
503
511
|
var UserRoundedBlue = "https://static.magneto365.com/lib/assets/420b8a59d0a761cb.svg";
|
|
504
512
|
|
|
505
513
|
var UserRoundedGray = "https://static.magneto365.com/lib/assets/549f19549c6526ff.svg";
|
|
@@ -508,12 +516,14 @@ var UserSearchBlueBold = "https://static.magneto365.com/lib/assets/59568e4ff48e8
|
|
|
508
516
|
|
|
509
517
|
var UserSearchWhiteOutline = "https://static.magneto365.com/lib/assets/eb30208cbf93fa82.svg";
|
|
510
518
|
|
|
511
|
-
var
|
|
519
|
+
var UserTick = "https://static.magneto365.com/lib/assets/f3929a315218dc82.svg";
|
|
512
520
|
|
|
513
|
-
var
|
|
521
|
+
var Warning = "https://static.magneto365.com/lib/assets/bfab45bdc4d8d900.svg";
|
|
514
522
|
|
|
515
523
|
var Warning3D = "https://static.magneto365.com/lib/assets/8a37a9c7b0fd5027.svg";
|
|
516
524
|
|
|
525
|
+
var WarningHex = "https://static.magneto365.com/lib/assets/58346511fd62e29a.svg";
|
|
526
|
+
|
|
517
527
|
var WarningYellowBold = "https://static.magneto365.com/lib/assets/8949e8e4bfb2ef16.svg";
|
|
518
528
|
|
|
519
529
|
var WhatsAppColor = "https://static.magneto365.com/lib/assets/75c50160036c6fdf.svg";
|
|
@@ -526,31 +536,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
526
536
|
|
|
527
537
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
528
538
|
|
|
529
|
-
var Component$
|
|
539
|
+
var Component$2j = function (_a) {
|
|
530
540
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
531
541
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
532
542
|
var handleError = function () {
|
|
533
543
|
setImageError(true);
|
|
534
544
|
};
|
|
535
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
545
|
+
return (React__default["default"].createElement("div", { className: styles$28.avatarComponent, onClick: onClick },
|
|
536
546
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
537
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
547
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$28['magneto-ui-default-avatar'] },
|
|
538
548
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
539
549
|
};
|
|
540
550
|
/**
|
|
541
551
|
* UI Atom component of Avatar
|
|
542
552
|
*/
|
|
543
|
-
var Avatar = Component$
|
|
553
|
+
var Avatar = Component$2j;
|
|
544
554
|
|
|
545
|
-
var styles$
|
|
555
|
+
var styles$27 = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
546
556
|
|
|
547
|
-
var Component$
|
|
557
|
+
var Component$2i = function (_a) {
|
|
548
558
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
549
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
550
|
-
React__default["default"].createElement("span", { className: styles$
|
|
559
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$27['badge-count'], " ").concat(className) },
|
|
560
|
+
React__default["default"].createElement("span", { className: styles$27['badge-count__animation'] }),
|
|
551
561
|
number && number));
|
|
552
562
|
};
|
|
553
|
-
var Badge = Component$
|
|
563
|
+
var Badge = Component$2i;
|
|
554
564
|
|
|
555
565
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
556
566
|
|
|
@@ -667,9 +677,9 @@ var SignUpButtonStyle = {
|
|
|
667
677
|
}
|
|
668
678
|
};
|
|
669
679
|
|
|
670
|
-
var styles$
|
|
680
|
+
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"};
|
|
671
681
|
|
|
672
|
-
var styles$
|
|
682
|
+
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"};
|
|
673
683
|
|
|
674
684
|
var ShareIcons = {
|
|
675
685
|
Facebook: {
|
|
@@ -689,7 +699,7 @@ var ShareIcons = {
|
|
|
689
699
|
}
|
|
690
700
|
};
|
|
691
701
|
|
|
692
|
-
var Component$
|
|
702
|
+
var Component$2h = function (_a) {
|
|
693
703
|
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;
|
|
694
704
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
695
705
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -702,46 +712,46 @@ var Component$28 = function (_a) {
|
|
|
702
712
|
};
|
|
703
713
|
if (component)
|
|
704
714
|
return component;
|
|
705
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
706
|
-
React__default["default"].createElement("div", { id: styles$
|
|
715
|
+
return (React__default["default"].createElement("div", { className: styles$25['magneto-ui-actions'] },
|
|
716
|
+
React__default["default"].createElement("div", { id: styles$25['magneto-ui__external-child'] }, externalButtonChild),
|
|
707
717
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
708
|
-
React__default["default"].createElement("button", { className: styles$
|
|
718
|
+
React__default["default"].createElement("button", { className: styles$25['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
709
719
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
710
720
|
} },
|
|
711
721
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
712
722
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
713
723
|
actionsLinkList.map(function (_a, index) {
|
|
714
724
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
715
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
725
|
+
return (React__default["default"].createElement("a", { className: styles$25['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
716
726
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
717
727
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
718
728
|
}),
|
|
719
|
-
React__default["default"].createElement("div", { className: styles$
|
|
720
|
-
React__default["default"].createElement("p", { className: styles$
|
|
721
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
729
|
+
React__default["default"].createElement("div", { className: styles$25['magneto-ui-actions__header'] },
|
|
730
|
+
React__default["default"].createElement("p", { className: styles$25['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
731
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$25['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
722
732
|
};
|
|
723
733
|
var ShareLinksAction = function (_a) {
|
|
724
734
|
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;
|
|
725
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
726
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
735
|
+
return (React__default["default"].createElement("div", { className: styles$25['magneto-ui-actions'] },
|
|
736
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$25['magneto-ui-actions__share'] }, shareProps)),
|
|
727
737
|
shareLinks.map(function (_a, index) {
|
|
728
738
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
729
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
739
|
+
return (React__default["default"].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(' ') },
|
|
730
740
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
731
741
|
React__default["default"].createElement("span", null, title)));
|
|
732
742
|
}),
|
|
733
|
-
React__default["default"].createElement("div", { className: styles$
|
|
734
|
-
React__default["default"].createElement("p", { className: styles$
|
|
735
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
736
|
-
React__default["default"].createElement("div", { className: styles$
|
|
737
|
-
React__default["default"].createElement("button", { className: styles$
|
|
743
|
+
React__default["default"].createElement("div", { className: styles$25['magneto-ui-actions__header'] },
|
|
744
|
+
React__default["default"].createElement("p", { className: styles$25['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
745
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$25['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
746
|
+
React__default["default"].createElement("div", { className: styles$25['magneto-ui-actions__back'] },
|
|
747
|
+
React__default["default"].createElement("button", { className: styles$25['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
738
748
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
739
749
|
backText)));
|
|
740
750
|
};
|
|
741
751
|
/**
|
|
742
752
|
* UI Molecule componet of Actions
|
|
743
753
|
*/
|
|
744
|
-
var Actions = Object.assign(Component$
|
|
754
|
+
var Actions = Object.assign(Component$2h, { ShareLinks: ShareLinksAction });
|
|
745
755
|
|
|
746
756
|
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"};
|
|
747
757
|
|
|
@@ -767,7 +777,7 @@ var alertIcons = {
|
|
|
767
777
|
warning: Warning,
|
|
768
778
|
error: Error
|
|
769
779
|
};
|
|
770
|
-
var Component$
|
|
780
|
+
var Component$2g = function (_a) {
|
|
771
781
|
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;
|
|
772
782
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
773
783
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -779,7 +789,7 @@ var Component$27 = function (_a) {
|
|
|
779
789
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
780
790
|
extraButton));
|
|
781
791
|
};
|
|
782
|
-
var Alert = Component$
|
|
792
|
+
var Alert = Component$2g;
|
|
783
793
|
|
|
784
794
|
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"};
|
|
785
795
|
|
|
@@ -866,8 +876,8 @@ var classNames = {
|
|
|
866
876
|
}
|
|
867
877
|
};
|
|
868
878
|
|
|
869
|
-
var cx$
|
|
870
|
-
var Component$
|
|
879
|
+
var cx$n = classNames.bind(style$W);
|
|
880
|
+
var Component$2f = function (_a) {
|
|
871
881
|
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;
|
|
872
882
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
873
883
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -893,17 +903,17 @@ var Component$26 = function (_a) {
|
|
|
893
903
|
};
|
|
894
904
|
}, [isOpen]);
|
|
895
905
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
896
|
-
React__default["default"].createElement("div", { className: cx$
|
|
906
|
+
React__default["default"].createElement("div", { className: cx$n('magneto-ui-mobile-drawer', className) },
|
|
897
907
|
React__default["default"].createElement("aside", { className: style$W[showMenu] },
|
|
898
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
908
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$n('magneto-ui-close-button'), onClick: onClose },
|
|
899
909
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
|
|
900
|
-
React__default["default"].createElement("div", { className: cx$
|
|
901
|
-
isOpen && (React__default["default"].createElement("span", { className: cx$
|
|
910
|
+
React__default["default"].createElement("div", { className: cx$n('magneto-ui-container') }, children)),
|
|
911
|
+
isOpen && (React__default["default"].createElement("span", { className: cx$n('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
902
912
|
};
|
|
903
913
|
/**
|
|
904
914
|
* Molecule UI component for Mobile Drawer
|
|
905
915
|
*/
|
|
906
|
-
var MobileDrawer = Component$
|
|
916
|
+
var MobileDrawer = Component$2f;
|
|
907
917
|
|
|
908
918
|
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"};
|
|
909
919
|
|
|
@@ -959,11 +969,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
959
969
|
};
|
|
960
970
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
961
971
|
|
|
962
|
-
var styles$
|
|
972
|
+
var styles$24 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
963
973
|
|
|
964
|
-
var Component$
|
|
974
|
+
var Component$2e = function (_a) {
|
|
965
975
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
966
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
976
|
+
return (React__default["default"].createElement("div", { className: styles$24.BreadcrumbsComponent },
|
|
967
977
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
968
978
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
969
979
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -971,52 +981,52 @@ var Component$25 = function (_a) {
|
|
|
971
981
|
/**
|
|
972
982
|
* Molecule UI component for breadcrums information
|
|
973
983
|
*/
|
|
974
|
-
var Breadcrumbs = Component$
|
|
984
|
+
var Breadcrumbs = Component$2e;
|
|
975
985
|
|
|
976
|
-
var styles$
|
|
986
|
+
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"};
|
|
977
987
|
|
|
978
988
|
var CitiesDetailDrawer = function (_a) {
|
|
979
989
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
980
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
981
|
-
React__default["default"].createElement("div", { className: styles$
|
|
990
|
+
return (React__default["default"].createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
991
|
+
React__default["default"].createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
982
992
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
983
|
-
React__default["default"].createElement("div", { className: styles$
|
|
984
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
993
|
+
React__default["default"].createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
994
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
985
995
|
cities &&
|
|
986
996
|
cities.map(function (_a, index) {
|
|
987
997
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
988
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
998
|
+
return (React__default["default"].createElement("div", { className: styles$23['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
989
999
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
990
1000
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
991
1001
|
})))) : null));
|
|
992
1002
|
};
|
|
993
1003
|
|
|
994
|
-
var styles$
|
|
1004
|
+
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"};
|
|
995
1005
|
|
|
996
|
-
var Component$
|
|
1006
|
+
var Component$2d = function (_a) {
|
|
997
1007
|
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;
|
|
998
1008
|
var disabledArrow = React.useMemo(function () {
|
|
999
1009
|
if (disabled)
|
|
1000
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1010
|
+
return (React__default["default"].createElement(IconItem, { className: styles$22['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1001
1011
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1002
1012
|
}, [disabled]);
|
|
1003
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1004
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1005
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1013
|
+
return (React__default["default"].createElement("div", { className: styles$22['magneto-ui--date-dropdown__wrapper'] },
|
|
1014
|
+
React__default["default"].createElement("select", { className: styles$22["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1015
|
+
React__default["default"].createElement("option", { className: styles$22['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1006
1016
|
dateOptions.map(function (_a) {
|
|
1007
1017
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1008
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1018
|
+
return (React__default["default"].createElement("option", { className: styles$22['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1009
1019
|
})),
|
|
1010
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1020
|
+
React__default["default"].createElement("span", { className: styles$22['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1011
1021
|
};
|
|
1012
|
-
var DateDropdown = Component$
|
|
1022
|
+
var DateDropdown = Component$2d;
|
|
1013
1023
|
|
|
1014
|
-
var styles$
|
|
1024
|
+
var styles$21 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1015
1025
|
|
|
1016
1026
|
var defaultValue$1 = function (value) {
|
|
1017
1027
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1018
1028
|
};
|
|
1019
|
-
var Component$
|
|
1029
|
+
var Component$2c = function (_a) {
|
|
1020
1030
|
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;
|
|
1021
1031
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1022
1032
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1050,16 +1060,16 @@ var Component$23 = function (_a) {
|
|
|
1050
1060
|
}
|
|
1051
1061
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1052
1062
|
}, [disabled]);
|
|
1053
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1063
|
+
return (React__default["default"].createElement("div", { className: styles$21['magneto-ui--date-picker__wrapper'] },
|
|
1054
1064
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1055
1065
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1056
1066
|
};
|
|
1057
|
-
var DatePicker = Component$
|
|
1067
|
+
var DatePicker = Component$2c;
|
|
1058
1068
|
|
|
1059
1069
|
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"};
|
|
1060
1070
|
|
|
1061
1071
|
var DEFAULT_PADDING = 20;
|
|
1062
|
-
var Component$
|
|
1072
|
+
var Component$2b = function (_a) {
|
|
1063
1073
|
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;
|
|
1064
1074
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1065
1075
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1105,7 +1115,7 @@ var Component$22 = function (_a) {
|
|
|
1105
1115
|
/**
|
|
1106
1116
|
* Molecule UI component for Drawer
|
|
1107
1117
|
*/
|
|
1108
|
-
var Drawer = Component$
|
|
1118
|
+
var Drawer = Component$2b;
|
|
1109
1119
|
|
|
1110
1120
|
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"};
|
|
1111
1121
|
|
|
@@ -1168,15 +1178,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1168
1178
|
_c)
|
|
1169
1179
|
};
|
|
1170
1180
|
|
|
1171
|
-
var styles$
|
|
1181
|
+
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"};
|
|
1172
1182
|
|
|
1173
|
-
var Component$
|
|
1183
|
+
var Component$2a = function (_a) {
|
|
1174
1184
|
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;
|
|
1175
1185
|
var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1176
1186
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1177
1187
|
var componentProps = React.useMemo(function () {
|
|
1178
1188
|
var className = CNM.get({
|
|
1179
|
-
styles: styles$
|
|
1189
|
+
styles: styles$20,
|
|
1180
1190
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1181
1191
|
});
|
|
1182
1192
|
if (isUrl)
|
|
@@ -1198,48 +1208,48 @@ var Component$21 = function (_a) {
|
|
|
1198
1208
|
}
|
|
1199
1209
|
return;
|
|
1200
1210
|
}, [loading, variant]);
|
|
1201
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1202
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1211
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-action', className] }) },
|
|
1212
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-action__container'] }) },
|
|
1203
1213
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1204
1214
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1205
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1215
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-action__title'] }) }, title),
|
|
1206
1216
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1207
1217
|
};
|
|
1208
1218
|
/**
|
|
1209
1219
|
* Molecule UI child component of expandable info
|
|
1210
1220
|
*/
|
|
1211
|
-
var ExpandableInfoAction = Component$
|
|
1221
|
+
var ExpandableInfoAction = Component$2a;
|
|
1212
1222
|
|
|
1213
|
-
var styles$
|
|
1223
|
+
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"};
|
|
1214
1224
|
|
|
1215
|
-
var Component$
|
|
1225
|
+
var Component$29 = function (_a) {
|
|
1216
1226
|
var sections = _a.sections, footer = _a.footer;
|
|
1217
1227
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1218
1228
|
return CNM.get({
|
|
1219
|
-
styles: styles$
|
|
1229
|
+
styles: styles$1$,
|
|
1220
1230
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1221
1231
|
});
|
|
1222
1232
|
}, []);
|
|
1223
1233
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1224
1234
|
return CNM.get({
|
|
1225
|
-
styles: styles$
|
|
1235
|
+
styles: styles$1$,
|
|
1226
1236
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1227
1237
|
});
|
|
1228
1238
|
}, []);
|
|
1229
1239
|
var itemStyles = React.useCallback(function (first) {
|
|
1230
1240
|
return CNM.get({
|
|
1231
|
-
styles: styles$
|
|
1241
|
+
styles: styles$1$,
|
|
1232
1242
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1233
1243
|
});
|
|
1234
1244
|
}, []);
|
|
1235
1245
|
var textStyles = React.useCallback(function (bold) {
|
|
1236
1246
|
return CNM.get({
|
|
1237
|
-
styles: styles$
|
|
1247
|
+
styles: styles$1$,
|
|
1238
1248
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1239
1249
|
});
|
|
1240
1250
|
}, []);
|
|
1241
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1242
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1251
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details'] }) },
|
|
1252
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1243
1253
|
sections.map(function (section, index) {
|
|
1244
1254
|
var _a, _b;
|
|
1245
1255
|
return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1253,13 +1263,13 @@ var Component$20 = function (_a) {
|
|
|
1253
1263
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1254
1264
|
})));
|
|
1255
1265
|
}),
|
|
1256
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1257
|
-
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1266
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details__footer'] }) },
|
|
1267
|
+
React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1$, cls: ['expandable-info-details__action'] }) }))))));
|
|
1258
1268
|
};
|
|
1259
1269
|
/**
|
|
1260
1270
|
* Molecule UI child component of expandable info
|
|
1261
1271
|
*/
|
|
1262
|
-
var ExpandableInfoDetails = Component$
|
|
1272
|
+
var ExpandableInfoDetails = Component$29;
|
|
1263
1273
|
|
|
1264
1274
|
exports.EExpandableInfoVariant = void 0;
|
|
1265
1275
|
(function (EExpandableInfoVariant) {
|
|
@@ -1280,9 +1290,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1280
1290
|
_a$3)
|
|
1281
1291
|
};
|
|
1282
1292
|
|
|
1283
|
-
var styles$
|
|
1293
|
+
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"};
|
|
1284
1294
|
|
|
1285
|
-
var Component$
|
|
1295
|
+
var Component$28 = function (_a) {
|
|
1286
1296
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1287
1297
|
var icon = React.useCallback(function (icon) {
|
|
1288
1298
|
if (icon) {
|
|
@@ -1295,22 +1305,22 @@ var Component$1$ = function (_a) {
|
|
|
1295
1305
|
}, [variant]);
|
|
1296
1306
|
if (!title)
|
|
1297
1307
|
return null;
|
|
1298
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1299
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1308
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-message', className] }) },
|
|
1309
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-message__container'] }) },
|
|
1300
1310
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1301
1311
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1302
|
-
styles: styles$
|
|
1312
|
+
styles: styles$1_,
|
|
1303
1313
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1304
1314
|
}) }, title))));
|
|
1305
1315
|
};
|
|
1306
1316
|
/**
|
|
1307
1317
|
* Molecule UI child component of expandable info
|
|
1308
1318
|
*/
|
|
1309
|
-
var ExpandableInfoMessage = Component$
|
|
1319
|
+
var ExpandableInfoMessage = Component$28;
|
|
1310
1320
|
|
|
1311
|
-
var styles$
|
|
1321
|
+
var styles$1Z = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1312
1322
|
|
|
1313
|
-
var Component$
|
|
1323
|
+
var Component$27 = function (_a) {
|
|
1314
1324
|
var toggler = _a.toggler, details = _a.details;
|
|
1315
1325
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
1316
1326
|
var handleOnToggle = React.useCallback(function () {
|
|
@@ -1318,28 +1328,28 @@ var Component$1_ = function (_a) {
|
|
|
1318
1328
|
}, []);
|
|
1319
1329
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1320
1330
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1321
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1331
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-modal'] }) },
|
|
1322
1332
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1323
1333
|
};
|
|
1324
1334
|
/**
|
|
1325
1335
|
* Molecule UI child component of expandable info
|
|
1326
1336
|
*/
|
|
1327
|
-
var ExpandableInfoModal = Component$
|
|
1337
|
+
var ExpandableInfoModal = Component$27;
|
|
1328
1338
|
|
|
1329
|
-
var styles$
|
|
1339
|
+
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"};
|
|
1330
1340
|
|
|
1331
1341
|
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"};
|
|
1332
1342
|
|
|
1333
|
-
var styles$
|
|
1343
|
+
var styles$1X = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1334
1344
|
|
|
1335
1345
|
var Image = function (_a) {
|
|
1336
1346
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1337
1347
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1338
1348
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1339
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1349
|
+
playIcon && React__default["default"].createElement("div", { className: styles$1X['magneto-ui-play-button'] }, playIcon)));
|
|
1340
1350
|
};
|
|
1341
1351
|
|
|
1342
|
-
var styles$
|
|
1352
|
+
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"};
|
|
1343
1353
|
|
|
1344
1354
|
var MegaMenuCard = function (_a) {
|
|
1345
1355
|
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;
|
|
@@ -1349,17 +1359,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1349
1359
|
onClick();
|
|
1350
1360
|
}
|
|
1351
1361
|
}, [onClick]);
|
|
1352
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
1353
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
1362
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1W["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1363
|
+
icon && (React__default["default"].createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__icon"] },
|
|
1354
1364
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1355
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
1356
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1357
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1358
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1359
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1365
|
+
logo && (React__default["default"].createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__logo"] },
|
|
1366
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1W["magneto-ui-mega-menu-card__logo"] }))),
|
|
1367
|
+
React__default["default"].createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__content"] },
|
|
1368
|
+
React__default["default"].createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__title"] }, title),
|
|
1369
|
+
React__default["default"].createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1360
1370
|
maximumFractionDigits: 3
|
|
1361
1371
|
}), " cupos"))),
|
|
1362
|
-
showRigthArrow && (React__default["default"].createElement("div", { className: styles$
|
|
1372
|
+
showRigthArrow && (React__default["default"].createElement("div", { className: styles$1W["magneto-ui-mega-menu-card__arrow"] },
|
|
1363
1373
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1364
1374
|
};
|
|
1365
1375
|
|
|
@@ -1378,24 +1388,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1378
1388
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1379
1389
|
};
|
|
1380
1390
|
|
|
1381
|
-
var styles$
|
|
1391
|
+
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"};
|
|
1382
1392
|
|
|
1383
1393
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1384
1394
|
var Component = function (_a) {
|
|
1385
1395
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1386
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1387
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1396
|
+
return (React__default["default"].createElement("div", { className: styles$1V['mega-menu-side-container'] },
|
|
1397
|
+
React__default["default"].createElement("div", { className: styles$1V['mega-menu-side-container__side'] },
|
|
1388
1398
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1389
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1399
|
+
React__default["default"].createElement("div", { className: styles$1V['mega-menu-side-container__main'] },
|
|
1390
1400
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1391
1401
|
};
|
|
1392
1402
|
return Component;
|
|
1393
1403
|
};
|
|
1394
1404
|
|
|
1395
|
-
var Component$
|
|
1405
|
+
var Component$26 = function (_a) {
|
|
1396
1406
|
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;
|
|
1397
1407
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1398
|
-
styles: styles$
|
|
1408
|
+
styles: styles$1Y,
|
|
1399
1409
|
cls: [
|
|
1400
1410
|
'expandable-info-popover',
|
|
1401
1411
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1403,7 +1413,7 @@ var Component$1Z = function (_a) {
|
|
|
1403
1413
|
]
|
|
1404
1414
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1405
1415
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1406
|
-
styles: styles$
|
|
1416
|
+
styles: styles$1Y,
|
|
1407
1417
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1408
1418
|
}) }),
|
|
1409
1419
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1412,19 +1422,19 @@ var Component$1Z = function (_a) {
|
|
|
1412
1422
|
/**
|
|
1413
1423
|
* Molecule UI child component of expandable info
|
|
1414
1424
|
*/
|
|
1415
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1425
|
+
var ExpandableInfoPopover = withClickOut(Component$26);
|
|
1416
1426
|
|
|
1417
1427
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1418
1428
|
coin: CoinBlackOutline
|
|
1419
1429
|
};
|
|
1420
1430
|
|
|
1421
|
-
var styles$
|
|
1431
|
+
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"};
|
|
1422
1432
|
|
|
1423
|
-
var Component$
|
|
1433
|
+
var Component$25 = function (_a) {
|
|
1424
1434
|
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;
|
|
1425
1435
|
var styleGenerator = React.useCallback(function (base) {
|
|
1426
1436
|
return CNM.get({
|
|
1427
|
-
styles: styles$
|
|
1437
|
+
styles: styles$1U,
|
|
1428
1438
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1429
1439
|
});
|
|
1430
1440
|
}, [variant]);
|
|
@@ -1456,7 +1466,7 @@ var Component$1Y = function (_a) {
|
|
|
1456
1466
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1457
1467
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1458
1468
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1459
|
-
styles: styles$
|
|
1469
|
+
styles: styles$1U,
|
|
1460
1470
|
cls: [
|
|
1461
1471
|
'expandable-info-toggler__summary',
|
|
1462
1472
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1469,11 +1479,11 @@ var Component$1Y = function (_a) {
|
|
|
1469
1479
|
/**
|
|
1470
1480
|
* Molecule UI child component of expandable info
|
|
1471
1481
|
*/
|
|
1472
|
-
var ExpandableInfoToggler = Component$
|
|
1482
|
+
var ExpandableInfoToggler = Component$25;
|
|
1473
1483
|
|
|
1474
|
-
var styles$
|
|
1484
|
+
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"};
|
|
1475
1485
|
|
|
1476
|
-
var Component$
|
|
1486
|
+
var Component$24 = function (_a) {
|
|
1477
1487
|
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;
|
|
1478
1488
|
var togglerProps = React.useMemo(function () { return ({
|
|
1479
1489
|
details: details,
|
|
@@ -1487,9 +1497,9 @@ var Component$1X = function (_a) {
|
|
|
1487
1497
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1488
1498
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1489
1499
|
});
|
|
1490
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1500
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1T, cls: ['expandable-info'] }) },
|
|
1491
1501
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1492
|
-
styles: styles$
|
|
1502
|
+
styles: styles$1T,
|
|
1493
1503
|
cls: [
|
|
1494
1504
|
'expandable-info__container',
|
|
1495
1505
|
"expandable-info__container--".concat(variant),
|
|
@@ -1499,13 +1509,13 @@ var Component$1X = function (_a) {
|
|
|
1499
1509
|
}) },
|
|
1500
1510
|
container,
|
|
1501
1511
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1502
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1512
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].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__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1503
1513
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1504
1514
|
};
|
|
1505
1515
|
/**
|
|
1506
1516
|
* Molecule UI component for expandable info
|
|
1507
1517
|
*/
|
|
1508
|
-
var ExpandableInfo = Component$
|
|
1518
|
+
var ExpandableInfo = Component$24;
|
|
1509
1519
|
|
|
1510
1520
|
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"};
|
|
1511
1521
|
|
|
@@ -1533,7 +1543,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1533
1543
|
return React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1534
1544
|
};
|
|
1535
1545
|
|
|
1536
|
-
var styles$
|
|
1546
|
+
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"};
|
|
1537
1547
|
|
|
1538
1548
|
var FilterMenuItem = function (_a) {
|
|
1539
1549
|
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"]);
|
|
@@ -1548,35 +1558,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1548
1558
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1549
1559
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1550
1560
|
var className = React.useMemo(function () {
|
|
1551
|
-
return isApplied ? styles$
|
|
1561
|
+
return isApplied ? styles$1S.selected : isSearched ? styles$1S.isSearched : hiddenCount ? '' : !total && styles$1S.disabled;
|
|
1552
1562
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1553
1563
|
var handleClick = React.useCallback(function () {
|
|
1554
1564
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1555
1565
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1556
1566
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1557
1567
|
if (loading)
|
|
1558
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1559
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1568
|
+
return React__default["default"].createElement("div", { className: styles$1S.skeleton });
|
|
1569
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1S['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1560
1570
|
React__default["default"].createElement("span", null, label),
|
|
1561
1571
|
displayOutput));
|
|
1562
1572
|
};
|
|
1563
1573
|
|
|
1564
|
-
var styles$
|
|
1574
|
+
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"};
|
|
1565
1575
|
|
|
1566
1576
|
var FilterSearchItem = function (_a) {
|
|
1567
1577
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1568
1578
|
var inputRef = React.useRef(null);
|
|
1569
1579
|
if (loading)
|
|
1570
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1580
|
+
return (React__default["default"].createElement("div", { className: styles$1R.skeleton },
|
|
1571
1581
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1572
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1582
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1R['magneto-ui-filter-search'], " ").concat(disabled ? styles$1R.disabled : '') },
|
|
1573
1583
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1574
1584
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1575
1585
|
};
|
|
1576
1586
|
|
|
1587
|
+
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"};
|
|
1588
|
+
|
|
1589
|
+
var Component$23 = function (_a) {
|
|
1590
|
+
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1591
|
+
return (React__default["default"].createElement("div", { className: styles$1Q['fraud-card-job'] },
|
|
1592
|
+
React__default["default"].createElement("div", { className: styles$1Q['fraud-card-job__header'] },
|
|
1593
|
+
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1594
|
+
React__default["default"].createElement("h4", null, title)),
|
|
1595
|
+
React__default["default"].createElement("div", null,
|
|
1596
|
+
React__default["default"].createElement("p", { className: styles$1Q['fraud-card-job__text'] }, content),
|
|
1597
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1Q['fraud-card-job__link'], href: link },
|
|
1598
|
+
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1599
|
+
linkText))));
|
|
1600
|
+
};
|
|
1601
|
+
var FraudCardJob = Component$23;
|
|
1602
|
+
|
|
1577
1603
|
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"};
|
|
1578
1604
|
|
|
1579
|
-
var Component$
|
|
1605
|
+
var Component$22 = function (_a) {
|
|
1580
1606
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1581
1607
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1582
1608
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1601,29 +1627,29 @@ var Component$1W = function (_a) {
|
|
|
1601
1627
|
/**
|
|
1602
1628
|
* UI Atom component of Frequent Search
|
|
1603
1629
|
*/
|
|
1604
|
-
var FrequentSearch = Component$
|
|
1630
|
+
var FrequentSearch = Component$22;
|
|
1605
1631
|
|
|
1606
1632
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1607
1633
|
|
|
1608
|
-
var Component$
|
|
1634
|
+
var Component$21 = function (_a) {
|
|
1609
1635
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1610
1636
|
return (React__default["default"].createElement("div", { className: style$P['header-drawer-company'] },
|
|
1611
1637
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1612
1638
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1613
1639
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1614
1640
|
};
|
|
1615
|
-
var HeaderDrawerCompany = Component$
|
|
1641
|
+
var HeaderDrawerCompany = Component$21;
|
|
1616
1642
|
|
|
1617
1643
|
var styles$1O = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1618
1644
|
|
|
1619
|
-
var Component$
|
|
1645
|
+
var Component$20 = function (_a) {
|
|
1620
1646
|
var children = _a.children;
|
|
1621
1647
|
return React__default["default"].createElement("div", { className: styles$1O.TabComponent }, children);
|
|
1622
1648
|
};
|
|
1623
1649
|
/**
|
|
1624
1650
|
* Molecule UI for Tab
|
|
1625
1651
|
*/
|
|
1626
|
-
var Tab = Component$
|
|
1652
|
+
var Tab = Component$20;
|
|
1627
1653
|
|
|
1628
1654
|
var styles$1N = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1629
1655
|
|
|
@@ -1640,7 +1666,7 @@ var toCSSVariables = function (input) {
|
|
|
1640
1666
|
return output;
|
|
1641
1667
|
};
|
|
1642
1668
|
|
|
1643
|
-
var Component$
|
|
1669
|
+
var Component$1$ = function (_a) {
|
|
1644
1670
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1645
1671
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1646
1672
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
@@ -1649,11 +1675,11 @@ var Component$1T = function (_a) {
|
|
|
1649
1675
|
/**
|
|
1650
1676
|
* Molecule UI component for Tab Button
|
|
1651
1677
|
*/
|
|
1652
|
-
var TabButton = Component$
|
|
1678
|
+
var TabButton = Component$1$;
|
|
1653
1679
|
|
|
1654
1680
|
var styles$1M = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1655
1681
|
|
|
1656
|
-
var Component$
|
|
1682
|
+
var Component$1_ = function (_a) {
|
|
1657
1683
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1658
1684
|
return (React__default["default"].createElement("div", { className: styles$1M.HeaderDrawerTabsComponent },
|
|
1659
1685
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
@@ -1662,11 +1688,11 @@ var Component$1S = function (_a) {
|
|
|
1662
1688
|
React__default["default"].createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1663
1689
|
React__default["default"].createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1664
1690
|
};
|
|
1665
|
-
var HeaderDrawerTabs = Component$
|
|
1691
|
+
var HeaderDrawerTabs = Component$1_;
|
|
1666
1692
|
|
|
1667
1693
|
var styles$1L = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1668
1694
|
|
|
1669
|
-
var Component$
|
|
1695
|
+
var Component$1Z = function (_a) {
|
|
1670
1696
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1671
1697
|
return (React__default["default"].createElement("div", { className: styles$1L.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1672
1698
|
var headerTabProps = __rest(_a, []);
|
|
@@ -1679,7 +1705,7 @@ var Component$1R = function (_a) {
|
|
|
1679
1705
|
/**
|
|
1680
1706
|
* Molecule UI component for header tabs information`
|
|
1681
1707
|
*/
|
|
1682
|
-
var HeaderTabs = Component$
|
|
1708
|
+
var HeaderTabs = Component$1Z;
|
|
1683
1709
|
|
|
1684
1710
|
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"};
|
|
1685
1711
|
|
|
@@ -1737,7 +1763,7 @@ var Input = function (_a) {
|
|
|
1737
1763
|
|
|
1738
1764
|
var styles$1J = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1739
1765
|
|
|
1740
|
-
var Component$
|
|
1766
|
+
var Component$1Y = function (_a) {
|
|
1741
1767
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1742
1768
|
var loadingSize = React.useMemo(function () {
|
|
1743
1769
|
if (size) {
|
|
@@ -1753,7 +1779,7 @@ var Component$1Q = function (_a) {
|
|
|
1753
1779
|
}, [size]);
|
|
1754
1780
|
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1J["".concat(classMUI, "-flat-loader")] }));
|
|
1755
1781
|
};
|
|
1756
|
-
var FlatLoader = Component$
|
|
1782
|
+
var FlatLoader = Component$1Y;
|
|
1757
1783
|
|
|
1758
1784
|
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"};
|
|
1759
1785
|
|
|
@@ -1808,7 +1834,7 @@ var styles$1H = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions
|
|
|
1808
1834
|
|
|
1809
1835
|
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"};
|
|
1810
1836
|
|
|
1811
|
-
var Component$
|
|
1837
|
+
var Component$1X = function (_a) {
|
|
1812
1838
|
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"]);
|
|
1813
1839
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1814
1840
|
return (React__default["default"].createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1826,10 +1852,10 @@ var Component$1P = function (_a) {
|
|
|
1826
1852
|
React__default["default"].createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1827
1853
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }))));
|
|
1828
1854
|
};
|
|
1829
|
-
Component$
|
|
1830
|
-
var SharePopover = Component$
|
|
1855
|
+
Component$1X.displayName = 'SharePopover';
|
|
1856
|
+
var SharePopover = Component$1X;
|
|
1831
1857
|
|
|
1832
|
-
var Component$
|
|
1858
|
+
var Component$1W = function (_a) {
|
|
1833
1859
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1834
1860
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1835
1861
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1852,11 +1878,11 @@ var Component$1O = function (_a) {
|
|
|
1852
1878
|
/**
|
|
1853
1879
|
* UI Molecule Component for Jobs Actions
|
|
1854
1880
|
*/
|
|
1855
|
-
var JobActions = Component$
|
|
1881
|
+
var JobActions = Component$1W;
|
|
1856
1882
|
|
|
1857
1883
|
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"};
|
|
1858
1884
|
|
|
1859
|
-
var Component$
|
|
1885
|
+
var Component$1V = function (_a) {
|
|
1860
1886
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1861
1887
|
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card'] },
|
|
1862
1888
|
React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-apply-card__wrapper'] },
|
|
@@ -1879,7 +1905,7 @@ var Component$1N = function (_a) {
|
|
|
1879
1905
|
/**
|
|
1880
1906
|
* UI Molecule Component for Job Apply Card
|
|
1881
1907
|
*/
|
|
1882
|
-
var JobApplyCard = Component$
|
|
1908
|
+
var JobApplyCard = Component$1V;
|
|
1883
1909
|
|
|
1884
1910
|
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"};
|
|
1885
1911
|
|
|
@@ -1965,7 +1991,7 @@ var JobCard = function (_a) {
|
|
|
1965
1991
|
|
|
1966
1992
|
var styles$1F = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1967
1993
|
|
|
1968
|
-
var Component$
|
|
1994
|
+
var Component$1U = function (_a) {
|
|
1969
1995
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1970
1996
|
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-company-header'] },
|
|
1971
1997
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
@@ -1974,18 +2000,18 @@ var Component$1M = function (_a) {
|
|
|
1974
2000
|
/**
|
|
1975
2001
|
* UI Molecule component for Company Job Header
|
|
1976
2002
|
*/
|
|
1977
|
-
var JobCompanyHeader = Component$
|
|
2003
|
+
var JobCompanyHeader = Component$1U;
|
|
1978
2004
|
|
|
1979
2005
|
var styles$1E = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1980
2006
|
|
|
1981
|
-
var Component$
|
|
2007
|
+
var Component$1T = function (_a) {
|
|
1982
2008
|
var offerDescription = _a.offerDescription;
|
|
1983
2009
|
return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
1984
2010
|
};
|
|
1985
2011
|
/**
|
|
1986
2012
|
* UI Molecule Component for Job Detail Card Header
|
|
1987
2013
|
*/
|
|
1988
|
-
var JobDetailCard = Component$
|
|
2014
|
+
var JobDetailCard = Component$1T;
|
|
1989
2015
|
|
|
1990
2016
|
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"};
|
|
1991
2017
|
|
|
@@ -2002,7 +2028,7 @@ var JobDetailContainer = function (_a) {
|
|
|
2002
2028
|
|
|
2003
2029
|
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"};
|
|
2004
2030
|
|
|
2005
|
-
var Component$
|
|
2031
|
+
var Component$1S = function (_a) {
|
|
2006
2032
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2007
2033
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2008
2034
|
icon: iconList && iconList[index],
|
|
@@ -2027,12 +2053,12 @@ var Component$1K = function (_a) {
|
|
|
2027
2053
|
/**
|
|
2028
2054
|
* UI Molecule component for Job Detail
|
|
2029
2055
|
*/
|
|
2030
|
-
Component$
|
|
2031
|
-
var JobDetails = Component$
|
|
2056
|
+
Component$1S.displayName = 'JobDetails';
|
|
2057
|
+
var JobDetails = Component$1S;
|
|
2032
2058
|
|
|
2033
2059
|
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"};
|
|
2034
2060
|
|
|
2035
|
-
var Component$
|
|
2061
|
+
var Component$1R = function (_a) {
|
|
2036
2062
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2037
2063
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2038
2064
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2060,11 +2086,11 @@ var Component$1J = function (_a) {
|
|
|
2060
2086
|
/**
|
|
2061
2087
|
* UI Molecule component for Job Footer Card
|
|
2062
2088
|
*/
|
|
2063
|
-
var JobFooterCard = Component$
|
|
2089
|
+
var JobFooterCard = Component$1R;
|
|
2064
2090
|
|
|
2065
2091
|
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"};
|
|
2066
2092
|
|
|
2067
|
-
var Component$
|
|
2093
|
+
var Component$1Q = function (_a) {
|
|
2068
2094
|
var name = _a.name, score = _a.score;
|
|
2069
2095
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2070
2096
|
var skillRef = React.useRef(null);
|
|
@@ -2106,11 +2132,11 @@ var Component$1I = function (_a) {
|
|
|
2106
2132
|
React__default["default"].createElement("p", null, name),
|
|
2107
2133
|
React__default["default"].createElement("div", { className: "".concat(styles$1B['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1B['magneto-ui-skill--no-animation']) }))));
|
|
2108
2134
|
};
|
|
2109
|
-
var Skill = Component$
|
|
2135
|
+
var Skill = Component$1Q;
|
|
2110
2136
|
|
|
2111
2137
|
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"};
|
|
2112
2138
|
|
|
2113
|
-
var Component$
|
|
2139
|
+
var Component$1P = function (_a) {
|
|
2114
2140
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2115
2141
|
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-skills-card'] },
|
|
2116
2142
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
@@ -2123,7 +2149,7 @@ var Component$1H = function (_a) {
|
|
|
2123
2149
|
/**
|
|
2124
2150
|
* UI Molecule component of Job Skills Card
|
|
2125
2151
|
*/
|
|
2126
|
-
var JobSkillsCard = Component$
|
|
2152
|
+
var JobSkillsCard = Component$1P;
|
|
2127
2153
|
|
|
2128
2154
|
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"};
|
|
2129
2155
|
|
|
@@ -2146,7 +2172,7 @@ var JobVideo = function (_a) {
|
|
|
2146
2172
|
|
|
2147
2173
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2148
2174
|
|
|
2149
|
-
var Component$
|
|
2175
|
+
var Component$1O = function (_a) {
|
|
2150
2176
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2151
2177
|
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2152
2178
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2154,11 +2180,11 @@ var Component$1G = function (_a) {
|
|
|
2154
2180
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2155
2181
|
})));
|
|
2156
2182
|
};
|
|
2157
|
-
var ListIconLink = Component$
|
|
2183
|
+
var ListIconLink = Component$1O;
|
|
2158
2184
|
|
|
2159
2185
|
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"};
|
|
2160
2186
|
|
|
2161
|
-
var Component$
|
|
2187
|
+
var Component$1N = function (_a) {
|
|
2162
2188
|
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;
|
|
2163
2189
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2164
2190
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2167,11 +2193,11 @@ var Component$1F = function (_a) {
|
|
|
2167
2193
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2168
2194
|
React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2169
2195
|
};
|
|
2170
|
-
var MenuIcon = Component$
|
|
2196
|
+
var MenuIcon = Component$1N;
|
|
2171
2197
|
|
|
2172
2198
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2173
2199
|
|
|
2174
|
-
var Component$
|
|
2200
|
+
var Component$1M = function (_a) {
|
|
2175
2201
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2176
2202
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2177
2203
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2192,16 +2218,16 @@ var Component$1E = function (_a) {
|
|
|
2192
2218
|
React__default["default"].createElement(Divider, null),
|
|
2193
2219
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2194
2220
|
};
|
|
2195
|
-
var ListMenuIcons = Component$
|
|
2221
|
+
var ListMenuIcons = Component$1M;
|
|
2196
2222
|
|
|
2197
|
-
var Component$
|
|
2223
|
+
var Component$1L = function (_a) {
|
|
2198
2224
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2199
2225
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
2200
2226
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2201
2227
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2202
2228
|
})));
|
|
2203
2229
|
};
|
|
2204
|
-
var ListMenuItems = Component$
|
|
2230
|
+
var ListMenuItems = Component$1L;
|
|
2205
2231
|
|
|
2206
2232
|
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"};
|
|
2207
2233
|
|
|
@@ -2277,7 +2303,7 @@ var useMegaMenuMain = function () {
|
|
|
2277
2303
|
|
|
2278
2304
|
var styles$1y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2279
2305
|
|
|
2280
|
-
var Component$
|
|
2306
|
+
var Component$1K = function (_a) {
|
|
2281
2307
|
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;
|
|
2282
2308
|
var handleClick = React.useCallback(function (event) {
|
|
2283
2309
|
if (onClick) {
|
|
@@ -2293,7 +2319,7 @@ var Component$1C = function (_a) {
|
|
|
2293
2319
|
/**
|
|
2294
2320
|
* UI Atom Component of Save Button
|
|
2295
2321
|
*/
|
|
2296
|
-
var ButtonLink = Component$
|
|
2322
|
+
var ButtonLink = Component$1K;
|
|
2297
2323
|
|
|
2298
2324
|
var MegaMenuJobsTabs = function () {
|
|
2299
2325
|
var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2372,7 +2398,7 @@ var transitionDuration = 300;
|
|
|
2372
2398
|
|
|
2373
2399
|
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"};
|
|
2374
2400
|
|
|
2375
|
-
var Component$
|
|
2401
|
+
var Component$1J = function (_a) {
|
|
2376
2402
|
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;
|
|
2377
2403
|
var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2378
2404
|
var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2435,11 +2461,11 @@ var Component$1B = function (_a) {
|
|
|
2435
2461
|
/**
|
|
2436
2462
|
* Molecule UI component for Message
|
|
2437
2463
|
*/
|
|
2438
|
-
var Message = Component$
|
|
2464
|
+
var Message = Component$1J;
|
|
2439
2465
|
|
|
2440
2466
|
var styles$1u = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2441
2467
|
|
|
2442
|
-
var Component$
|
|
2468
|
+
var Component$1I = function (_a) {
|
|
2443
2469
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2444
2470
|
return (React__default["default"].createElement("div", { className: styles$1u['magneto-ui-mobile-job-details-header'] },
|
|
2445
2471
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
@@ -2449,11 +2475,11 @@ var Component$1A = function (_a) {
|
|
|
2449
2475
|
/**
|
|
2450
2476
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2451
2477
|
*/
|
|
2452
|
-
var MobileJobDetailsHeader = Component$
|
|
2478
|
+
var MobileJobDetailsHeader = Component$1I;
|
|
2453
2479
|
|
|
2454
2480
|
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"};
|
|
2455
2481
|
|
|
2456
|
-
var Component$
|
|
2482
|
+
var Component$1H = function (_a) {
|
|
2457
2483
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2458
2484
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2459
2485
|
var searchInputRef = React.useRef(null);
|
|
@@ -2486,7 +2512,7 @@ var Component$1z = function (_a) {
|
|
|
2486
2512
|
/**
|
|
2487
2513
|
* Molecule UI component for MobileSearchbar
|
|
2488
2514
|
*/
|
|
2489
|
-
var MobileSearchbar = Component$
|
|
2515
|
+
var MobileSearchbar = Component$1H;
|
|
2490
2516
|
|
|
2491
2517
|
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"};
|
|
2492
2518
|
|
|
@@ -2519,6 +2545,15 @@ var Description = function (_a) {
|
|
|
2519
2545
|
};
|
|
2520
2546
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2521
2547
|
|
|
2548
|
+
var Component$1G = function (_a) {
|
|
2549
|
+
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2550
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2551
|
+
md: (React__default["default"].createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2552
|
+
});
|
|
2553
|
+
return container;
|
|
2554
|
+
};
|
|
2555
|
+
var ModalResponsive = Component$1G;
|
|
2556
|
+
|
|
2522
2557
|
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"};
|
|
2523
2558
|
|
|
2524
2559
|
var BtnPagination = function (_a) {
|
|
@@ -2635,7 +2670,7 @@ var generateID = function () {
|
|
|
2635
2670
|
|
|
2636
2671
|
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"};
|
|
2637
2672
|
|
|
2638
|
-
var Component$
|
|
2673
|
+
var Component$1F = function (_a) {
|
|
2639
2674
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2640
2675
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2641
2676
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2671,11 +2706,11 @@ var Component$1y = function (_a) {
|
|
|
2671
2706
|
React__default["default"].createElement("button", { className: styles$1p['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2672
2707
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2673
2708
|
};
|
|
2674
|
-
var ScoreLevel = Component$
|
|
2709
|
+
var ScoreLevel = Component$1F;
|
|
2675
2710
|
|
|
2676
2711
|
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"};
|
|
2677
2712
|
|
|
2678
|
-
var Component$
|
|
2713
|
+
var Component$1E = function (_a) {
|
|
2679
2714
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2680
2715
|
var labelScore = React.useMemo(function () {
|
|
2681
2716
|
return levels[scoreValue - 1];
|
|
@@ -2696,11 +2731,11 @@ var Component$1x = function (_a) {
|
|
|
2696
2731
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2697
2732
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2698
2733
|
};
|
|
2699
|
-
var ScoreLevelStatic = Component$
|
|
2734
|
+
var ScoreLevelStatic = Component$1E;
|
|
2700
2735
|
|
|
2701
2736
|
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"};
|
|
2702
2737
|
|
|
2703
|
-
var Component$
|
|
2738
|
+
var Component$1D = function (_a) {
|
|
2704
2739
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2705
2740
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2706
2741
|
React.useEffect(function () {
|
|
@@ -2729,17 +2764,17 @@ var Component$1w = function (_a) {
|
|
|
2729
2764
|
/**
|
|
2730
2765
|
* UI Molecule of a searchbar
|
|
2731
2766
|
*/
|
|
2732
|
-
var Searchbar = Component$
|
|
2767
|
+
var Searchbar = Component$1D;
|
|
2733
2768
|
|
|
2734
2769
|
var styles$1m = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2735
2770
|
|
|
2736
|
-
var Component$
|
|
2771
|
+
var Component$1C = function (_a) {
|
|
2737
2772
|
var props = __rest(_a, []);
|
|
2738
2773
|
return (React__default["default"].createElement("div", { className: styles$1m['search-button'] },
|
|
2739
2774
|
props.searchValue && React__default["default"].createElement("div", { className: styles$1m['search-button__badge'] }),
|
|
2740
2775
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2741
2776
|
};
|
|
2742
|
-
var SearchButton = Component$
|
|
2777
|
+
var SearchButton = Component$1C;
|
|
2743
2778
|
|
|
2744
2779
|
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"};
|
|
2745
2780
|
|
|
@@ -2823,7 +2858,7 @@ var timelineIcons = {
|
|
|
2823
2858
|
current: Clock,
|
|
2824
2859
|
blocked: Lock
|
|
2825
2860
|
};
|
|
2826
|
-
var Component$
|
|
2861
|
+
var Component$1B = function (_a) {
|
|
2827
2862
|
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;
|
|
2828
2863
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2829
2864
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2836,11 +2871,11 @@ var Component$1u = function (_a) {
|
|
|
2836
2871
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2837
2872
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2838
2873
|
};
|
|
2839
|
-
var TimelineEvent = Component$
|
|
2874
|
+
var TimelineEvent = Component$1B;
|
|
2840
2875
|
|
|
2841
2876
|
var styles$1j = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2842
2877
|
|
|
2843
|
-
var Component$
|
|
2878
|
+
var Component$1A = function (_a) {
|
|
2844
2879
|
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;
|
|
2845
2880
|
var _d = React.useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2846
2881
|
React.useEffect(function () {
|
|
@@ -2868,7 +2903,7 @@ var Component$1t = function (_a) {
|
|
|
2868
2903
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2869
2904
|
})));
|
|
2870
2905
|
};
|
|
2871
|
-
var ToggleButtonList = Component$
|
|
2906
|
+
var ToggleButtonList = Component$1A;
|
|
2872
2907
|
|
|
2873
2908
|
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"};
|
|
2874
2909
|
|
|
@@ -2880,12 +2915,12 @@ var Tooltip = function (_a) {
|
|
|
2880
2915
|
React__default["default"].createElement("span", { className: "".concat(styles$1i['tooltip-text'], " ").concat(styles$1i["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2881
2916
|
};
|
|
2882
2917
|
|
|
2883
|
-
var Component$
|
|
2918
|
+
var Component$1z = function (_a) {
|
|
2884
2919
|
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;
|
|
2885
2920
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2886
2921
|
React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2887
2922
|
};
|
|
2888
|
-
var UserMenu = withClickOut(Component$
|
|
2923
|
+
var UserMenu = withClickOut(Component$1z);
|
|
2889
2924
|
|
|
2890
2925
|
var userMenuAnalystIcons = {
|
|
2891
2926
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2903,7 +2938,7 @@ var styles$1h = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_op
|
|
|
2903
2938
|
|
|
2904
2939
|
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"};
|
|
2905
2940
|
|
|
2906
|
-
var Component$
|
|
2941
|
+
var Component$1y = function (_a) {
|
|
2907
2942
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2908
2943
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2909
2944
|
var handleOnClick = React.useCallback(function () {
|
|
@@ -2930,11 +2965,11 @@ var Component$1r = function (_a) {
|
|
|
2930
2965
|
/**
|
|
2931
2966
|
* Molecule UI great-grand child component of menu dropdown
|
|
2932
2967
|
*/
|
|
2933
|
-
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$
|
|
2968
|
+
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1y);
|
|
2934
2969
|
|
|
2935
2970
|
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"};
|
|
2936
2971
|
|
|
2937
|
-
var Component$
|
|
2972
|
+
var Component$1x = function (_a) {
|
|
2938
2973
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2939
2974
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2940
2975
|
styles: styles$1f,
|
|
@@ -2947,11 +2982,11 @@ var Component$1q = function (_a) {
|
|
|
2947
2982
|
/**
|
|
2948
2983
|
* Molecule UI great-grand child component of menu dropdown
|
|
2949
2984
|
*/
|
|
2950
|
-
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$
|
|
2985
|
+
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1x);
|
|
2951
2986
|
|
|
2952
2987
|
var styles$1e = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2953
2988
|
|
|
2954
|
-
var Component$
|
|
2989
|
+
var Component$1w = function (_a) {
|
|
2955
2990
|
var option = _a.option, className = _a.className;
|
|
2956
2991
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2957
2992
|
styles: styles$1e,
|
|
@@ -2962,9 +2997,9 @@ var Component$1p = function (_a) {
|
|
|
2962
2997
|
/**
|
|
2963
2998
|
* Molecule UI great-grand child component of menu dropdown
|
|
2964
2999
|
*/
|
|
2965
|
-
var UserMenuAnalystOptionText = React__default["default"].memo(Component$
|
|
3000
|
+
var UserMenuAnalystOptionText = React__default["default"].memo(Component$1w);
|
|
2966
3001
|
|
|
2967
|
-
var Component$
|
|
3002
|
+
var Component$1v = function (_a) {
|
|
2968
3003
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2969
3004
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(function (action, index) { return (React__default["default"].createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
2970
3005
|
React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2984,7 +3019,7 @@ var Action = function (_a) {
|
|
|
2984
3019
|
/**
|
|
2985
3020
|
* Molecule UI great-grand child component of menu dropdown
|
|
2986
3021
|
*/
|
|
2987
|
-
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$
|
|
3022
|
+
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1v);
|
|
2988
3023
|
|
|
2989
3024
|
var EUserMenuAnalystOptionType;
|
|
2990
3025
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3012,7 +3047,7 @@ var getOptionType = function (type) { return (type ? optionTypes[type] : UserMen
|
|
|
3012
3047
|
|
|
3013
3048
|
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"};
|
|
3014
3049
|
|
|
3015
|
-
var Component$
|
|
3050
|
+
var Component$1u = function (_a) {
|
|
3016
3051
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3017
3052
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3018
3053
|
return (React__default["default"].createElement("div", null,
|
|
@@ -3027,11 +3062,11 @@ var Component$1n = function (_a) {
|
|
|
3027
3062
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3028
3063
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3029
3064
|
};
|
|
3030
|
-
var UserMenuAnalystTitle = Component$
|
|
3065
|
+
var UserMenuAnalystTitle = Component$1u;
|
|
3031
3066
|
|
|
3032
3067
|
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"};
|
|
3033
3068
|
|
|
3034
|
-
var Component$
|
|
3069
|
+
var Component$1t = function (_a) {
|
|
3035
3070
|
var _b;
|
|
3036
3071
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3037
3072
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3073,7 +3108,7 @@ var Component$1m = function (_a) {
|
|
|
3073
3108
|
var _a;
|
|
3074
3109
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3075
3110
|
item.title && (React__default["default"].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 :
|
|
3076
|
-
_a.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
3111
|
+
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1t, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3077
3112
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3078
3113
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3079
3114
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3082,9 +3117,9 @@ var Component$1m = function (_a) {
|
|
|
3082
3117
|
/**
|
|
3083
3118
|
* Molecule UI grand child component of menu dropdown
|
|
3084
3119
|
*/
|
|
3085
|
-
var UserMenuAnalystOption = Component$
|
|
3120
|
+
var UserMenuAnalystOption = Component$1t;
|
|
3086
3121
|
|
|
3087
|
-
var Component$
|
|
3122
|
+
var Component$1s = function (_a) {
|
|
3088
3123
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3089
3124
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3090
3125
|
return (React__default["default"].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) {
|
|
@@ -3098,11 +3133,11 @@ var Component$1l = function (_a) {
|
|
|
3098
3133
|
/**
|
|
3099
3134
|
* Molecule UI child component of user menu analyst
|
|
3100
3135
|
*/
|
|
3101
|
-
var UserMenuAnalystOptions = Component$
|
|
3136
|
+
var UserMenuAnalystOptions = Component$1s;
|
|
3102
3137
|
|
|
3103
3138
|
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"};
|
|
3104
3139
|
|
|
3105
|
-
var Component$
|
|
3140
|
+
var Component$1r = function (_a) {
|
|
3106
3141
|
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;
|
|
3107
3142
|
var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3108
3143
|
var actionUrl = React.useMemo(function () {
|
|
@@ -3142,11 +3177,11 @@ var Component$1k = function (_a) {
|
|
|
3142
3177
|
/**
|
|
3143
3178
|
* Molecule UI component for user menu
|
|
3144
3179
|
*/
|
|
3145
|
-
var UserMenuAnalyst = Component$
|
|
3180
|
+
var UserMenuAnalyst = Component$1r;
|
|
3146
3181
|
|
|
3147
3182
|
var styles$1a = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3148
3183
|
|
|
3149
|
-
var Component$
|
|
3184
|
+
var Component$1q = function (_a) {
|
|
3150
3185
|
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;
|
|
3151
3186
|
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1a, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3152
3187
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
@@ -3155,11 +3190,11 @@ var Component$1j = function (_a) {
|
|
|
3155
3190
|
/**
|
|
3156
3191
|
* Molecule UI child component of user menu analyst wrapper
|
|
3157
3192
|
*/
|
|
3158
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3193
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1q);
|
|
3159
3194
|
|
|
3160
3195
|
var styles$19 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3161
3196
|
|
|
3162
|
-
var Component$
|
|
3197
|
+
var Component$1p = function (_a) {
|
|
3163
3198
|
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;
|
|
3164
3199
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3165
3200
|
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$19, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
@@ -3169,9 +3204,9 @@ var Component$1i = function (_a) {
|
|
|
3169
3204
|
/**
|
|
3170
3205
|
* Molecule UI child component of user menu analyst wrapper
|
|
3171
3206
|
*/
|
|
3172
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3207
|
+
var UserMenuWrapperAnalystModal = Component$1p;
|
|
3173
3208
|
|
|
3174
|
-
var Component$
|
|
3209
|
+
var Component$1o = function (_a) {
|
|
3175
3210
|
var props = __rest(_a, []);
|
|
3176
3211
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
3177
3212
|
React.useEffect(function () {
|
|
@@ -3193,53 +3228,37 @@ var Component$1h = function (_a) {
|
|
|
3193
3228
|
/**
|
|
3194
3229
|
* Molecule UI component for user menu wrapper analyst
|
|
3195
3230
|
*/
|
|
3196
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3197
|
-
|
|
3198
|
-
var styles$18 = {"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"};
|
|
3231
|
+
var UserMenuWrapperAnalyst = Component$1o;
|
|
3199
3232
|
|
|
3200
|
-
var Component$
|
|
3201
|
-
var fraudLink = _a.fraudLink;
|
|
3202
|
-
return (React__default["default"].createElement("div", { className: styles$18['fraud-card-job'] },
|
|
3203
|
-
React__default["default"].createElement("div", { className: styles$18['fraud-card-job__header'] },
|
|
3204
|
-
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
3205
|
-
React__default["default"].createElement("h4", null, "\u00A1Ten cuidado con el fraude!")),
|
|
3206
|
-
React__default["default"].createElement("div", null,
|
|
3207
|
-
React__default["default"].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."),
|
|
3208
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$18['fraud-card-job__link'], href: fraudLink },
|
|
3209
|
-
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
3210
|
-
"Reportar fraude"))));
|
|
3211
|
-
};
|
|
3212
|
-
var FraudCardJob = Component$1g;
|
|
3213
|
-
|
|
3214
|
-
var Component$1f = function (_a) {
|
|
3233
|
+
var Component$1n = function (_a) {
|
|
3215
3234
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3216
3235
|
var component = React.useMemo(function () {
|
|
3217
3236
|
var _a, _b, _c;
|
|
3218
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3237
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$26, cls: ['modal-analyst-container'] }) },
|
|
3219
3238
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3220
3239
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3221
3240
|
React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3222
3241
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3223
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3224
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3242
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$26, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3243
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$26, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3225
3244
|
});
|
|
3226
3245
|
return container;
|
|
3227
3246
|
};
|
|
3228
3247
|
/**
|
|
3229
3248
|
* Molecule UI child component of modal analyst
|
|
3230
3249
|
*/
|
|
3231
|
-
var ModalAnalystContainer = Component$
|
|
3250
|
+
var ModalAnalystContainer = Component$1n;
|
|
3232
3251
|
|
|
3233
|
-
var Component$
|
|
3252
|
+
var Component$1m = function (_a) {
|
|
3234
3253
|
var content = _a.content;
|
|
3235
3254
|
return React__default["default"].createElement("div", null, content);
|
|
3236
3255
|
};
|
|
3237
3256
|
/**
|
|
3238
3257
|
* Molecule UI child component of modal analyst
|
|
3239
3258
|
*/
|
|
3240
|
-
var ModalAnalystContent = Component$
|
|
3259
|
+
var ModalAnalystContent = Component$1m;
|
|
3241
3260
|
|
|
3242
|
-
var styles$
|
|
3261
|
+
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"};
|
|
3243
3262
|
|
|
3244
3263
|
var EModalAnalystActionType;
|
|
3245
3264
|
(function (EModalAnalystActionType) {
|
|
@@ -3264,7 +3283,7 @@ var MODAL_ICONS = {
|
|
|
3264
3283
|
closeCircle: CloseCircle
|
|
3265
3284
|
};
|
|
3266
3285
|
|
|
3267
|
-
var Component$
|
|
3286
|
+
var Component$1l = function (_a) {
|
|
3268
3287
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
3269
3288
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
3270
3289
|
var _c = React.useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -3302,12 +3321,12 @@ var Component$1d = function (_a) {
|
|
|
3302
3321
|
});
|
|
3303
3322
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
3304
3323
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
3305
|
-
styles: styles$
|
|
3324
|
+
styles: styles$18,
|
|
3306
3325
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
3307
3326
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
3308
3327
|
var _a, _b, _c, _d, _e;
|
|
3309
3328
|
return (React__default["default"].createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
3310
|
-
styles: styles$
|
|
3329
|
+
styles: styles$18,
|
|
3311
3330
|
cls: [
|
|
3312
3331
|
'modal-analyst-footer__button',
|
|
3313
3332
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -3315,7 +3334,7 @@ var Component$1d = function (_a) {
|
|
|
3315
3334
|
]
|
|
3316
3335
|
}) },
|
|
3317
3336
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
3318
|
-
styles: styles$
|
|
3337
|
+
styles: styles$18,
|
|
3319
3338
|
cls: [
|
|
3320
3339
|
'modal-analyst-footer__prefix-icon-container',
|
|
3321
3340
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -3323,7 +3342,7 @@ var Component$1d = function (_a) {
|
|
|
3323
3342
|
]
|
|
3324
3343
|
}) },
|
|
3325
3344
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3326
|
-
styles: styles$
|
|
3345
|
+
styles: styles$18,
|
|
3327
3346
|
cls: [
|
|
3328
3347
|
'modal-analyst-footer__prefix-loading',
|
|
3329
3348
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -3332,7 +3351,7 @@ var Component$1d = function (_a) {
|
|
|
3332
3351
|
}) },
|
|
3333
3352
|
React__default["default"].createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
3334
3353
|
React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
3335
|
-
styles: styles$
|
|
3354
|
+
styles: styles$18,
|
|
3336
3355
|
cls: [
|
|
3337
3356
|
'modal-analyst-footer__prefix-icon',
|
|
3338
3357
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -3347,13 +3366,13 @@ var Component$1d = function (_a) {
|
|
|
3347
3366
|
/**
|
|
3348
3367
|
* Molecule UI child component of modal analyst
|
|
3349
3368
|
*/
|
|
3350
|
-
var ModalAnalystFooter = Component$
|
|
3369
|
+
var ModalAnalystFooter = Component$1l;
|
|
3351
3370
|
|
|
3352
|
-
var styles$
|
|
3371
|
+
var styles$17 = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
3353
3372
|
|
|
3354
|
-
var Component$
|
|
3373
|
+
var Component$1k = function (_a) {
|
|
3355
3374
|
var header = _a.header;
|
|
3356
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3375
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$17, cls: ['modal-analyst-header'] }) },
|
|
3357
3376
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React__default["default"].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]
|
|
3358
3377
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3359
3378
|
: header.prefixIcon.icon }))),
|
|
@@ -3365,7 +3384,7 @@ var Component$1c = function (_a) {
|
|
|
3365
3384
|
/**
|
|
3366
3385
|
* Molecule UI child component of modal analyst
|
|
3367
3386
|
*/
|
|
3368
|
-
var ModalAnalystHeader = Component$
|
|
3387
|
+
var ModalAnalystHeader = Component$1k;
|
|
3369
3388
|
|
|
3370
3389
|
var MenuButtonAnalystProps = {
|
|
3371
3390
|
buttonType: 'button',
|
|
@@ -4098,9 +4117,9 @@ var CNM = /** @class */ (function () {
|
|
|
4098
4117
|
return CNM;
|
|
4099
4118
|
}());
|
|
4100
4119
|
|
|
4101
|
-
var styles$
|
|
4120
|
+
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"};
|
|
4102
4121
|
|
|
4103
|
-
var Component$
|
|
4122
|
+
var Component$1j = function (_a) {
|
|
4104
4123
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
4105
4124
|
var validateCompleted = React.useCallback(function (value) {
|
|
4106
4125
|
if (!value)
|
|
@@ -4120,27 +4139,27 @@ var Component$1b = function (_a) {
|
|
|
4120
4139
|
var _a;
|
|
4121
4140
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
4122
4141
|
}, [percent, validateCompleted]);
|
|
4123
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4124
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4142
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: [className] }) },
|
|
4143
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$16, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
4125
4144
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4126
|
-
styles: styles$
|
|
4145
|
+
styles: styles$16,
|
|
4127
4146
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
4128
4147
|
}) }))));
|
|
4129
4148
|
};
|
|
4130
4149
|
/**
|
|
4131
4150
|
* UI Atom component of Bar Loader
|
|
4132
4151
|
*/
|
|
4133
|
-
var BarLoader = Component$
|
|
4152
|
+
var BarLoader = Component$1j;
|
|
4134
4153
|
|
|
4135
|
-
var styles$
|
|
4154
|
+
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"};
|
|
4136
4155
|
|
|
4137
|
-
var Component$
|
|
4156
|
+
var Component$1i = function (_a) {
|
|
4138
4157
|
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;
|
|
4139
4158
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
4140
4159
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
4141
4160
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
4142
4161
|
var haveDetailTitle = detailTitle !== '';
|
|
4143
|
-
var detailTileStyle = detailTitle ? styles$
|
|
4162
|
+
var detailTileStyle = detailTitle ? styles$15['no-transform'] : '';
|
|
4144
4163
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
4145
4164
|
// This removes the base64 from the vacancy breadcrumbs
|
|
4146
4165
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -4152,9 +4171,9 @@ var Component$1a = function (_a) {
|
|
|
4152
4171
|
"/ ",
|
|
4153
4172
|
href)));
|
|
4154
4173
|
}),
|
|
4155
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4174
|
+
React__default["default"].createElement("p", { className: "".concat(styles$15['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
4156
4175
|
"/ ",
|
|
4157
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
4176
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$15['magneto-ui-bc-active'] : '', " ").concat(styles$15['magneto-ui-bc']), key: i },
|
|
4158
4177
|
i > 0 && '/',
|
|
4159
4178
|
" ",
|
|
4160
4179
|
bc)); })));
|
|
@@ -4170,55 +4189,55 @@ var Component$1a = function (_a) {
|
|
|
4170
4189
|
queryParams,
|
|
4171
4190
|
lastIndexBC
|
|
4172
4191
|
]);
|
|
4173
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4192
|
+
return React__default["default"].createElement("div", { className: styles$15.breadcrumbComponent }, breadCrumbsRender);
|
|
4174
4193
|
};
|
|
4175
4194
|
/**
|
|
4176
4195
|
* Atom UI of breadcrumb
|
|
4177
4196
|
*/
|
|
4178
|
-
var Breadcrumb = Component$
|
|
4197
|
+
var Breadcrumb = Component$1i;
|
|
4179
4198
|
|
|
4180
|
-
var styles$
|
|
4199
|
+
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"};
|
|
4181
4200
|
|
|
4182
|
-
var Component$
|
|
4201
|
+
var Component$1h = function (_a) {
|
|
4183
4202
|
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;
|
|
4184
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4185
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4186
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4187
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4203
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$14['magneto-ui-button'], " ").concat(addHover ? styles$14['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4204
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$14['magneto-ui-button__icon'] })),
|
|
4205
|
+
buttonText && React__default["default"].createElement("p", { className: styles$14['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4206
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$14['magneto-ui-button__icon'] }))));
|
|
4188
4207
|
};
|
|
4189
4208
|
/**
|
|
4190
4209
|
* UI Atom Component of Save Button
|
|
4191
4210
|
*/
|
|
4192
|
-
var Button = Component$
|
|
4211
|
+
var Button = Component$1h;
|
|
4193
4212
|
|
|
4194
|
-
var styles$
|
|
4213
|
+
var styles$13 = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4195
4214
|
|
|
4196
4215
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4197
|
-
var Component$
|
|
4216
|
+
var Component$1g = function (_a) {
|
|
4198
4217
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4199
4218
|
var currentHigherMax = React.useMemo(function () {
|
|
4200
4219
|
return current > max;
|
|
4201
4220
|
}, [current, max]);
|
|
4202
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4221
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$13["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$13['error-label'] : '') },
|
|
4203
4222
|
nf.format(current),
|
|
4204
4223
|
React__default["default"].createElement("span", null,
|
|
4205
4224
|
" / ",
|
|
4206
4225
|
nf.format(max))));
|
|
4207
4226
|
};
|
|
4208
|
-
var ComparativeCounter = Component$
|
|
4227
|
+
var ComparativeCounter = Component$1g;
|
|
4209
4228
|
|
|
4210
|
-
var styles$
|
|
4229
|
+
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"};
|
|
4211
4230
|
|
|
4212
|
-
var cx$
|
|
4231
|
+
var cx$m = classNames.bind(styles$12);
|
|
4213
4232
|
var defaultCheck = function (_a) {
|
|
4214
4233
|
var type = _a.type, checked = _a.checked;
|
|
4215
4234
|
if (type === 'background')
|
|
4216
4235
|
return;
|
|
4217
|
-
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$
|
|
4236
|
+
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$m('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
4218
4237
|
};
|
|
4219
|
-
var Component$
|
|
4238
|
+
var Component$1f = function (_a) {
|
|
4220
4239
|
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"]);
|
|
4221
|
-
return (React__default["default"].createElement("label", { className: cx$
|
|
4240
|
+
return (React__default["default"].createElement("label", { className: cx$m('checkbox', "checkbox--".concat(display), className, {
|
|
4222
4241
|
'checkbox--checked': checked,
|
|
4223
4242
|
'checkbox--background': type === 'background'
|
|
4224
4243
|
}), "data-name": "checkbox-container", htmlFor: id },
|
|
@@ -4229,7 +4248,7 @@ var Component$17 = function (_a) {
|
|
|
4229
4248
|
}, type: "checkbox", id: id }, rest)),
|
|
4230
4249
|
children));
|
|
4231
4250
|
};
|
|
4232
|
-
var Checkbox = Component$
|
|
4251
|
+
var Checkbox = Component$1f;
|
|
4233
4252
|
|
|
4234
4253
|
var DateArray = /** @class */ (function () {
|
|
4235
4254
|
function DateArray(array) {
|
|
@@ -4284,7 +4303,7 @@ var fixArrayDate = function (array) {
|
|
|
4284
4303
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4285
4304
|
};
|
|
4286
4305
|
|
|
4287
|
-
var styles$
|
|
4306
|
+
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"};
|
|
4288
4307
|
|
|
4289
4308
|
// placeholder to every input.
|
|
4290
4309
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4292,7 +4311,7 @@ var stringArraytoDate = function (array) {
|
|
|
4292
4311
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4293
4312
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4294
4313
|
};
|
|
4295
|
-
var Component$
|
|
4314
|
+
var Component$1e = function (_a) {
|
|
4296
4315
|
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;
|
|
4297
4316
|
// Represent the value of every input field (there are 8 in total).
|
|
4298
4317
|
var _f = React.useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4395,30 +4414,30 @@ var Component$16 = function (_a) {
|
|
|
4395
4414
|
}
|
|
4396
4415
|
}, []);
|
|
4397
4416
|
return (React__default["default"].createElement("div", { className: [
|
|
4398
|
-
styles$
|
|
4417
|
+
styles$11['date-input'],
|
|
4399
4418
|
className,
|
|
4400
|
-
fit ? styles$
|
|
4401
|
-
hasError ? styles$
|
|
4419
|
+
fit ? styles$11['date-input--fit'] : '',
|
|
4420
|
+
hasError ? styles$11['date-input--error'] : ''
|
|
4402
4421
|
].join(' ') },
|
|
4403
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4422
|
+
React__default["default"].createElement("div", { className: styles$11['date-input__left'], onClick: function () {
|
|
4404
4423
|
var _a;
|
|
4405
4424
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4406
4425
|
} }),
|
|
4407
4426
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
4408
4427
|
[2, 4].includes(index) ? (
|
|
4409
4428
|
// include / separator in date (DD / MM / YYYY)
|
|
4410
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
4411
|
-
React__default["default"].createElement("input", { className: styles$
|
|
4412
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4429
|
+
React__default["default"].createElement("span", { className: [styles$11['date-input__separator'], value ? styles$11['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4430
|
+
React__default["default"].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" }))); }),
|
|
4431
|
+
React__default["default"].createElement("div", { className: styles$11['date-input__right'], onClick: function () {
|
|
4413
4432
|
var _a;
|
|
4414
4433
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4415
4434
|
} })));
|
|
4416
4435
|
};
|
|
4417
|
-
var DateInput = Component$
|
|
4436
|
+
var DateInput = Component$1e;
|
|
4418
4437
|
|
|
4419
4438
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4420
4439
|
|
|
4421
|
-
var Component$
|
|
4440
|
+
var Component$1d = function (_a) {
|
|
4422
4441
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4423
4442
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4424
4443
|
return React__default["default"].createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
@@ -4426,23 +4445,23 @@ var Component$15 = function (_a) {
|
|
|
4426
4445
|
/**
|
|
4427
4446
|
* Atom UI Divider Component
|
|
4428
4447
|
*/
|
|
4429
|
-
var Divider = Component$
|
|
4448
|
+
var Divider = Component$1d;
|
|
4430
4449
|
|
|
4431
|
-
var styles
|
|
4450
|
+
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"};
|
|
4432
4451
|
|
|
4433
|
-
var Component$
|
|
4452
|
+
var Component$1c = function (_a) {
|
|
4434
4453
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
4435
4454
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4436
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles
|
|
4437
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles
|
|
4438
|
-
React__default["default"].createElement("p", { className: styles
|
|
4439
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles
|
|
4440
|
-
React__default["default"].createElement("p", { className: styles
|
|
4455
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$10.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4456
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$10['headerTabComponent__count'] }),
|
|
4457
|
+
React__default["default"].createElement("p", { className: styles$10['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$10.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4458
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$10['headerTabComponent__count'] }),
|
|
4459
|
+
React__default["default"].createElement("p", { className: styles$10['headerTabComponent__text'] }, tabText)))));
|
|
4441
4460
|
};
|
|
4442
4461
|
/**
|
|
4443
4462
|
* UI Atom component for HeaderTab
|
|
4444
4463
|
*/
|
|
4445
|
-
var HeaderTab = Component$
|
|
4464
|
+
var HeaderTab = Component$1c;
|
|
4446
4465
|
|
|
4447
4466
|
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"};
|
|
4448
4467
|
|
|
@@ -4461,94 +4480,94 @@ var InputSearch = function (_a) {
|
|
|
4461
4480
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4462
4481
|
};
|
|
4463
4482
|
|
|
4464
|
-
var styles
|
|
4483
|
+
var styles$$ = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4465
4484
|
|
|
4466
|
-
var Component$
|
|
4485
|
+
var Component$1b = function (_a) {
|
|
4467
4486
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4468
4487
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4469
|
-
return (React__default["default"].createElement("div", { className: styles
|
|
4488
|
+
return (React__default["default"].createElement("div", { className: styles$$['magneto-ui-job-company-logo'] },
|
|
4470
4489
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4471
4490
|
}
|
|
4472
|
-
return React__default["default"].createElement("div", { className: styles
|
|
4491
|
+
return React__default["default"].createElement("div", { className: styles$$['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4473
4492
|
};
|
|
4474
4493
|
/**
|
|
4475
4494
|
* UI Atom component of Company Logo
|
|
4476
4495
|
*/
|
|
4477
|
-
var JobCompanyLogo = Component$
|
|
4496
|
+
var JobCompanyLogo = Component$1b;
|
|
4478
4497
|
|
|
4479
|
-
var styles$
|
|
4498
|
+
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"};
|
|
4480
4499
|
|
|
4481
|
-
var Component$
|
|
4500
|
+
var Component$1a = function (_a) {
|
|
4482
4501
|
var title = _a.title, styles = _a.styles;
|
|
4483
4502
|
return React__default["default"].createElement("h1", { className: styles }, title && title);
|
|
4484
4503
|
};
|
|
4485
4504
|
/**
|
|
4486
4505
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4487
4506
|
*/
|
|
4488
|
-
var MainTitleJobDetails = Component$
|
|
4507
|
+
var MainTitleJobDetails = Component$1a;
|
|
4489
4508
|
|
|
4490
|
-
var Component$
|
|
4509
|
+
var Component$19 = function (_a) {
|
|
4491
4510
|
var title = _a.title, styles = _a.styles;
|
|
4492
4511
|
return React__default["default"].createElement("p", { className: styles }, title && title);
|
|
4493
4512
|
};
|
|
4494
4513
|
/**
|
|
4495
4514
|
* UI Children P Component for JobDetailsDrawer
|
|
4496
4515
|
*/
|
|
4497
|
-
var SubTitleJobDetails = Component$
|
|
4516
|
+
var SubTitleJobDetails = Component$19;
|
|
4498
4517
|
|
|
4499
|
-
var Component$
|
|
4518
|
+
var Component$18 = function (_a) {
|
|
4500
4519
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4501
4520
|
var showCompanyName = React.useMemo(function () {
|
|
4502
4521
|
if (isHidden || !offerCompanyName)
|
|
4503
4522
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4504
4523
|
if (offerCompanyLink) {
|
|
4505
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4524
|
+
return (React__default["default"].createElement("a", { className: styles$_['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4506
4525
|
}
|
|
4507
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
4526
|
+
return React__default["default"].createElement("h2", { className: styles$_['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4508
4527
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4509
4528
|
var GenerateTitle = function () {
|
|
4510
4529
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4511
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
4512
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
4530
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$_['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4531
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$_['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4513
4532
|
};
|
|
4514
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4533
|
+
return (React__default["default"].createElement("div", { className: styles$_['magneto-ui-job-header'] },
|
|
4515
4534
|
GenerateTitle(),
|
|
4516
4535
|
showCompanyName));
|
|
4517
4536
|
};
|
|
4518
4537
|
/**
|
|
4519
4538
|
* UI Atom component of Job Header
|
|
4520
4539
|
*/
|
|
4521
|
-
var JobHeader = Component$
|
|
4540
|
+
var JobHeader = Component$18;
|
|
4522
4541
|
|
|
4523
|
-
var styles$
|
|
4542
|
+
var styles$Z = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4524
4543
|
|
|
4525
|
-
var Component
|
|
4544
|
+
var Component$17 = function (_a) {
|
|
4526
4545
|
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;
|
|
4527
4546
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4528
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4547
|
+
return (React__default["default"].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 },
|
|
4529
4548
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4530
4549
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
4531
4550
|
};
|
|
4532
4551
|
/**
|
|
4533
4552
|
* Atomic UI component for Link
|
|
4534
4553
|
*/
|
|
4535
|
-
var Link = Component
|
|
4554
|
+
var Link = Component$17;
|
|
4536
4555
|
|
|
4537
|
-
var styles$
|
|
4556
|
+
var styles$Y = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4538
4557
|
|
|
4539
|
-
var Component$
|
|
4558
|
+
var Component$16 = function (_a) {
|
|
4540
4559
|
var loadingIcon = _a.loadingIcon;
|
|
4541
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4560
|
+
return (React__default["default"].createElement("div", { className: styles$Y.loadingComponent },
|
|
4542
4561
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
4543
4562
|
};
|
|
4544
4563
|
/**
|
|
4545
4564
|
* Atom UI component of loading icon for general purpose
|
|
4546
4565
|
*/
|
|
4547
|
-
var Loading = Component$
|
|
4566
|
+
var Loading = Component$16;
|
|
4548
4567
|
|
|
4549
4568
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4550
4569
|
|
|
4551
|
-
var Component$
|
|
4570
|
+
var Component$15 = function (_a) {
|
|
4552
4571
|
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;
|
|
4553
4572
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4554
4573
|
var handleError = function () {
|
|
@@ -4560,11 +4579,11 @@ var Component$Z = function (_a) {
|
|
|
4560
4579
|
return null;
|
|
4561
4580
|
return (React__default["default"].createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4562
4581
|
};
|
|
4563
|
-
var LogoComponent = Component$
|
|
4582
|
+
var LogoComponent = Component$15;
|
|
4564
4583
|
|
|
4565
|
-
var styles$
|
|
4584
|
+
var styles$X = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4566
4585
|
|
|
4567
|
-
var Component$
|
|
4586
|
+
var Component$14 = function (_a) {
|
|
4568
4587
|
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;
|
|
4569
4588
|
var stylesValue = React.useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4570
4589
|
var renderContent = function () {
|
|
@@ -4577,56 +4596,56 @@ var Component$Y = function (_a) {
|
|
|
4577
4596
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4578
4597
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
4579
4598
|
};
|
|
4580
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4599
|
+
return (React__default["default"].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()));
|
|
4581
4600
|
};
|
|
4582
4601
|
/**
|
|
4583
4602
|
* Atom UI component of button for general purpose
|
|
4584
4603
|
*/
|
|
4585
|
-
var MainButton = Component$
|
|
4604
|
+
var MainButton = Component$14;
|
|
4586
4605
|
|
|
4587
|
-
var styles$
|
|
4606
|
+
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"};
|
|
4588
4607
|
|
|
4589
|
-
var styles$
|
|
4608
|
+
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"};
|
|
4590
4609
|
|
|
4591
|
-
var Component$
|
|
4610
|
+
var Component$13 = function (_a) {
|
|
4592
4611
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4593
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
4594
|
-
React__default["default"].createElement("p", { className: styles$
|
|
4612
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$V['magneto-ui--search-item']), href: url },
|
|
4613
|
+
React__default["default"].createElement("p", { className: styles$V['magneto-ui--search-item__text'] }, tag),
|
|
4595
4614
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4596
4615
|
};
|
|
4597
4616
|
/**
|
|
4598
4617
|
* UI Atom component of Search Item
|
|
4599
4618
|
*/
|
|
4600
|
-
var SearchItem = Component$
|
|
4619
|
+
var SearchItem = Component$13;
|
|
4601
4620
|
|
|
4602
4621
|
var MegaMenuTab = function (_a) {
|
|
4603
4622
|
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4604
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4605
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$
|
|
4623
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$W["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$W["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4624
|
+
React__default["default"].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")] : '') })));
|
|
4606
4625
|
};
|
|
4607
4626
|
|
|
4608
|
-
var styles$
|
|
4627
|
+
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"};
|
|
4609
4628
|
|
|
4610
|
-
var Component$
|
|
4629
|
+
var Component$12 = function (_a) {
|
|
4611
4630
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4612
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4631
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$U, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4613
4632
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4614
|
-
styles: styles$
|
|
4633
|
+
styles: styles$U,
|
|
4615
4634
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4616
4635
|
}) },
|
|
4617
4636
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4618
|
-
styles: styles$
|
|
4637
|
+
styles: styles$U,
|
|
4619
4638
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4620
4639
|
}) }, children))));
|
|
4621
4640
|
};
|
|
4622
4641
|
/**
|
|
4623
4642
|
* Atom UI child component of menu dropdown
|
|
4624
4643
|
*/
|
|
4625
|
-
var MenuDropdownList = Component$
|
|
4644
|
+
var MenuDropdownList = Component$12;
|
|
4626
4645
|
|
|
4627
|
-
var styles$
|
|
4646
|
+
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"};
|
|
4628
4647
|
|
|
4629
|
-
var Component$
|
|
4648
|
+
var Component$11 = function (_a) {
|
|
4630
4649
|
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;
|
|
4631
4650
|
var _e = React.useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4632
4651
|
var toggleOptions = React.useCallback(function () {
|
|
@@ -4641,13 +4660,13 @@ var Component$V = function (_a) {
|
|
|
4641
4660
|
var handleButtonClick = React.useCallback(function (e) {
|
|
4642
4661
|
e.stopPropagation();
|
|
4643
4662
|
}, []);
|
|
4644
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4645
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4646
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4663
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4664
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown__content'] }) },
|
|
4665
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown__container'] }) },
|
|
4647
4666
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4648
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4667
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$T, cls: ['menu-dropdown__title'] }) }, title),
|
|
4649
4668
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4650
|
-
styles: styles$
|
|
4669
|
+
styles: styles$T,
|
|
4651
4670
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4652
4671
|
}) },
|
|
4653
4672
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4657,7 +4676,7 @@ var Component$V = function (_a) {
|
|
|
4657
4676
|
/**
|
|
4658
4677
|
* Atom UI component of menu dropdown
|
|
4659
4678
|
*/
|
|
4660
|
-
var MenuDropdown = Component$
|
|
4679
|
+
var MenuDropdown = Component$11;
|
|
4661
4680
|
|
|
4662
4681
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4663
4682
|
|
|
@@ -4670,7 +4689,7 @@ var MenuItem = function (_a) {
|
|
|
4670
4689
|
React__default["default"].createElement("p", null, text))));
|
|
4671
4690
|
};
|
|
4672
4691
|
|
|
4673
|
-
var styles$
|
|
4692
|
+
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"};
|
|
4674
4693
|
|
|
4675
4694
|
var MultiRangeSlider = function (_a) {
|
|
4676
4695
|
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;
|
|
@@ -4728,36 +4747,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4728
4747
|
var handleMouseUpValues = React.useCallback(function () {
|
|
4729
4748
|
onChange({ min: minVal, max: maxVal });
|
|
4730
4749
|
}, [minVal, maxVal, onChange]);
|
|
4731
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4750
|
+
return (React__default["default"].createElement("div", { className: styles$S.container },
|
|
4732
4751
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4733
4752
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4734
4753
|
setMinVal(value);
|
|
4735
4754
|
event.target.value = value.toString();
|
|
4736
|
-
}, className: "\n ".concat(styles$
|
|
4755
|
+
}, className: "\n ".concat(styles$S.thumb, " \n ").concat(styles$S.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$S.zIndex_5 : '', "\n ") }),
|
|
4737
4756
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4738
4757
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4739
4758
|
setMaxVal(value);
|
|
4740
4759
|
event.target.value = value.toString();
|
|
4741
|
-
}, className: "".concat(styles$
|
|
4742
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles$
|
|
4743
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4744
|
-
React__default["default"].createElement("div", { ref: range, className: styles$
|
|
4745
|
-
showValues && (React__default["default"].createElement("div", { className: styles$
|
|
4746
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4747
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4760
|
+
}, className: "".concat(styles$S.thumb, " ").concat(styles$S.zIndex_4) }),
|
|
4761
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$S.slider },
|
|
4762
|
+
React__default["default"].createElement("div", { className: styles$S.track }),
|
|
4763
|
+
React__default["default"].createElement("div", { ref: range, className: styles$S.range }),
|
|
4764
|
+
showValues && (React__default["default"].createElement("div", { className: styles$S.values },
|
|
4765
|
+
React__default["default"].createElement("div", { className: styles$S.left_value }, hasCurrency),
|
|
4766
|
+
React__default["default"].createElement("div", { className: styles$S.right_value }, maxVal.toLocaleString()))))));
|
|
4748
4767
|
};
|
|
4749
4768
|
|
|
4750
|
-
var styles$
|
|
4769
|
+
var styles$R = {"content":"mg_paragraph_content_1mtnz"};
|
|
4751
4770
|
|
|
4752
|
-
var Component$
|
|
4771
|
+
var Component$10 = function (_a) {
|
|
4753
4772
|
var paragraph = _a.paragraph;
|
|
4754
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
4773
|
+
return React__default["default"].createElement("p", { className: styles$R.content }, paragraph);
|
|
4755
4774
|
};
|
|
4756
|
-
var Paragraph = React.memo(Component$
|
|
4775
|
+
var Paragraph = React.memo(Component$10);
|
|
4757
4776
|
|
|
4758
4777
|
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"};
|
|
4759
4778
|
|
|
4760
|
-
var Component
|
|
4779
|
+
var Component$$ = function (_a) {
|
|
4761
4780
|
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;
|
|
4762
4781
|
var showMenu = show ? 'show' : 'hidden';
|
|
4763
4782
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4779,7 +4798,7 @@ var Component$T = function (_a) {
|
|
|
4779
4798
|
* Atom Ui component of popover
|
|
4780
4799
|
*
|
|
4781
4800
|
*/
|
|
4782
|
-
var Popover = Component
|
|
4801
|
+
var Popover = Component$$;
|
|
4783
4802
|
|
|
4784
4803
|
exports.ERadioType = void 0;
|
|
4785
4804
|
(function (ERadioType) {
|
|
@@ -4787,12 +4806,12 @@ exports.ERadioType = void 0;
|
|
|
4787
4806
|
ERadioType["button"] = "button";
|
|
4788
4807
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
4789
4808
|
|
|
4790
|
-
var styles$
|
|
4809
|
+
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"};
|
|
4791
4810
|
|
|
4792
|
-
var Component$
|
|
4811
|
+
var Component$_ = function (_a) {
|
|
4793
4812
|
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;
|
|
4794
4813
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
4795
|
-
styles: styles$
|
|
4814
|
+
styles: styles$Q,
|
|
4796
4815
|
cls: [
|
|
4797
4816
|
'radio-button',
|
|
4798
4817
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4802,34 +4821,34 @@ var Component$S = function (_a) {
|
|
|
4802
4821
|
}), htmlFor: id },
|
|
4803
4822
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4804
4823
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4805
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4824
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Q, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4806
4825
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4807
4826
|
};
|
|
4808
4827
|
/**
|
|
4809
4828
|
* Atom UI component of radio button
|
|
4810
4829
|
*/
|
|
4811
|
-
var RadioButton = Component$
|
|
4830
|
+
var RadioButton = Component$_;
|
|
4812
4831
|
|
|
4813
|
-
var styles$
|
|
4832
|
+
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"};
|
|
4814
4833
|
|
|
4815
|
-
var Component$
|
|
4834
|
+
var Component$Z = function (_a) {
|
|
4816
4835
|
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;
|
|
4817
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
4836
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$P, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4818
4837
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4819
4838
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4820
|
-
styles: styles$
|
|
4839
|
+
styles: styles$P,
|
|
4821
4840
|
cls: [
|
|
4822
4841
|
'radio-default__indicator',
|
|
4823
4842
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4824
4843
|
indicatorClassName
|
|
4825
4844
|
]
|
|
4826
4845
|
}) }),
|
|
4827
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4846
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$P, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4828
4847
|
};
|
|
4829
4848
|
/**
|
|
4830
4849
|
* Molecule UI component for radio default
|
|
4831
4850
|
*/
|
|
4832
|
-
var RadioDefault = Component$
|
|
4851
|
+
var RadioDefault = Component$Z;
|
|
4833
4852
|
|
|
4834
4853
|
var _a;
|
|
4835
4854
|
var radioTypes = (_a = {},
|
|
@@ -4838,7 +4857,7 @@ var radioTypes = (_a = {},
|
|
|
4838
4857
|
_a);
|
|
4839
4858
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4840
4859
|
|
|
4841
|
-
var Component$
|
|
4860
|
+
var Component$Y = function (_a) {
|
|
4842
4861
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4843
4862
|
var RadioType = React.useMemo(function () { return getRadioComponent(exports.ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4844
4863
|
if (!RadioType)
|
|
@@ -4848,39 +4867,39 @@ var Component$Q = function (_a) {
|
|
|
4848
4867
|
/**
|
|
4849
4868
|
* Atom UI component of radio
|
|
4850
4869
|
*/
|
|
4851
|
-
var Radio = Component$
|
|
4870
|
+
var Radio = Component$Y;
|
|
4852
4871
|
|
|
4853
|
-
var styles$
|
|
4872
|
+
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"};
|
|
4854
4873
|
|
|
4855
|
-
var Component$
|
|
4874
|
+
var Component$X = function (_a) {
|
|
4856
4875
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4857
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4858
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4876
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$O['magneto-ui-save-button'], " ").concat(addHover && styles$O['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4877
|
+
React__default["default"].createElement("div", { className: styles$O['button-content'] },
|
|
4859
4878
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4860
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4879
|
+
buttonText && React__default["default"].createElement("p", { className: styles$O['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4861
4880
|
};
|
|
4862
4881
|
/**
|
|
4863
4882
|
* UI Atom Component of Save Button
|
|
4864
4883
|
*/
|
|
4865
|
-
var SaveButton = Component$
|
|
4884
|
+
var SaveButton = Component$X;
|
|
4866
4885
|
|
|
4867
|
-
var styles$
|
|
4886
|
+
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"};
|
|
4868
4887
|
|
|
4869
|
-
var Component$
|
|
4888
|
+
var Component$W = function (_a) {
|
|
4870
4889
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4871
4890
|
var handleCopyClick = function () {
|
|
4872
4891
|
if (detailUrl) {
|
|
4873
4892
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4874
4893
|
}
|
|
4875
4894
|
};
|
|
4876
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4877
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4895
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$N['magneto-ui-share-button'], " ").concat(addHover && styles$N['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4896
|
+
React__default["default"].createElement("div", { className: styles$N['button-content'] },
|
|
4878
4897
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4879
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4898
|
+
buttonText && React__default["default"].createElement("p", { className: styles$N['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4880
4899
|
};
|
|
4881
|
-
var ShareButton = Component$
|
|
4900
|
+
var ShareButton = Component$W;
|
|
4882
4901
|
|
|
4883
|
-
var styles$
|
|
4902
|
+
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"};
|
|
4884
4903
|
|
|
4885
4904
|
var Switch = function (_a) {
|
|
4886
4905
|
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;
|
|
@@ -4894,10 +4913,10 @@ var Switch = function (_a) {
|
|
|
4894
4913
|
setChecked(function (state) { return !state; });
|
|
4895
4914
|
setIsActive(!isActive);
|
|
4896
4915
|
}, [isDisabled, setIsActive, isActive]);
|
|
4897
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4898
|
-
React__default["default"].createElement("label", { className: styles$
|
|
4916
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$M['magneto-ui-switch_container'], " ").concat(className) },
|
|
4917
|
+
React__default["default"].createElement("label", { className: styles$M['magneto-ui-switch'] },
|
|
4899
4918
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4900
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
4919
|
+
React__default["default"].createElement("span", { className: "".concat(styles$M['magneto-ui-slider'], " ").concat(styles$M['magneto-ui-round']) })),
|
|
4901
4920
|
title && React__default["default"].createElement("p", null, title)));
|
|
4902
4921
|
};
|
|
4903
4922
|
|
|
@@ -4910,9 +4929,9 @@ var Tags = function (_a) {
|
|
|
4910
4929
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4911
4930
|
};
|
|
4912
4931
|
|
|
4913
|
-
var styles$
|
|
4932
|
+
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"};
|
|
4914
4933
|
|
|
4915
|
-
var Component$
|
|
4934
|
+
var Component$V = function (_a) {
|
|
4916
4935
|
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;
|
|
4917
4936
|
var isColorDark = function (color) {
|
|
4918
4937
|
var hex = color.replace('#', '');
|
|
@@ -4943,20 +4962,20 @@ var Component$N = function (_a) {
|
|
|
4943
4962
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4944
4963
|
};
|
|
4945
4964
|
}, [baseColor, color, currentSelect]);
|
|
4946
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4947
|
-
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
4965
|
+
return (React__default["default"].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" },
|
|
4966
|
+
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$L["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$L['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
4948
4967
|
name));
|
|
4949
4968
|
};
|
|
4950
|
-
var ToggleButton = Component$
|
|
4969
|
+
var ToggleButton = Component$V;
|
|
4951
4970
|
|
|
4952
|
-
var styles$
|
|
4971
|
+
var styles$K = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4953
4972
|
|
|
4954
|
-
var Component$
|
|
4973
|
+
var Component$U = function (_a) {
|
|
4955
4974
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4956
4975
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4957
4976
|
sm: null
|
|
4958
4977
|
});
|
|
4959
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
4978
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$K, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4960
4979
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4961
4980
|
userInfo,
|
|
4962
4981
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4964,7 +4983,7 @@ var Component$M = function (_a) {
|
|
|
4964
4983
|
/**
|
|
4965
4984
|
* Atom UI component of user menu button analyst
|
|
4966
4985
|
*/
|
|
4967
|
-
var UserMenuButtonAnalyst = Component$
|
|
4986
|
+
var UserMenuButtonAnalyst = Component$U;
|
|
4968
4987
|
|
|
4969
4988
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
4970
4989
|
|
|
@@ -4992,7 +5011,7 @@ var BrandMenu = function (_a) {
|
|
|
4992
5011
|
|
|
4993
5012
|
var style$t = {};
|
|
4994
5013
|
|
|
4995
|
-
var Component$
|
|
5014
|
+
var Component$T = function (_a) {
|
|
4996
5015
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
4997
5016
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
4998
5017
|
var DatePickerComponent = useMediaQuery(React__default["default"].createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -5000,11 +5019,11 @@ var Component$L = function (_a) {
|
|
|
5000
5019
|
});
|
|
5001
5020
|
return React__default["default"].createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
|
|
5002
5021
|
};
|
|
5003
|
-
var DatePickerResponsiveComponent = Component$
|
|
5022
|
+
var DatePickerResponsiveComponent = Component$T;
|
|
5004
5023
|
|
|
5005
5024
|
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"};
|
|
5006
5025
|
|
|
5007
|
-
var Component$
|
|
5026
|
+
var Component$S = function (_a) {
|
|
5008
5027
|
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;
|
|
5009
5028
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
5010
5029
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -5023,9 +5042,9 @@ var Component$K = function (_a) {
|
|
|
5023
5042
|
React__default["default"].createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
5024
5043
|
React__default["default"].createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
5025
5044
|
};
|
|
5026
|
-
var DrawerMenu = Component$
|
|
5045
|
+
var DrawerMenu = Component$S;
|
|
5027
5046
|
|
|
5028
|
-
var styles$
|
|
5047
|
+
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"};
|
|
5029
5048
|
|
|
5030
5049
|
var FilterCard = function (_a) {
|
|
5031
5050
|
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"]);
|
|
@@ -5045,18 +5064,18 @@ var FilterCard = function (_a) {
|
|
|
5045
5064
|
}, [values, setOptions]);
|
|
5046
5065
|
if (!values.length)
|
|
5047
5066
|
return React__default["default"].createElement(React.Fragment, null);
|
|
5048
|
-
return (React__default["default"].createElement("article", { className: "".concat(styles$
|
|
5049
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5067
|
+
return (React__default["default"].createElement("article", { className: "".concat(styles$J['magneto-ui-filter-card'], " ").concat(hasSearch && styles$J.hasSearch) },
|
|
5068
|
+
React__default["default"].createElement("div", { className: styles$J['magneto-ui-filter-card_header'] },
|
|
5050
5069
|
React__default["default"].createElement("p", null, label),
|
|
5051
5070
|
switchText && (React__default["default"].createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
5052
5071
|
hasSearch && (React__default["default"].createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
5053
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5072
|
+
React__default["default"].createElement("div", { className: styles$J['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
5054
5073
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
5055
5074
|
return React__default["default"].createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
5056
5075
|
}))));
|
|
5057
5076
|
};
|
|
5058
5077
|
|
|
5059
|
-
var styles$
|
|
5078
|
+
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"};
|
|
5060
5079
|
|
|
5061
5080
|
var FilterHeader = function (_a) {
|
|
5062
5081
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -5065,28 +5084,28 @@ var FilterHeader = function (_a) {
|
|
|
5065
5084
|
buttonText: buttonText,
|
|
5066
5085
|
title: buttonText,
|
|
5067
5086
|
iconProps: { icon: Broom, size: 18 },
|
|
5068
|
-
className: styles$
|
|
5087
|
+
className: styles$I['magneto-ui-filter-header_btn'],
|
|
5069
5088
|
disabled: !totalApplied,
|
|
5070
5089
|
onClick: function () { return clearFilters(); }
|
|
5071
5090
|
};
|
|
5072
5091
|
}, [buttonText, totalApplied, clearFilters]);
|
|
5073
5092
|
var displayBtnClear = React.useMemo(function () {
|
|
5074
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5093
|
+
return (React__default["default"].createElement("div", { className: styles$I['magneto-ui-filter-header_clean'] },
|
|
5075
5094
|
React__default["default"].createElement(MainButton, __assign({}, mainBtnProps)),
|
|
5076
|
-
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$
|
|
5095
|
+
typeof totalApplied === 'number' && (React__default["default"].createElement("span", { className: !totalApplied ? styles$I.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
5077
5096
|
}, [totalApplied, mainBtnProps]);
|
|
5078
5097
|
var displayFilterSummary = React.useMemo(function () {
|
|
5079
|
-
return React__default["default"].createElement("span", { className: styles$
|
|
5098
|
+
return React__default["default"].createElement("span", { className: styles$I['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
5080
5099
|
}, [filterSummary]);
|
|
5081
|
-
return (React__default["default"].createElement("article", { className: styles$
|
|
5082
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5100
|
+
return (React__default["default"].createElement("article", { className: styles$I['magneto-ui-filter-header'] },
|
|
5101
|
+
React__default["default"].createElement("div", { className: styles$I['magneto-ui-filter-header_title'] },
|
|
5083
5102
|
React__default["default"].createElement("p", null, title),
|
|
5084
5103
|
displayBtnClear),
|
|
5085
5104
|
switchText && (React__default["default"].createElement(Switch
|
|
5086
5105
|
//TODO: review isActive, setIsActive
|
|
5087
5106
|
, {
|
|
5088
5107
|
//TODO: review isActive, setIsActive
|
|
5089
|
-
title: switchText, className: styles$
|
|
5108
|
+
title: switchText, className: styles$I['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
5090
5109
|
displayFilterSummary));
|
|
5091
5110
|
};
|
|
5092
5111
|
|
|
@@ -5146,9 +5165,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5146
5165
|
return React__default["default"].createElement(React__default["default"].Fragment, null, footerMenuResponsive);
|
|
5147
5166
|
};
|
|
5148
5167
|
|
|
5149
|
-
var styles$
|
|
5168
|
+
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"};
|
|
5150
5169
|
|
|
5151
|
-
var Component$
|
|
5170
|
+
var Component$R = function (_a) {
|
|
5152
5171
|
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;
|
|
5153
5172
|
var headerLogo = useMediaQuery(React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
5154
5173
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -5158,26 +5177,26 @@ var Component$J = function (_a) {
|
|
|
5158
5177
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React__default["default"].createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
5159
5178
|
sm: null
|
|
5160
5179
|
});
|
|
5161
|
-
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
5162
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5163
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5180
|
+
return (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$H, cls: ['header-analyst', className] }) },
|
|
5181
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__container'] }) },
|
|
5182
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__main-menu'] }) },
|
|
5164
5183
|
React__default["default"].createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5165
5184
|
headerLogo),
|
|
5166
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5185
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__user-menu'] }) },
|
|
5167
5186
|
userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5168
5187
|
React__default["default"].createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5169
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
5188
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$H, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5170
5189
|
};
|
|
5171
5190
|
/**
|
|
5172
5191
|
* Organism UI component of header analyst
|
|
5173
5192
|
*/
|
|
5174
|
-
var HeaderAnalyst = Component$
|
|
5193
|
+
var HeaderAnalyst = Component$R;
|
|
5175
5194
|
|
|
5176
|
-
var styles$
|
|
5195
|
+
var styles$G = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5177
5196
|
|
|
5178
5197
|
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"};
|
|
5179
5198
|
|
|
5180
|
-
var Component$
|
|
5199
|
+
var Component$Q = function () {
|
|
5181
5200
|
var skeletonCard = (React__default["default"].createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5182
5201
|
React__default["default"].createElement("span", { className: style$o.skeleton }),
|
|
5183
5202
|
React__default["default"].createElement("span", { className: style$o.skeleton }),
|
|
@@ -5201,9 +5220,9 @@ var Component$I = function () {
|
|
|
5201
5220
|
/**
|
|
5202
5221
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
5203
5222
|
*/
|
|
5204
|
-
var JobDetailsSkeleton = Component$
|
|
5223
|
+
var JobDetailsSkeleton = Component$Q;
|
|
5205
5224
|
|
|
5206
|
-
var styles$
|
|
5225
|
+
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"};
|
|
5207
5226
|
|
|
5208
5227
|
var SimilarJobs = function (_a) {
|
|
5209
5228
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5211,8 +5230,8 @@ var SimilarJobs = function (_a) {
|
|
|
5211
5230
|
var pageExists = false;
|
|
5212
5231
|
if (similarJobsCard.length <= 0)
|
|
5213
5232
|
return null;
|
|
5214
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5215
|
-
React__default["default"].createElement("h3", { className: "".concat(styles$
|
|
5233
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$F["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5234
|
+
React__default["default"].createElement("h3", { className: "".concat(styles$F["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5216
5235
|
similarJobsCard.map(function (_a) {
|
|
5217
5236
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5218
5237
|
return (React__default["default"].createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5220,8 +5239,8 @@ var SimilarJobs = function (_a) {
|
|
|
5220
5239
|
pageExists ));
|
|
5221
5240
|
};
|
|
5222
5241
|
|
|
5223
|
-
var Component$
|
|
5224
|
-
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,
|
|
5242
|
+
var Component$P = function (_a) {
|
|
5243
|
+
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, fraudCardJobProps = _a.fraudCardJobProps;
|
|
5225
5244
|
var jobDetailsRef = React.useRef(null);
|
|
5226
5245
|
React.useEffect(function () {
|
|
5227
5246
|
if (jobDetailsRef.current) {
|
|
@@ -5231,16 +5250,16 @@ var Component$H = function (_a) {
|
|
|
5231
5250
|
if (isLoading)
|
|
5232
5251
|
return React__default["default"].createElement(JobDetailsSkeleton, null);
|
|
5233
5252
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
5234
|
-
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$
|
|
5235
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5253
|
+
jobDetailAction ? (jobDetailAction) : (React__default["default"].createElement("section", { className: styles$G.JobDetailsDrawerComponent },
|
|
5254
|
+
React__default["default"].createElement("div", { className: styles$G['JobHeaderCardWrapper'] },
|
|
5236
5255
|
React__default["default"].createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5237
5256
|
React__default["default"].createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
5238
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5257
|
+
React__default["default"].createElement("div", { className: styles$G['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5239
5258
|
jobDetailsProps && (React__default["default"].createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5240
5259
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5241
5260
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5242
5261
|
React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5243
|
-
React__default["default"].createElement(FraudCardJob, {
|
|
5262
|
+
React__default["default"].createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
|
|
5244
5263
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5245
5264
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5246
5265
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
|
|
@@ -5249,11 +5268,11 @@ var Component$H = function (_a) {
|
|
|
5249
5268
|
/**
|
|
5250
5269
|
* UI Organism Component for JobDetailsDrawer
|
|
5251
5270
|
*/
|
|
5252
|
-
var JobDetailsDrawer = Component$
|
|
5271
|
+
var JobDetailsDrawer = Component$P;
|
|
5253
5272
|
|
|
5254
|
-
var styles$
|
|
5273
|
+
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"};
|
|
5255
5274
|
|
|
5256
|
-
var Component$
|
|
5275
|
+
var Component$O = function (_a) {
|
|
5257
5276
|
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;
|
|
5258
5277
|
var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
5259
5278
|
var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -5285,28 +5304,28 @@ var Component$G = function (_a) {
|
|
|
5285
5304
|
var loginHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5286
5305
|
md: null
|
|
5287
5306
|
});
|
|
5288
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5307
|
+
return (React__default["default"].createElement("header", { className: styles$E.LoginHeaderComponent },
|
|
5289
5308
|
loginHeaderMobileSearchbar,
|
|
5290
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5291
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5292
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5309
|
+
React__default["default"].createElement("div", { className: styles$E['magneto-ui-first-row'] }),
|
|
5310
|
+
React__default["default"].createElement("div", { className: styles$E['magneto-ui-second-row'] },
|
|
5311
|
+
React__default["default"].createElement("div", { className: styles$E['magneto-ui-left-section'] },
|
|
5293
5312
|
loginHeaderMenuButton,
|
|
5294
5313
|
React__default["default"].createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5295
5314
|
loginHeaderMobileSearchbarButton),
|
|
5296
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5297
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5315
|
+
React__default["default"].createElement("div", { className: styles$E['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5316
|
+
React__default["default"].createElement("div", { className: styles$E['magneto-ui-user-section'] },
|
|
5298
5317
|
loginHeaderOptionTabs,
|
|
5299
5318
|
loginHeaderPopover)),
|
|
5300
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5319
|
+
React__default["default"].createElement("div", { className: styles$E['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5301
5320
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5302
5321
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5303
5322
|
};
|
|
5304
5323
|
/**
|
|
5305
5324
|
* UI Organism Component for LoginHeader
|
|
5306
5325
|
*/
|
|
5307
|
-
var LoginHeader = Component$
|
|
5326
|
+
var LoginHeader = Component$O;
|
|
5308
5327
|
|
|
5309
|
-
var styles$
|
|
5328
|
+
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"};
|
|
5310
5329
|
|
|
5311
5330
|
var Muiclass$3 = 'magneto-ui';
|
|
5312
5331
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5316,7 +5335,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5316
5335
|
var _c = React.useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5317
5336
|
var _d = React.useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5318
5337
|
var haveGif = React.useMemo(function () {
|
|
5319
|
-
return gif ? styles$
|
|
5338
|
+
return gif ? styles$D['have-gif'] : '';
|
|
5320
5339
|
}, [gif]);
|
|
5321
5340
|
var toggleSearchBar = function () {
|
|
5322
5341
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5344,30 +5363,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
5344
5363
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5345
5364
|
md: null
|
|
5346
5365
|
});
|
|
5347
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5366
|
+
return (React__default["default"].createElement("header", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5348
5367
|
LogoutHeaderMobileSearchbar,
|
|
5349
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5350
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5368
|
+
React__default["default"].createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5369
|
+
React__default["default"].createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5351
5370
|
LoginHeaderMenuButton,
|
|
5352
5371
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5353
5372
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5354
5373
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5355
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5356
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5374
|
+
React__default["default"].createElement("img", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5375
|
+
gif && (React__default["default"].createElement("img", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5357
5376
|
LogoutHeaderMobileSearchbarButton),
|
|
5358
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5359
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5377
|
+
React__default["default"].createElement("div", { className: "".concat(styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5378
|
+
React__default["default"].createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5360
5379
|
!gif && loginHeaderOptionTabs,
|
|
5361
5380
|
" ",
|
|
5362
5381
|
loginHeaderPopover)),
|
|
5363
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5382
|
+
React__default["default"].createElement("div", { className: styles$D["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5364
5383
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5365
5384
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5366
5385
|
};
|
|
5367
5386
|
|
|
5368
|
-
var styles$
|
|
5387
|
+
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"};
|
|
5369
5388
|
|
|
5370
|
-
var Component$
|
|
5389
|
+
var Component$N = function (_a) {
|
|
5371
5390
|
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;
|
|
5372
5391
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
5373
5392
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -5410,29 +5429,29 @@ var Component$F = function (_a) {
|
|
|
5410
5429
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5411
5430
|
md: null
|
|
5412
5431
|
});
|
|
5413
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5432
|
+
return (React__default["default"].createElement("header", { className: styles$C.LogoutHeaderComponent },
|
|
5414
5433
|
LogoutHeaderMobileSearchbar,
|
|
5415
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5416
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5417
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5434
|
+
React__default["default"].createElement("div", { className: styles$C['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5435
|
+
React__default["default"].createElement("div", { className: styles$C['magneto-ui-second-row'] },
|
|
5436
|
+
React__default["default"].createElement("div", { className: styles$C['magneto-ui-left-section'] },
|
|
5418
5437
|
LogoutHeaderMenuButton,
|
|
5419
5438
|
React__default["default"].createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5420
5439
|
LogoutHeaderMobileSearchbarButton),
|
|
5421
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5440
|
+
React__default["default"].createElement("div", { className: styles$C['magneto-ui-middle-section'] },
|
|
5422
5441
|
LogoutHeaderSearchbar,
|
|
5423
5442
|
" ",
|
|
5424
5443
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5425
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5444
|
+
React__default["default"].createElement("div", { className: styles$C['magneto-ui-right-section'] },
|
|
5426
5445
|
LogoutHeaderLinkSignIn,
|
|
5427
5446
|
LogoutHeaderButtonSignUp)),
|
|
5428
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5447
|
+
React__default["default"].createElement("div", { className: styles$C['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5429
5448
|
};
|
|
5430
5449
|
/**
|
|
5431
5450
|
* UI Header Organisim for 1024 resolution/size
|
|
5432
5451
|
*/
|
|
5433
|
-
var LogoutHeader = Component$
|
|
5452
|
+
var LogoutHeader = Component$N;
|
|
5434
5453
|
|
|
5435
|
-
var styles$
|
|
5454
|
+
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"};
|
|
5436
5455
|
|
|
5437
5456
|
var Muiclass$2 = 'magneto-ui';
|
|
5438
5457
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5463,24 +5482,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5463
5482
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React__default["default"].createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5464
5483
|
md: null
|
|
5465
5484
|
});
|
|
5466
|
-
return (React__default["default"].createElement("header", { className: styles$
|
|
5485
|
+
return (React__default["default"].createElement("header", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5467
5486
|
LogoutHeaderMobileSearchbar,
|
|
5468
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5469
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5487
|
+
React__default["default"].createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5488
|
+
React__default["default"].createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5470
5489
|
LogoutHeaderMenuButton,
|
|
5471
5490
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
5472
5491
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5473
5492
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React__default["default"].createElement(BrandMenu, __assign({}, brandMenuProps))) : (React__default["default"].createElement("a", { href: companyUrl },
|
|
5474
|
-
React__default["default"].createElement("img", { className: styles$
|
|
5475
|
-
gif && (React__default["default"].createElement("img", { className: styles$
|
|
5493
|
+
React__default["default"].createElement("img", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5494
|
+
gif && (React__default["default"].createElement("img", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5476
5495
|
LogoutHeaderMobileSearchbarButton),
|
|
5477
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5496
|
+
React__default["default"].createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5478
5497
|
LogoutHeaderSearchbar,
|
|
5479
5498
|
React__default["default"].createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5480
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5499
|
+
React__default["default"].createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5481
5500
|
LogoutHeaderLinkSignIn,
|
|
5482
5501
|
LogoutHeaderButtonSignUp)),
|
|
5483
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5502
|
+
React__default["default"].createElement("div", { className: styles$B["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5484
5503
|
};
|
|
5485
5504
|
|
|
5486
5505
|
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"};
|
|
@@ -5512,28 +5531,28 @@ var MegaMenuCards = function (_a) {
|
|
|
5512
5531
|
action && (React__default["default"].createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
|
|
5513
5532
|
};
|
|
5514
5533
|
|
|
5515
|
-
var styles$
|
|
5534
|
+
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"};
|
|
5516
5535
|
|
|
5517
|
-
var Component$
|
|
5536
|
+
var Component$M = function (_a) {
|
|
5518
5537
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5519
5538
|
var handleOptionClick = function (optionValue) {
|
|
5520
5539
|
handleOnClick(optionValue);
|
|
5521
5540
|
};
|
|
5522
5541
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5523
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
5524
|
-
React__default["default"].createElement("ul", { className: styles$
|
|
5542
|
+
return (React__default["default"].createElement("div", { className: styles$A['magneto-ui--date-options'] },
|
|
5543
|
+
React__default["default"].createElement("ul", { className: styles$A['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5525
5544
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5526
|
-
return (React__default["default"].createElement("li", { className: "".concat(styles$
|
|
5545
|
+
return (React__default["default"].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));
|
|
5527
5546
|
}))));
|
|
5528
5547
|
};
|
|
5529
5548
|
/**
|
|
5530
5549
|
* UI Atom component of Date Option
|
|
5531
5550
|
*/
|
|
5532
|
-
var DateOptions = Component$
|
|
5551
|
+
var DateOptions = Component$M;
|
|
5533
5552
|
|
|
5534
|
-
var styles$
|
|
5553
|
+
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"};
|
|
5535
5554
|
|
|
5536
|
-
var Component$
|
|
5555
|
+
var Component$L = function (_a) {
|
|
5537
5556
|
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;
|
|
5538
5557
|
var _b = React.useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5539
5558
|
var _c = React.useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5555,23 +5574,23 @@ var Component$D = function (_a) {
|
|
|
5555
5574
|
setInitialSelectedOption(null);
|
|
5556
5575
|
}
|
|
5557
5576
|
}, [disabled]);
|
|
5558
|
-
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5559
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5577
|
+
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$z['magneto-ui--date-selection'] },
|
|
5578
|
+
React__default["default"].createElement("div", { className: styles$z['magneto-ui--date-selection__header'] },
|
|
5560
5579
|
React__default["default"].createElement("h2", null, selectionHeader)),
|
|
5561
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5580
|
+
React__default["default"].createElement("div", { className: styles$z['magneto-ui--date-selection__options'] },
|
|
5562
5581
|
React__default["default"].createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5563
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5564
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5565
|
-
React__default["default"].createElement("button", { className: styles$
|
|
5582
|
+
React__default["default"].createElement("div", { className: styles$z['magneto-ui--date-selection__btn--wrapper'] },
|
|
5583
|
+
React__default["default"].createElement("button", { className: styles$z['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5584
|
+
React__default["default"].createElement("button", { className: styles$z['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5566
5585
|
};
|
|
5567
|
-
var DateSelection = Component$
|
|
5586
|
+
var DateSelection = Component$L;
|
|
5568
5587
|
|
|
5569
|
-
var styles$
|
|
5588
|
+
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"};
|
|
5570
5589
|
|
|
5571
5590
|
var defaultValue = function (value) {
|
|
5572
5591
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5573
5592
|
};
|
|
5574
|
-
var Component$
|
|
5593
|
+
var Component$K = function (_a) {
|
|
5575
5594
|
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;
|
|
5576
5595
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5577
5596
|
var valueClass = '-value';
|
|
@@ -5636,41 +5655,41 @@ var Component$C = function (_a) {
|
|
|
5636
5655
|
}
|
|
5637
5656
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5638
5657
|
}, [disabled]);
|
|
5639
|
-
return (React__default["default"].createElement("section", { className: styles$
|
|
5640
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5641
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5642
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5643
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5644
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5658
|
+
return (React__default["default"].createElement("section", { className: styles$y['magneto-ui--mobile-date-picker'] },
|
|
5659
|
+
React__default["default"].createElement("div", { className: styles$y["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5660
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--mobile-date-picker__input'] },
|
|
5661
|
+
React__default["default"].createElement("span", { className: styles$y["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5662
|
+
React__default["default"].createElement("p", { className: styles$y['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5663
|
+
React__default["default"].createElement("span", { className: styles$y["".concat(iconClass)] }, disabledArrow)),
|
|
5645
5664
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5646
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5647
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5648
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5649
|
-
React__default["default"].createElement("p", { className: styles$
|
|
5650
|
-
React__default["default"].createElement("span", { className: styles$
|
|
5665
|
+
React__default["default"].createElement("div", { className: styles$y["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5666
|
+
React__default["default"].createElement("div", { className: styles$y['magneto-ui--mobile-date-picker__input'] },
|
|
5667
|
+
React__default["default"].createElement("span", { className: styles$y["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5668
|
+
React__default["default"].createElement("p", { className: styles$y['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5669
|
+
React__default["default"].createElement("span", { className: styles$y["".concat(iconClass)] }, disabledArrow)),
|
|
5651
5670
|
React__default["default"].createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5652
5671
|
};
|
|
5653
|
-
var MobileDatePicker = Component$
|
|
5672
|
+
var MobileDatePicker = Component$K;
|
|
5654
5673
|
|
|
5655
|
-
var Component$
|
|
5674
|
+
var Component$J = function (_a) {
|
|
5656
5675
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5657
5676
|
return (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5658
5677
|
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5659
5678
|
};
|
|
5660
|
-
var MobileDrawerMenu = Component$
|
|
5679
|
+
var MobileDrawerMenu = Component$J;
|
|
5661
5680
|
|
|
5662
|
-
var styles$
|
|
5681
|
+
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"};
|
|
5663
5682
|
|
|
5664
|
-
var Component$
|
|
5683
|
+
var Component$I = function (_a) {
|
|
5665
5684
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5666
5685
|
var _b = React.useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5667
5686
|
var onOpenClick = function () {
|
|
5668
5687
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5669
5688
|
};
|
|
5670
|
-
var showButtonContainer = onClose ? styles$
|
|
5671
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
5672
|
-
React__default["default"].createElement("div", { id: styles$
|
|
5673
|
-
React__default["default"].createElement("div", { className: styles$
|
|
5689
|
+
var showButtonContainer = onClose ? styles$x['showContainer'] : styles$x['hideContainer'];
|
|
5690
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$x.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5691
|
+
React__default["default"].createElement("div", { id: styles$x['magneto-ui__external-child'] }, externalButtonChild),
|
|
5692
|
+
React__default["default"].createElement("div", { className: styles$x['DrawerButtonWrapper'] },
|
|
5674
5693
|
React__default["default"].createElement("button", { type: "button", onClick: onOpenClick },
|
|
5675
5694
|
React__default["default"].createElement(IconItem, { icon: More, hover: false }))),
|
|
5676
5695
|
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5679,11 +5698,11 @@ var Component$A = function (_a) {
|
|
|
5679
5698
|
/**
|
|
5680
5699
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5681
5700
|
*/
|
|
5682
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5701
|
+
var MobileJobDetailsActionsBar = Component$I;
|
|
5683
5702
|
|
|
5684
5703
|
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"};
|
|
5685
5704
|
|
|
5686
|
-
var Component$
|
|
5705
|
+
var Component$H = function () {
|
|
5687
5706
|
var skeletonCard = (React__default["default"].createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5688
5707
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
5689
5708
|
React__default["default"].createElement("span", { className: style$l.skeleton }),
|
|
@@ -5707,7 +5726,7 @@ var Component$z = function () {
|
|
|
5707
5726
|
/**
|
|
5708
5727
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5709
5728
|
*/
|
|
5710
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5729
|
+
var MobileJobDetailsDrawerSkeleton = Component$H;
|
|
5711
5730
|
|
|
5712
5731
|
var SwipeMode;
|
|
5713
5732
|
(function (SwipeMode) {
|
|
@@ -5777,8 +5796,8 @@ var Swipe = function (_a) {
|
|
|
5777
5796
|
} }))));
|
|
5778
5797
|
};
|
|
5779
5798
|
|
|
5780
|
-
var Component$
|
|
5781
|
-
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,
|
|
5799
|
+
var Component$G = function (_a) {
|
|
5800
|
+
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, fraudCardJobProps = _a.fraudCardJobProps;
|
|
5782
5801
|
var handleClose = React.useCallback(function () {
|
|
5783
5802
|
if (onClose) {
|
|
5784
5803
|
onClose();
|
|
@@ -5792,7 +5811,7 @@ var Component$y = function (_a) {
|
|
|
5792
5811
|
jobVideo && React__default["default"].createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5793
5812
|
React__default["default"].createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5794
5813
|
jobSkillsCardProps && React__default["default"].createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5795
|
-
React__default["default"].createElement(FraudCardJob, {
|
|
5814
|
+
React__default["default"].createElement(FraudCardJob, __assign({}, fraudCardJobProps)),
|
|
5796
5815
|
React__default["default"].createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5797
5816
|
React__default["default"].createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5798
5817
|
similarJobsProps ? React__default["default"].createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
|
|
@@ -5811,7 +5830,7 @@ var Component$y = function (_a) {
|
|
|
5811
5830
|
setLoadVideo,
|
|
5812
5831
|
jobDetailCardProps,
|
|
5813
5832
|
jobSkillsCardProps,
|
|
5814
|
-
|
|
5833
|
+
fraudCardJobProps,
|
|
5815
5834
|
jobApplyCardProps,
|
|
5816
5835
|
jobFooterCardProps,
|
|
5817
5836
|
similarJobsProps
|
|
@@ -5828,7 +5847,7 @@ var Component$y = function (_a) {
|
|
|
5828
5847
|
/**
|
|
5829
5848
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5830
5849
|
*/
|
|
5831
|
-
var MobileJobDetailsDrawer = Component$
|
|
5850
|
+
var MobileJobDetailsDrawer = Component$G;
|
|
5832
5851
|
|
|
5833
5852
|
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"};
|
|
5834
5853
|
|
|
@@ -5850,7 +5869,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5850
5869
|
React__default["default"].createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5851
5870
|
};
|
|
5852
5871
|
|
|
5853
|
-
var Component$
|
|
5872
|
+
var Component$F = function (_a) {
|
|
5854
5873
|
var props = __rest(_a, []);
|
|
5855
5874
|
var _b = React.useState(0), step = _b[0], setStep = _b[1];
|
|
5856
5875
|
return React__default["default"].createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5858,7 +5877,7 @@ var Component$x = function (_a) {
|
|
|
5858
5877
|
/**
|
|
5859
5878
|
* Organism UI component of analyst template
|
|
5860
5879
|
*/
|
|
5861
|
-
var ModalAnalyst = Component$
|
|
5880
|
+
var ModalAnalyst = Component$F;
|
|
5862
5881
|
|
|
5863
5882
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5864
5883
|
|
|
@@ -6079,18 +6098,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
6079
6098
|
React__default["default"].createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
6080
6099
|
};
|
|
6081
6100
|
|
|
6082
|
-
var styles$
|
|
6101
|
+
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"};
|
|
6083
6102
|
|
|
6084
|
-
var Component$
|
|
6103
|
+
var Component$E = function (_a) {
|
|
6085
6104
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
6086
6105
|
if (!title)
|
|
6087
6106
|
return null;
|
|
6088
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6107
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React__default["default"].createElement("h3", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React__default["default"].createElement(Divider, null))));
|
|
6089
6108
|
};
|
|
6090
6109
|
/**
|
|
6091
6110
|
* Organism UI child component of nav menu analyst
|
|
6092
6111
|
*/
|
|
6093
|
-
var NavMenuAnalystDivider = Component$
|
|
6112
|
+
var NavMenuAnalystDivider = Component$E;
|
|
6094
6113
|
|
|
6095
6114
|
var navMenuAnalystIcons = {
|
|
6096
6115
|
home: {
|
|
@@ -6139,9 +6158,9 @@ var navMenuAnalystIcons = {
|
|
|
6139
6158
|
}
|
|
6140
6159
|
};
|
|
6141
6160
|
|
|
6142
|
-
var styles$
|
|
6161
|
+
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"};
|
|
6143
6162
|
|
|
6144
|
-
var Component$
|
|
6163
|
+
var Component$D = function (_a) {
|
|
6145
6164
|
var _b;
|
|
6146
6165
|
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;
|
|
6147
6166
|
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;
|
|
@@ -6224,7 +6243,7 @@ var Component$v = function (_a) {
|
|
|
6224
6243
|
}
|
|
6225
6244
|
}, [option.data, queryString, useQueryString]);
|
|
6226
6245
|
var linkStyles = CNM.get({
|
|
6227
|
-
styles: styles$
|
|
6246
|
+
styles: styles$v,
|
|
6228
6247
|
cls: [
|
|
6229
6248
|
'nav-menu-analyst-option__link',
|
|
6230
6249
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -6232,7 +6251,7 @@ var Component$v = function (_a) {
|
|
|
6232
6251
|
]
|
|
6233
6252
|
});
|
|
6234
6253
|
var dropdownStyles = CNM.get({
|
|
6235
|
-
styles: styles$
|
|
6254
|
+
styles: styles$v,
|
|
6236
6255
|
cls: [
|
|
6237
6256
|
'nav-menu-analyst-option__dropdown',
|
|
6238
6257
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -6250,21 +6269,21 @@ var Component$v = function (_a) {
|
|
|
6250
6269
|
}
|
|
6251
6270
|
return (React__default["default"].createElement("div", { title: option.title, ref: optionRef },
|
|
6252
6271
|
React__default["default"].createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
6253
|
-
styles: styles$
|
|
6272
|
+
styles: styles$v,
|
|
6254
6273
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
6255
6274
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
6256
6275
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
6257
6276
|
size: 18
|
|
6258
6277
|
} }, option.data.map(function (item, i) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6259
|
-
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$
|
|
6260
|
-
item.children.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
6278
|
+
item.title && (React__default["default"].createElement("p", { className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
6279
|
+
item.children.map(function (child, j) { return (React__default["default"].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 })); }))); }))));
|
|
6261
6280
|
};
|
|
6262
6281
|
/**
|
|
6263
6282
|
* Organism UI child component of nav menu analyst
|
|
6264
6283
|
*/
|
|
6265
|
-
var NavMenuAnalystOption = Component$
|
|
6284
|
+
var NavMenuAnalystOption = Component$D;
|
|
6266
6285
|
|
|
6267
|
-
var styles$
|
|
6286
|
+
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"};
|
|
6268
6287
|
|
|
6269
6288
|
var useAnalystModal = function (modals) {
|
|
6270
6289
|
var _a = React.useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -6308,7 +6327,7 @@ var AnalystProvider = function (_a) {
|
|
|
6308
6327
|
};
|
|
6309
6328
|
var useAnalyst = function () { return React.useContext(AnalystContext); };
|
|
6310
6329
|
|
|
6311
|
-
var Component$
|
|
6330
|
+
var Component$C = function (_a) {
|
|
6312
6331
|
var _b, _c;
|
|
6313
6332
|
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;
|
|
6314
6333
|
var containerRef = React.useRef(null);
|
|
@@ -6338,17 +6357,17 @@ var Component$u = function (_a) {
|
|
|
6338
6357
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
6339
6358
|
};
|
|
6340
6359
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
6341
|
-
styles: styles$
|
|
6360
|
+
styles: styles$u,
|
|
6342
6361
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
6343
6362
|
}) },
|
|
6344
|
-
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
6363
|
+
isFullWidth && (React__default["default"].createElement("header", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__header'] }) },
|
|
6345
6364
|
React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
6346
|
-
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
6347
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6365
|
+
React__default["default"].createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__container'] }) },
|
|
6366
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React__default["default"].createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__section'] }) },
|
|
6348
6367
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
6349
6368
|
section.children.map(function (child, j) { return (React__default["default"].createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
6350
6369
|
React__default["default"].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 }))); }))); })),
|
|
6351
|
-
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6370
|
+
regions && regions.length > 0 && defaultRegion && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__region'] }) },
|
|
6352
6371
|
React__default["default"].createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
6353
6372
|
icons: {
|
|
6354
6373
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -6359,27 +6378,27 @@ var Component$u = function (_a) {
|
|
|
6359
6378
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
6360
6379
|
} }))),
|
|
6361
6380
|
React__default["default"].createElement("footer", { className: CNM.get({
|
|
6362
|
-
styles: styles$
|
|
6381
|
+
styles: styles$u,
|
|
6363
6382
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
6364
|
-
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
6383
|
+
}) }, footer.map(function (option, i) { return (React__default["default"].createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$u, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
6365
6384
|
React__default["default"].createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
6366
6385
|
option.children.map(function (child, j) { return (React__default["default"].createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
6367
6386
|
};
|
|
6368
6387
|
/**
|
|
6369
6388
|
* Organism UI component of navigation menu analyst
|
|
6370
6389
|
*/
|
|
6371
|
-
var NavMenuAnalyst = Component$
|
|
6390
|
+
var NavMenuAnalyst = Component$C;
|
|
6372
6391
|
|
|
6373
|
-
var styles$
|
|
6392
|
+
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"};
|
|
6374
6393
|
|
|
6375
|
-
var Component$
|
|
6394
|
+
var Component$B = function (_a) {
|
|
6376
6395
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
6377
6396
|
var cancelButton = useMediaQuery(React__default["default"].createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
6378
|
-
styles: styles$
|
|
6397
|
+
styles: styles$t,
|
|
6379
6398
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
6380
6399
|
}), onClick: function () { return handleClose(null); } }), {
|
|
6381
6400
|
sm: (React__default["default"].createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
6382
|
-
styles: styles$
|
|
6401
|
+
styles: styles$t,
|
|
6383
6402
|
cls: [
|
|
6384
6403
|
'nav-menu-analyst-region-modal-content__button',
|
|
6385
6404
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -6387,34 +6406,34 @@ var Component$t = function (_a) {
|
|
|
6387
6406
|
}), onClick: function () { return handleClose(null); } }))
|
|
6388
6407
|
});
|
|
6389
6408
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
6390
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6409
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
6391
6410
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
6392
6411
|
return (React__default["default"].createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
6393
6412
|
icon: flag,
|
|
6394
6413
|
alt: lang,
|
|
6395
|
-
className: CNM.get({ styles: styles$
|
|
6396
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
6414
|
+
className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
6415
|
+
}, childrenClassName: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
6397
6416
|
var lang = _a.lang;
|
|
6398
6417
|
return lang === defaultRegion;
|
|
6399
6418
|
}) ? defaultRegion === lang : index === 0) &&
|
|
6400
6419
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
6401
6420
|
React__default["default"].createElement("span", null, name)));
|
|
6402
6421
|
})),
|
|
6403
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
6422
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$t, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
6404
6423
|
cancelButton,
|
|
6405
6424
|
React__default["default"].createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
6406
|
-
styles: styles$
|
|
6425
|
+
styles: styles$t,
|
|
6407
6426
|
cls: [
|
|
6408
6427
|
'nav-menu-analyst-region-modal-content__button',
|
|
6409
6428
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
6410
6429
|
]
|
|
6411
6430
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
6412
6431
|
};
|
|
6413
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
6432
|
+
var NavMenuAnalystRegionModalContent = Component$B;
|
|
6414
6433
|
|
|
6415
|
-
var styles$
|
|
6434
|
+
var styles$s = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
6416
6435
|
|
|
6417
|
-
var Component$
|
|
6436
|
+
var Component$A = function (_a) {
|
|
6418
6437
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
6419
6438
|
var _b = React.useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
6420
6439
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -6422,9 +6441,9 @@ var Component$s = function (_a) {
|
|
|
6422
6441
|
setSelectedRegion(null);
|
|
6423
6442
|
handleRegionChange(region);
|
|
6424
6443
|
}, [handleRegionChange]);
|
|
6425
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
6444
|
+
var container = useMediaQuery(React__default["default"].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'] }) },
|
|
6426
6445
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
6427
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
6446
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$s, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6428
6447
|
React__default["default"].createElement("h2", null, regionModal.title),
|
|
6429
6448
|
React__default["default"].createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
6430
6449
|
});
|
|
@@ -6433,24 +6452,24 @@ var Component$s = function (_a) {
|
|
|
6433
6452
|
/**
|
|
6434
6453
|
* Organism UI child component of nav menu analyst
|
|
6435
6454
|
*/
|
|
6436
|
-
var NavMenuAnalystRegionModal = Component$
|
|
6455
|
+
var NavMenuAnalystRegionModal = Component$A;
|
|
6437
6456
|
|
|
6438
|
-
var styles$
|
|
6457
|
+
var styles$r = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
6439
6458
|
|
|
6440
|
-
var Component$
|
|
6459
|
+
var Component$z = function (_a) {
|
|
6441
6460
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
6442
6461
|
var handleClose = React.useCallback(function () {
|
|
6443
6462
|
if (onClose) {
|
|
6444
6463
|
onClose();
|
|
6445
6464
|
}
|
|
6446
6465
|
}, [onClose]);
|
|
6447
|
-
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
6466
|
+
return (React__default["default"].createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$r, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
6448
6467
|
React__default["default"].createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
6449
6468
|
};
|
|
6450
6469
|
/**
|
|
6451
6470
|
* Organism UI component of navigation menu analyst
|
|
6452
6471
|
*/
|
|
6453
|
-
var NavMenuDrawerAnalyst = Component$
|
|
6472
|
+
var NavMenuDrawerAnalyst = Component$z;
|
|
6454
6473
|
|
|
6455
6474
|
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"};
|
|
6456
6475
|
|
|
@@ -6647,6 +6666,87 @@ var OneSelectionEntry = function (_a) {
|
|
|
6647
6666
|
React__default["default"].createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6648
6667
|
};
|
|
6649
6668
|
|
|
6669
|
+
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"};
|
|
6670
|
+
|
|
6671
|
+
var cx$l = classNames.bind(styles$q);
|
|
6672
|
+
var Component$y = function (_a) {
|
|
6673
|
+
var children = _a.children, className = _a.className;
|
|
6674
|
+
return React__default["default"].createElement("div", { className: cx$l('processes-card__section', className) }, children);
|
|
6675
|
+
};
|
|
6676
|
+
var ProcessesCardSection = Component$y;
|
|
6677
|
+
|
|
6678
|
+
var cx$k = classNames.bind(styles$q);
|
|
6679
|
+
var Component$x = function (_a) {
|
|
6680
|
+
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;
|
|
6681
|
+
return (React__default["default"].createElement("div", { className: cx$k('processes-card__status-card', className, "processes-card__status-card--".concat(status), {
|
|
6682
|
+
'processes-card__status-card--is-selected': isSelected
|
|
6683
|
+
}) }, children));
|
|
6684
|
+
};
|
|
6685
|
+
var ProcessesCardStatus = Component$x;
|
|
6686
|
+
|
|
6687
|
+
var cx$j = classNames.bind(styles$q);
|
|
6688
|
+
var Component$w = function (_a) {
|
|
6689
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
6690
|
+
return React__default["default"].createElement("img", __assign({ className: cx$j('processes-card__brand', className) }, props));
|
|
6691
|
+
};
|
|
6692
|
+
var ProcessesCardBrand = Component$w;
|
|
6693
|
+
|
|
6694
|
+
var cx$i = classNames.bind(styles$q);
|
|
6695
|
+
var Component$v = function (_a) {
|
|
6696
|
+
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b;
|
|
6697
|
+
return React__default["default"].createElement("h3", { className: cx$i('processes-card__title', className, "processes-text-status--".concat(status)) }, children);
|
|
6698
|
+
};
|
|
6699
|
+
var ProcessesCardTitle = Component$v;
|
|
6700
|
+
|
|
6701
|
+
var cx$h = classNames.bind(styles$q);
|
|
6702
|
+
var Component$u = function (_a) {
|
|
6703
|
+
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;
|
|
6704
|
+
return (React__default["default"].createElement("p", { className: cx$h('processes-card__text', className, "processes-text-status--".concat(status), {
|
|
6705
|
+
'processes-card__text--strong': strong
|
|
6706
|
+
}) }, children));
|
|
6707
|
+
};
|
|
6708
|
+
var ProcessesCardText = Component$u;
|
|
6709
|
+
|
|
6710
|
+
var cx$g = classNames.bind(styles$q);
|
|
6711
|
+
var Component$t = function (_a) {
|
|
6712
|
+
var className = _a.className, props = __rest(_a, ["className"]);
|
|
6713
|
+
return React__default["default"].createElement("img", __assign({ className: cx$g('processes-card__arrow-left', className), src: ArrowRight2 }, props));
|
|
6714
|
+
};
|
|
6715
|
+
var ProcessesCardArrow = Component$t;
|
|
6716
|
+
|
|
6717
|
+
var cx$f = classNames.bind(styles$q);
|
|
6718
|
+
var Component$s = function (_a) {
|
|
6719
|
+
var status = _a.status, props = __rest(_a, ["status"]);
|
|
6720
|
+
var iconByStatus = function (status) {
|
|
6721
|
+
var icons = {
|
|
6722
|
+
Discarded: UserRemove,
|
|
6723
|
+
Finalists: People,
|
|
6724
|
+
Hired: UserTick,
|
|
6725
|
+
Pending: ClockLine,
|
|
6726
|
+
Sent: DocumentForward,
|
|
6727
|
+
Validation: DocumentSearch
|
|
6728
|
+
};
|
|
6729
|
+
return icons[status];
|
|
6730
|
+
};
|
|
6731
|
+
return React__default["default"].createElement("img", __assign({ className: cx$f('processes-card__icon-status'), src: iconByStatus(status), alt: "icons-status" }, props));
|
|
6732
|
+
};
|
|
6733
|
+
var ProcessesCardIconStatus = Component$s;
|
|
6734
|
+
|
|
6735
|
+
var cx$e = classNames.bind(styles$q);
|
|
6736
|
+
var Component$r = function (_a) {
|
|
6737
|
+
var children = _a.children, className = _a.className, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "isSelected"]);
|
|
6738
|
+
return (React__default["default"].createElement("button", __assign({}, props, { className: cx$e('processes-card', className, { 'processes-card--is-selected': isSelected }), type: "button" }), children));
|
|
6739
|
+
};
|
|
6740
|
+
var ProcessesCard = Object.assign(Component$r, {
|
|
6741
|
+
IconStatus: ProcessesCardIconStatus,
|
|
6742
|
+
Section: ProcessesCardSection,
|
|
6743
|
+
Status: ProcessesCardStatus,
|
|
6744
|
+
Brand: ProcessesCardBrand,
|
|
6745
|
+
Arrow: ProcessesCardArrow,
|
|
6746
|
+
Title: ProcessesCardTitle,
|
|
6747
|
+
Text: ProcessesCardText
|
|
6748
|
+
});
|
|
6749
|
+
|
|
6650
6750
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6651
6751
|
var SelectContext = React__default["default"].createContext({
|
|
6652
6752
|
value: [],
|
|
@@ -7949,6 +8049,7 @@ exports.MobileSearchbar = MobileSearchbar;
|
|
|
7949
8049
|
exports.MobileSortMenu = MobileSortMenu;
|
|
7950
8050
|
exports.Modal = Modal$1;
|
|
7951
8051
|
exports.ModalAnalyst = ModalAnalyst;
|
|
8052
|
+
exports.ModalResponsive = ModalResponsive;
|
|
7952
8053
|
exports.MultiRangeSlider = MultiRangeSlider;
|
|
7953
8054
|
exports.MultipleSelectionEntry = MultipleSelectionEntry;
|
|
7954
8055
|
exports.NavMenuAnalyst = NavMenuAnalyst;
|
|
@@ -7958,6 +8059,7 @@ exports.OneSelectionEntry = OneSelectionEntry;
|
|
|
7958
8059
|
exports.Pagination = Pagination;
|
|
7959
8060
|
exports.Paragraph = Paragraph;
|
|
7960
8061
|
exports.Popover = Popover;
|
|
8062
|
+
exports.ProcessesCard = ProcessesCard;
|
|
7961
8063
|
exports.Radio = Radio;
|
|
7962
8064
|
exports.RightsReservedText = RightsReservedText;
|
|
7963
8065
|
exports.SaveButton = SaveButton;
|