magneto365.ui 2.59.3 → 2.59.5
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/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +590 -469
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/AlertJobModal.component.d.ts +10 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/AlertJobModal.interface.d.ts +105 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalBody/AlertJobModalBody.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalButton/AlertJobModalButton.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalFooter/AlertJobModalFooter.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalHeader/AlertJobModalHeader.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalIcon/AlertJobModalIcon.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalTitle/AlertJobModalTitle.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.component.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.interface.d.ts +18 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/AlertJobStatusButton.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/ListMenuIcons/ListMenuIcons.interface.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.component.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/LoginHeader/LoginHeader.interface.d.ts +2 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenu.context.d.ts +2 -0
- package/dist/cjs/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +2 -0
- package/dist/cjs/types/constants/stories/megaMenu.constants.d.ts +9 -0
- package/dist/cjs/types/utils/icons/getIcons.util.d.ts +1 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +590 -470
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/AlertJobModal/AlertJobModal.component.d.ts +10 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/AlertJobModal.interface.d.ts +105 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalBody/AlertJobModalBody.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalButton/AlertJobModalButton.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalFooter/AlertJobModalFooter.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalHeader/AlertJobModalHeader.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalIcon/AlertJobModalIcon.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalTitle/AlertJobModalTitle.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.component.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.interface.d.ts +18 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/AlertJobStatusButton.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/ListMenuIcons/ListMenuIcons.interface.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.component.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/LoginHeader/LoginHeader.interface.d.ts +2 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenu.context.d.ts +2 -0
- package/dist/esm/types/components/UI/template/MegaMenu/MegaMenuContext.interface.d.ts +2 -0
- package/dist/esm/types/constants/stories/megaMenu.constants.d.ts +9 -0
- package/dist/esm/types/utils/icons/getIcons.util.d.ts +1 -0
- package/dist/index.d.ts +142 -3
- 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$11 = {"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$2B = 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$2A = function (_a) {
|
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$2B;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$2p = {"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
|
|
|
@@ -276,6 +276,8 @@ var Add2 = "https://static.magneto365.com/lib/assets/4a5507815cef1554.svg";
|
|
|
276
276
|
|
|
277
277
|
var AddSquareBlackOutline = "https://static.magneto365.com/lib/assets/7802bad8f709827a.svg";
|
|
278
278
|
|
|
279
|
+
var AllJobs = "https://static.magneto365.com/lib/assets/c0801a55ef2c85e6.svg";
|
|
280
|
+
|
|
279
281
|
var AnimatedSpinnerBlack = "https://static.magneto365.com/lib/assets/gif/6f5219c0a4f28bcb.gif";
|
|
280
282
|
|
|
281
283
|
var AnimatedSpinnerBlue = "https://static.magneto365.com/lib/assets/gif/e67f4a6ee6def0b9.gif";
|
|
@@ -290,6 +292,8 @@ var ArchiveAdd = "https://static.magneto365.com/lib/assets/93858404062779b6.svg"
|
|
|
290
292
|
|
|
291
293
|
var ArchiveRemove = "https://static.magneto365.com/lib/assets/7b9b613a82ce5a7e.svg";
|
|
292
294
|
|
|
295
|
+
var ArchiveTick = "https://static.magneto365.com/lib/assets/2032b2bd88b4ed5b.svg";
|
|
296
|
+
|
|
293
297
|
var ArrowDown2 = "https://static.magneto365.com/lib/assets/cd4e261bd404d56c.svg";
|
|
294
298
|
|
|
295
299
|
var ArrowDown3 = "https://static.magneto365.com/lib/assets/59e0a621450cbb17.svg";
|
|
@@ -350,6 +354,8 @@ var DocumentForward = "https://static.magneto365.com/lib/assets/1aba91fa564f11d7
|
|
|
350
354
|
|
|
351
355
|
var DocumentSearch = "https://static.magneto365.com/lib/assets/3a1c54796cd5e026.svg";
|
|
352
356
|
|
|
357
|
+
var DocumentText = "https://static.magneto365.com/lib/assets/89e029edfa166388.svg";
|
|
358
|
+
|
|
353
359
|
var DocumentTextGray = "https://static.magneto365.com/lib/assets/e6c25ccc7957e05e.svg";
|
|
354
360
|
|
|
355
361
|
var DollarCircle = "https://static.magneto365.com/lib/assets/e398388dfbd7a649.svg";
|
|
@@ -434,6 +440,8 @@ var LogoutIcon = "https://static.magneto365.com/lib/assets/69e73b9b021eccd7.svg"
|
|
|
434
440
|
|
|
435
441
|
var MagicStarBlackOutline = "https://static.magneto365.com/lib/assets/3cce32a33c03fccd.svg";
|
|
436
442
|
|
|
443
|
+
var MessageQuestion = "https://static.magneto365.com/lib/assets/4be843dae5de2ab7.svg";
|
|
444
|
+
|
|
437
445
|
var Messages2BlackOutline = "https://static.magneto365.com/lib/assets/801c14292dfce9f7.svg";
|
|
438
446
|
|
|
439
447
|
var MiniArrowGrayDown = "https://static.magneto365.com/lib/assets/0385a8005062bc95.svg";
|
|
@@ -490,10 +498,14 @@ var SpinnerWhite = "https://static.magneto365.com/lib/assets/b97768a94b8e244b.sv
|
|
|
490
498
|
|
|
491
499
|
var Success = "https://static.magneto365.com/lib/assets/d08d09ab2ca482fb.svg";
|
|
492
500
|
|
|
501
|
+
var SuggestedJobs = "https://static.magneto365.com/lib/assets/a589f2bfa7334c2f.svg";
|
|
502
|
+
|
|
493
503
|
var Tag = "https://static.magneto365.com/lib/assets/ec8bb6c5ab3d8964.svg";
|
|
494
504
|
|
|
495
505
|
var TaskBlueBold = "https://static.magneto365.com/lib/assets/546c3401e6c1ab39.svg";
|
|
496
506
|
|
|
507
|
+
var TaskSquare = "https://static.magneto365.com/lib/assets/236599155bcd9912.svg";
|
|
508
|
+
|
|
497
509
|
var TaskWhiteOutline = "https://static.magneto365.com/lib/assets/e8987356bcb0eb69.svg";
|
|
498
510
|
|
|
499
511
|
var TickCircleGreenBold = "https://static.magneto365.com/lib/assets/b7c5dd6900f044db.svg";
|
|
@@ -538,31 +550,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
538
550
|
|
|
539
551
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
540
552
|
|
|
541
|
-
var Component$
|
|
553
|
+
var Component$2A = function (_a) {
|
|
542
554
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
543
555
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
544
556
|
var handleError = function () {
|
|
545
557
|
setImageError(true);
|
|
546
558
|
};
|
|
547
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
559
|
+
return (React__default["default"].createElement("div", { className: styles$2p.avatarComponent, onClick: onClick },
|
|
548
560
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
549
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
561
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2p['magneto-ui-default-avatar'] },
|
|
550
562
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
551
563
|
};
|
|
552
564
|
/**
|
|
553
565
|
* UI Atom component of Avatar
|
|
554
566
|
*/
|
|
555
|
-
var Avatar = Component$
|
|
567
|
+
var Avatar = Component$2A;
|
|
556
568
|
|
|
557
|
-
var styles$
|
|
569
|
+
var styles$2o = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
558
570
|
|
|
559
|
-
var Component$
|
|
571
|
+
var Component$2z = function (_a) {
|
|
560
572
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
561
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
562
|
-
React__default["default"].createElement("span", { className: styles$
|
|
573
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2o['badge-count'], " ").concat(className) },
|
|
574
|
+
React__default["default"].createElement("span", { className: styles$2o['badge-count__animation'] }),
|
|
563
575
|
number && number));
|
|
564
576
|
};
|
|
565
|
-
var Badge = Component$
|
|
577
|
+
var Badge = Component$2z;
|
|
566
578
|
|
|
567
579
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
568
580
|
|
|
@@ -679,9 +691,9 @@ var SignUpButtonStyle = {
|
|
|
679
691
|
}
|
|
680
692
|
};
|
|
681
693
|
|
|
682
|
-
var styles$
|
|
694
|
+
var styles$2n = {"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"};
|
|
683
695
|
|
|
684
|
-
var styles$
|
|
696
|
+
var styles$2m = {"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"};
|
|
685
697
|
|
|
686
698
|
var ShareIcons = {
|
|
687
699
|
Facebook: {
|
|
@@ -701,7 +713,7 @@ var ShareIcons = {
|
|
|
701
713
|
}
|
|
702
714
|
};
|
|
703
715
|
|
|
704
|
-
var Component$
|
|
716
|
+
var Component$2y = function (_a) {
|
|
705
717
|
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, isApplied = _a.isApplied;
|
|
706
718
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
707
719
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -714,52 +726,52 @@ var Component$2x = function (_a) {
|
|
|
714
726
|
};
|
|
715
727
|
if (component)
|
|
716
728
|
return component;
|
|
717
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
718
|
-
React__default["default"].createElement("div", { id: styles$
|
|
729
|
+
return (React__default["default"].createElement("div", { className: styles$2m['magneto-ui-actions'] },
|
|
730
|
+
React__default["default"].createElement("div", { id: styles$2m['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
719
731
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
720
|
-
React__default["default"].createElement("button", { className: styles$
|
|
732
|
+
React__default["default"].createElement("button", { className: styles$2m['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
721
733
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
722
734
|
} },
|
|
723
735
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
724
736
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
725
737
|
actionsLinkList.map(function (_a, index) {
|
|
726
738
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
727
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
739
|
+
return (React__default["default"].createElement("a", { className: styles$2m['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
728
740
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
729
741
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
730
742
|
}),
|
|
731
|
-
React__default["default"].createElement("div", { className: styles$
|
|
732
|
-
React__default["default"].createElement("p", { className: styles$
|
|
733
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
743
|
+
React__default["default"].createElement("div", { className: styles$2m['magneto-ui-actions__header'] },
|
|
744
|
+
React__default["default"].createElement("p", { className: styles$2m['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
745
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2m['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
734
746
|
};
|
|
735
747
|
var ShareLinksAction = function (_a) {
|
|
736
748
|
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;
|
|
737
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
738
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
749
|
+
return (React__default["default"].createElement("div", { className: styles$2m['magneto-ui-actions'] },
|
|
750
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$2m['magneto-ui-actions__share'] }, shareProps)),
|
|
739
751
|
shareLinks.map(function (_a, index) {
|
|
740
752
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
741
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
753
|
+
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2m['magneto-ui-actions__link'], styles$2m['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
742
754
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
743
755
|
React__default["default"].createElement("span", null, title)));
|
|
744
756
|
}),
|
|
745
|
-
React__default["default"].createElement("div", { className: styles$
|
|
746
|
-
React__default["default"].createElement("p", { className: styles$
|
|
747
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
748
|
-
React__default["default"].createElement("div", { className: styles$
|
|
749
|
-
React__default["default"].createElement("button", { className: styles$
|
|
757
|
+
React__default["default"].createElement("div", { className: styles$2m['magneto-ui-actions__header'] },
|
|
758
|
+
React__default["default"].createElement("p", { className: styles$2m['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
759
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2m['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
760
|
+
React__default["default"].createElement("div", { className: styles$2m['magneto-ui-actions__back'] },
|
|
761
|
+
React__default["default"].createElement("button", { className: styles$2m['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
750
762
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
751
763
|
backText)));
|
|
752
764
|
};
|
|
753
765
|
/**
|
|
754
766
|
* UI Molecule componet of Actions
|
|
755
767
|
*/
|
|
756
|
-
var Actions = Object.assign(Component$
|
|
768
|
+
var Actions = Object.assign(Component$2y, { ShareLinks: ShareLinksAction });
|
|
757
769
|
|
|
758
770
|
var style$10 = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
759
771
|
|
|
760
772
|
var style$$ = {"magneto-ui-bold":"mg_text_magneto-ui-bold_16w4y","magneto-ui-lighter":"mg_text_magneto-ui-lighter_16w4y","magneto-ui-normal":"mg_text_magneto-ui-normal_16w4y"};
|
|
761
773
|
|
|
762
|
-
var Component$
|
|
774
|
+
var Component$2x = function (_a) {
|
|
763
775
|
var text = _a.text, customText = _a.customText, className = _a.className;
|
|
764
776
|
var textRender = React.useMemo(function () {
|
|
765
777
|
return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React__default["default"].createElement("span", { className: className }, customText.map(function (_a, index) {
|
|
@@ -771,7 +783,7 @@ var Component$2w = function (_a) {
|
|
|
771
783
|
}, [text, customText, className]);
|
|
772
784
|
return React__default["default"].createElement(React__default["default"].Fragment, null, textRender);
|
|
773
785
|
};
|
|
774
|
-
var Text$1 = Component$
|
|
786
|
+
var Text$1 = Component$2x;
|
|
775
787
|
|
|
776
788
|
var alertIcons$1 = {
|
|
777
789
|
info: Info,
|
|
@@ -779,7 +791,7 @@ var alertIcons$1 = {
|
|
|
779
791
|
warning: Warning,
|
|
780
792
|
error: Error
|
|
781
793
|
};
|
|
782
|
-
var Component$
|
|
794
|
+
var Component$2w = function (_a) {
|
|
783
795
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
784
796
|
var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
785
797
|
var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
|
|
@@ -791,7 +803,7 @@ var Component$2v = function (_a) {
|
|
|
791
803
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
792
804
|
extraButton));
|
|
793
805
|
};
|
|
794
|
-
var Alert = Component$
|
|
806
|
+
var Alert = Component$2w;
|
|
795
807
|
|
|
796
808
|
var style$_ = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
797
809
|
|
|
@@ -878,8 +890,8 @@ var classNames = {
|
|
|
878
890
|
}
|
|
879
891
|
};
|
|
880
892
|
|
|
881
|
-
var cx$
|
|
882
|
-
var Component$
|
|
893
|
+
var cx$K = classNames.bind(style$Z);
|
|
894
|
+
var Component$2v = function (_a) {
|
|
883
895
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
884
896
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
885
897
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -905,17 +917,17 @@ var Component$2u = function (_a) {
|
|
|
905
917
|
};
|
|
906
918
|
}, [isOpen]);
|
|
907
919
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
908
|
-
React__default["default"].createElement("div", { className: cx$
|
|
920
|
+
React__default["default"].createElement("div", { className: cx$K('magneto-ui-mobile-drawer', className) },
|
|
909
921
|
React__default["default"].createElement("aside", { className: style$Z[showMenu] },
|
|
910
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
922
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$K('magneto-ui-close-button'), onClick: onClose },
|
|
911
923
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
|
|
912
|
-
React__default["default"].createElement("div", { className: cx$
|
|
913
|
-
isOpen && (React__default["default"].createElement("span", { className: cx$
|
|
924
|
+
React__default["default"].createElement("div", { className: cx$K('magneto-ui-container') }, children)),
|
|
925
|
+
isOpen && (React__default["default"].createElement("span", { className: cx$K('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
914
926
|
};
|
|
915
927
|
/**
|
|
916
928
|
* Molecule UI component for Mobile Drawer
|
|
917
929
|
*/
|
|
918
|
-
var MobileDrawer = Component$
|
|
930
|
+
var MobileDrawer = Component$2v;
|
|
919
931
|
|
|
920
932
|
var style$Y = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
921
933
|
|
|
@@ -971,11 +983,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
971
983
|
};
|
|
972
984
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
973
985
|
|
|
974
|
-
var styles$
|
|
986
|
+
var styles$2l = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
975
987
|
|
|
976
|
-
var Component$
|
|
988
|
+
var Component$2u = function (_a) {
|
|
977
989
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
978
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
990
|
+
return (React__default["default"].createElement("div", { className: styles$2l.BreadcrumbsComponent },
|
|
979
991
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
980
992
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
981
993
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -983,52 +995,52 @@ var Component$2t = function (_a) {
|
|
|
983
995
|
/**
|
|
984
996
|
* Molecule UI component for breadcrums information
|
|
985
997
|
*/
|
|
986
|
-
var Breadcrumbs = Component$
|
|
998
|
+
var Breadcrumbs = Component$2u;
|
|
987
999
|
|
|
988
|
-
var styles$
|
|
1000
|
+
var styles$2k = {"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"};
|
|
989
1001
|
|
|
990
1002
|
var CitiesDetailDrawer = function (_a) {
|
|
991
1003
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
992
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
993
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1004
|
+
return (React__default["default"].createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1005
|
+
React__default["default"].createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
994
1006
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
995
|
-
React__default["default"].createElement("div", { className: styles$
|
|
996
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
1007
|
+
React__default["default"].createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
1008
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
997
1009
|
cities &&
|
|
998
1010
|
cities.map(function (_a, index) {
|
|
999
1011
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
1000
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1012
|
+
return (React__default["default"].createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
1001
1013
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
1002
1014
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
1003
1015
|
})))) : null));
|
|
1004
1016
|
};
|
|
1005
1017
|
|
|
1006
|
-
var styles$
|
|
1018
|
+
var styles$2j = {"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"};
|
|
1007
1019
|
|
|
1008
|
-
var Component$
|
|
1020
|
+
var Component$2t = function (_a) {
|
|
1009
1021
|
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;
|
|
1010
1022
|
var disabledArrow = React.useMemo(function () {
|
|
1011
1023
|
if (disabled)
|
|
1012
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1024
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2j['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1013
1025
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1014
1026
|
}, [disabled]);
|
|
1015
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1016
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1017
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1027
|
+
return (React__default["default"].createElement("div", { className: styles$2j['magneto-ui--date-dropdown__wrapper'] },
|
|
1028
|
+
React__default["default"].createElement("select", { className: styles$2j["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1029
|
+
React__default["default"].createElement("option", { className: styles$2j['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1018
1030
|
dateOptions.map(function (_a) {
|
|
1019
1031
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1020
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1032
|
+
return (React__default["default"].createElement("option", { className: styles$2j['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1021
1033
|
})),
|
|
1022
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1034
|
+
React__default["default"].createElement("span", { className: styles$2j['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1023
1035
|
};
|
|
1024
|
-
var DateDropdown = Component$
|
|
1036
|
+
var DateDropdown = Component$2t;
|
|
1025
1037
|
|
|
1026
|
-
var styles$
|
|
1038
|
+
var styles$2i = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1027
1039
|
|
|
1028
1040
|
var defaultValue$1 = function (value) {
|
|
1029
1041
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1030
1042
|
};
|
|
1031
|
-
var Component$
|
|
1043
|
+
var Component$2s = function (_a) {
|
|
1032
1044
|
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;
|
|
1033
1045
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1034
1046
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1062,16 +1074,16 @@ var Component$2r = function (_a) {
|
|
|
1062
1074
|
}
|
|
1063
1075
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1064
1076
|
}, [disabled]);
|
|
1065
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1077
|
+
return (React__default["default"].createElement("div", { className: styles$2i['magneto-ui--date-picker__wrapper'] },
|
|
1066
1078
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1067
1079
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1068
1080
|
};
|
|
1069
|
-
var DatePicker = Component$
|
|
1081
|
+
var DatePicker = Component$2s;
|
|
1070
1082
|
|
|
1071
1083
|
var style$X = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1072
1084
|
|
|
1073
1085
|
var DEFAULT_PADDING = 20;
|
|
1074
|
-
var Component$
|
|
1086
|
+
var Component$2r = function (_a) {
|
|
1075
1087
|
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;
|
|
1076
1088
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1077
1089
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1117,7 +1129,7 @@ var Component$2q = function (_a) {
|
|
|
1117
1129
|
/**
|
|
1118
1130
|
* Molecule UI component for Drawer
|
|
1119
1131
|
*/
|
|
1120
|
-
var Drawer$1 = Component$
|
|
1132
|
+
var Drawer$1 = Component$2r;
|
|
1121
1133
|
|
|
1122
1134
|
var style$W = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1123
1135
|
|
|
@@ -1180,15 +1192,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1180
1192
|
_c)
|
|
1181
1193
|
};
|
|
1182
1194
|
|
|
1183
|
-
var styles$
|
|
1195
|
+
var styles$2h = {"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"};
|
|
1184
1196
|
|
|
1185
|
-
var Component$
|
|
1197
|
+
var Component$2q = function (_a) {
|
|
1186
1198
|
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;
|
|
1187
1199
|
var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1188
1200
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1189
1201
|
var componentProps = React.useMemo(function () {
|
|
1190
1202
|
var className = CNM.get({
|
|
1191
|
-
styles: styles$
|
|
1203
|
+
styles: styles$2h,
|
|
1192
1204
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1193
1205
|
});
|
|
1194
1206
|
if (isUrl)
|
|
@@ -1210,48 +1222,48 @@ var Component$2p = function (_a) {
|
|
|
1210
1222
|
}
|
|
1211
1223
|
return;
|
|
1212
1224
|
}, [loading, variant]);
|
|
1213
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1214
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1225
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action', className] }) },
|
|
1226
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action__container'] }) },
|
|
1215
1227
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1216
1228
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1217
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1229
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action__title'] }) }, title),
|
|
1218
1230
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1219
1231
|
};
|
|
1220
1232
|
/**
|
|
1221
1233
|
* Molecule UI child component of expandable info
|
|
1222
1234
|
*/
|
|
1223
|
-
var ExpandableInfoAction = Component$
|
|
1235
|
+
var ExpandableInfoAction = Component$2q;
|
|
1224
1236
|
|
|
1225
|
-
var styles$
|
|
1237
|
+
var styles$2g = {"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"};
|
|
1226
1238
|
|
|
1227
|
-
var Component$
|
|
1239
|
+
var Component$2p = function (_a) {
|
|
1228
1240
|
var sections = _a.sections, footer = _a.footer;
|
|
1229
1241
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1230
1242
|
return CNM.get({
|
|
1231
|
-
styles: styles$
|
|
1243
|
+
styles: styles$2g,
|
|
1232
1244
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1233
1245
|
});
|
|
1234
1246
|
}, []);
|
|
1235
1247
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1236
1248
|
return CNM.get({
|
|
1237
|
-
styles: styles$
|
|
1249
|
+
styles: styles$2g,
|
|
1238
1250
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1239
1251
|
});
|
|
1240
1252
|
}, []);
|
|
1241
1253
|
var itemStyles = React.useCallback(function (first) {
|
|
1242
1254
|
return CNM.get({
|
|
1243
|
-
styles: styles$
|
|
1255
|
+
styles: styles$2g,
|
|
1244
1256
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1245
1257
|
});
|
|
1246
1258
|
}, []);
|
|
1247
1259
|
var textStyles = React.useCallback(function (bold) {
|
|
1248
1260
|
return CNM.get({
|
|
1249
|
-
styles: styles$
|
|
1261
|
+
styles: styles$2g,
|
|
1250
1262
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1251
1263
|
});
|
|
1252
1264
|
}, []);
|
|
1253
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1254
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1265
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details'] }) },
|
|
1266
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1255
1267
|
sections.map(function (section, index) {
|
|
1256
1268
|
var _a, _b;
|
|
1257
1269
|
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) {
|
|
@@ -1265,13 +1277,13 @@ var Component$2o = function (_a) {
|
|
|
1265
1277
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1266
1278
|
})));
|
|
1267
1279
|
}),
|
|
1268
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1269
|
-
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$
|
|
1280
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__footer'] }) },
|
|
1281
|
+
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$2g, cls: ['expandable-info-details__action'] }) }))))));
|
|
1270
1282
|
};
|
|
1271
1283
|
/**
|
|
1272
1284
|
* Molecule UI child component of expandable info
|
|
1273
1285
|
*/
|
|
1274
|
-
var ExpandableInfoDetails = Component$
|
|
1286
|
+
var ExpandableInfoDetails = Component$2p;
|
|
1275
1287
|
|
|
1276
1288
|
exports.EExpandableInfoVariant = void 0;
|
|
1277
1289
|
(function (EExpandableInfoVariant) {
|
|
@@ -1292,9 +1304,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1292
1304
|
_a$3)
|
|
1293
1305
|
};
|
|
1294
1306
|
|
|
1295
|
-
var styles$
|
|
1307
|
+
var styles$2f = {"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"};
|
|
1296
1308
|
|
|
1297
|
-
var Component$
|
|
1309
|
+
var Component$2o = function (_a) {
|
|
1298
1310
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1299
1311
|
var icon = React.useCallback(function (icon) {
|
|
1300
1312
|
if (icon) {
|
|
@@ -1307,22 +1319,22 @@ var Component$2n = function (_a) {
|
|
|
1307
1319
|
}, [variant]);
|
|
1308
1320
|
if (!title)
|
|
1309
1321
|
return null;
|
|
1310
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1311
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1322
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-message', className] }) },
|
|
1323
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-message__container'] }) },
|
|
1312
1324
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1313
1325
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1314
|
-
styles: styles$
|
|
1326
|
+
styles: styles$2f,
|
|
1315
1327
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1316
1328
|
}) }, title))));
|
|
1317
1329
|
};
|
|
1318
1330
|
/**
|
|
1319
1331
|
* Molecule UI child component of expandable info
|
|
1320
1332
|
*/
|
|
1321
|
-
var ExpandableInfoMessage = Component$
|
|
1333
|
+
var ExpandableInfoMessage = Component$2o;
|
|
1322
1334
|
|
|
1323
|
-
var styles$
|
|
1335
|
+
var styles$2e = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1324
1336
|
|
|
1325
|
-
var Component$
|
|
1337
|
+
var Component$2n = function (_a) {
|
|
1326
1338
|
var toggler = _a.toggler, details = _a.details;
|
|
1327
1339
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
1328
1340
|
var handleOnToggle = React.useCallback(function () {
|
|
@@ -1330,37 +1342,37 @@ var Component$2m = function (_a) {
|
|
|
1330
1342
|
}, []);
|
|
1331
1343
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1332
1344
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1333
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1345
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2e, cls: ['expandable-info-modal'] }) },
|
|
1334
1346
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1335
1347
|
};
|
|
1336
1348
|
/**
|
|
1337
1349
|
* Molecule UI child component of expandable info
|
|
1338
1350
|
*/
|
|
1339
|
-
var ExpandableInfoModal = Component$
|
|
1351
|
+
var ExpandableInfoModal = Component$2n;
|
|
1340
1352
|
|
|
1341
|
-
var styles$
|
|
1353
|
+
var styles$2d = {"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"};
|
|
1342
1354
|
|
|
1343
|
-
var styles$
|
|
1355
|
+
var styles$2c = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
1344
1356
|
|
|
1345
1357
|
var DesktopSideCards = function (_a) {
|
|
1346
1358
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1347
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1348
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1359
|
+
return (React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container'] },
|
|
1360
|
+
React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container__side'] },
|
|
1349
1361
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1350
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1362
|
+
React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1351
1363
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1352
1364
|
};
|
|
1353
1365
|
|
|
1354
1366
|
var MobileSideCards = function (_a) {
|
|
1355
1367
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
1356
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1357
|
-
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$
|
|
1368
|
+
return (React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container'] }, showContent ? (React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1369
|
+
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container__side'] },
|
|
1358
1370
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1359
1371
|
};
|
|
1360
1372
|
|
|
1361
1373
|
var style$V = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
|
|
1362
1374
|
|
|
1363
|
-
var Component$
|
|
1375
|
+
var Component$2m = function (_a) {
|
|
1364
1376
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
|
|
1365
1377
|
var _d = React.useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1366
1378
|
var menuActive = isActive ? style$V['is-active'] : '';
|
|
@@ -1391,7 +1403,7 @@ var MegaMenuJobsDrawer = function (_a) {
|
|
|
1391
1403
|
React__default["default"].createElement("p", { className: style$V['item-drawer__title'] }, title)),
|
|
1392
1404
|
React__default["default"].createElement("div", { className: "".concat(style$V['item-drawer__content']) }, content)));
|
|
1393
1405
|
};
|
|
1394
|
-
var MegaMenuDrawerItem = Object.assign(Component$
|
|
1406
|
+
var MegaMenuDrawerItem = Object.assign(Component$2m, {
|
|
1395
1407
|
Drawer: MegaMenuJobsDrawer
|
|
1396
1408
|
});
|
|
1397
1409
|
|
|
@@ -1411,9 +1423,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
1411
1423
|
updateDrawerContent(index);
|
|
1412
1424
|
toogleDrawer();
|
|
1413
1425
|
}, [toogleDrawer, updateDrawerContent]);
|
|
1414
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1426
|
+
return (React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container'] },
|
|
1415
1427
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
1416
|
-
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$
|
|
1428
|
+
React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1417
1429
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
1418
1430
|
};
|
|
1419
1431
|
|
|
@@ -1428,10 +1440,10 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
1428
1440
|
return Component;
|
|
1429
1441
|
};
|
|
1430
1442
|
|
|
1431
|
-
var Component$
|
|
1443
|
+
var Component$2l = function (_a) {
|
|
1432
1444
|
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;
|
|
1433
1445
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1434
|
-
styles: styles$
|
|
1446
|
+
styles: styles$2d,
|
|
1435
1447
|
cls: [
|
|
1436
1448
|
'expandable-info-popover',
|
|
1437
1449
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1439,7 +1451,7 @@ var Component$2k = function (_a) {
|
|
|
1439
1451
|
]
|
|
1440
1452
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1441
1453
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1442
|
-
styles: styles$
|
|
1454
|
+
styles: styles$2d,
|
|
1443
1455
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1444
1456
|
}) }),
|
|
1445
1457
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1448,19 +1460,19 @@ var Component$2k = function (_a) {
|
|
|
1448
1460
|
/**
|
|
1449
1461
|
* Molecule UI child component of expandable info
|
|
1450
1462
|
*/
|
|
1451
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1463
|
+
var ExpandableInfoPopover = withClickOut(Component$2l);
|
|
1452
1464
|
|
|
1453
1465
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1454
1466
|
coin: CoinBlackOutline
|
|
1455
1467
|
};
|
|
1456
1468
|
|
|
1457
|
-
var styles$
|
|
1469
|
+
var styles$2b = {"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"};
|
|
1458
1470
|
|
|
1459
|
-
var Component$
|
|
1471
|
+
var Component$2k = function (_a) {
|
|
1460
1472
|
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;
|
|
1461
1473
|
var styleGenerator = React.useCallback(function (base) {
|
|
1462
1474
|
return CNM.get({
|
|
1463
|
-
styles: styles$
|
|
1475
|
+
styles: styles$2b,
|
|
1464
1476
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1465
1477
|
});
|
|
1466
1478
|
}, [variant]);
|
|
@@ -1492,7 +1504,7 @@ var Component$2j = function (_a) {
|
|
|
1492
1504
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1493
1505
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1494
1506
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1495
|
-
styles: styles$
|
|
1507
|
+
styles: styles$2b,
|
|
1496
1508
|
cls: [
|
|
1497
1509
|
'expandable-info-toggler__summary',
|
|
1498
1510
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1505,11 +1517,11 @@ var Component$2j = function (_a) {
|
|
|
1505
1517
|
/**
|
|
1506
1518
|
* Molecule UI child component of expandable info
|
|
1507
1519
|
*/
|
|
1508
|
-
var ExpandableInfoToggler = Component$
|
|
1520
|
+
var ExpandableInfoToggler = Component$2k;
|
|
1509
1521
|
|
|
1510
|
-
var styles$
|
|
1522
|
+
var styles$2a = {"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"};
|
|
1511
1523
|
|
|
1512
|
-
var Component$
|
|
1524
|
+
var Component$2j = function (_a) {
|
|
1513
1525
|
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;
|
|
1514
1526
|
var togglerProps = React.useMemo(function () { return ({
|
|
1515
1527
|
details: details,
|
|
@@ -1523,9 +1535,9 @@ var Component$2i = function (_a) {
|
|
|
1523
1535
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1524
1536
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1525
1537
|
});
|
|
1526
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1538
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2a, cls: ['expandable-info'] }) },
|
|
1527
1539
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1528
|
-
styles: styles$
|
|
1540
|
+
styles: styles$2a,
|
|
1529
1541
|
cls: [
|
|
1530
1542
|
'expandable-info__container',
|
|
1531
1543
|
"expandable-info__container--".concat(variant),
|
|
@@ -1535,13 +1547,13 @@ var Component$2i = function (_a) {
|
|
|
1535
1547
|
}) },
|
|
1536
1548
|
container,
|
|
1537
1549
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1538
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1550
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2a, 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)); }))),
|
|
1539
1551
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1540
1552
|
};
|
|
1541
1553
|
/**
|
|
1542
1554
|
* Molecule UI component for expandable info
|
|
1543
1555
|
*/
|
|
1544
|
-
var ExpandableInfo = Component$
|
|
1556
|
+
var ExpandableInfo = Component$2j;
|
|
1545
1557
|
|
|
1546
1558
|
var style$U = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
|
|
1547
1559
|
|
|
@@ -1569,7 +1581,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1569
1581
|
return React__default["default"].createElement("div", { className: style$T["".concat(classMUI, "-filter-container")] }, children);
|
|
1570
1582
|
};
|
|
1571
1583
|
|
|
1572
|
-
var styles$
|
|
1584
|
+
var styles$29 = {"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"};
|
|
1573
1585
|
|
|
1574
1586
|
var FilterMenuItem = function (_a) {
|
|
1575
1587
|
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"]);
|
|
@@ -1584,51 +1596,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1584
1596
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1585
1597
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1586
1598
|
var className = React.useMemo(function () {
|
|
1587
|
-
return isApplied ? styles$
|
|
1599
|
+
return isApplied ? styles$29.selected : isSearched ? styles$29.isSearched : hiddenCount ? '' : !total && styles$29.disabled;
|
|
1588
1600
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1589
1601
|
var handleClick = React.useCallback(function () {
|
|
1590
1602
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1591
1603
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1592
1604
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1593
1605
|
if (loading)
|
|
1594
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1595
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1606
|
+
return React__default["default"].createElement("div", { className: styles$29.skeleton });
|
|
1607
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$29['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1596
1608
|
React__default["default"].createElement("span", null, label),
|
|
1597
1609
|
displayOutput));
|
|
1598
1610
|
};
|
|
1599
1611
|
|
|
1600
|
-
var styles$
|
|
1612
|
+
var styles$28 = {"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"};
|
|
1601
1613
|
|
|
1602
1614
|
var FilterSearchItem = function (_a) {
|
|
1603
1615
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1604
1616
|
var inputRef = React.useRef(null);
|
|
1605
1617
|
if (loading)
|
|
1606
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1618
|
+
return (React__default["default"].createElement("div", { className: styles$28.skeleton },
|
|
1607
1619
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1608
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1620
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$28['magneto-ui-filter-search'], " ").concat(disabled ? styles$28.disabled : '') },
|
|
1609
1621
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1610
1622
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1611
1623
|
};
|
|
1612
1624
|
|
|
1613
|
-
var styles$
|
|
1625
|
+
var styles$27 = {"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"};
|
|
1614
1626
|
|
|
1615
|
-
var Component$
|
|
1627
|
+
var Component$2i = function (_a) {
|
|
1616
1628
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1617
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1618
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1629
|
+
return (React__default["default"].createElement("div", { className: styles$27['fraud-card-job'] },
|
|
1630
|
+
React__default["default"].createElement("div", { className: styles$27['fraud-card-job__header'] },
|
|
1619
1631
|
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1620
1632
|
React__default["default"].createElement("h4", null, title)),
|
|
1621
1633
|
React__default["default"].createElement("div", null,
|
|
1622
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1623
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1634
|
+
React__default["default"].createElement("p", { className: styles$27['fraud-card-job__text'] }, content),
|
|
1635
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$27['fraud-card-job__link'], href: link },
|
|
1624
1636
|
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1625
1637
|
linkText))));
|
|
1626
1638
|
};
|
|
1627
|
-
var FraudCardJob = Component$
|
|
1639
|
+
var FraudCardJob = Component$2i;
|
|
1628
1640
|
|
|
1629
|
-
var styles$
|
|
1641
|
+
var styles$26 = {"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"};
|
|
1630
1642
|
|
|
1631
|
-
var Component$
|
|
1643
|
+
var Component$2h = function (_a) {
|
|
1632
1644
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1633
1645
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1634
1646
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1638,46 +1650,46 @@ var Component$2g = function (_a) {
|
|
|
1638
1650
|
return searchList;
|
|
1639
1651
|
}, [searchList, showFullList]);
|
|
1640
1652
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1641
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1642
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1643
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1653
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$26['magneto-ui-frequent-search'] },
|
|
1654
|
+
React__default["default"].createElement("h2", { className: styles$26['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1655
|
+
React__default["default"].createElement("div", { className: styles$26['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1644
1656
|
var props = __rest(_a, []);
|
|
1645
1657
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1646
1658
|
})),
|
|
1647
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1659
|
+
React__default["default"].createElement("div", { className: styles$26['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$26['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1648
1660
|
showMore,
|
|
1649
1661
|
" (",
|
|
1650
1662
|
searchList.length,
|
|
1651
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1663
|
+
")")) : (React__default["default"].createElement("button", { className: styles$26['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1652
1664
|
};
|
|
1653
1665
|
/**
|
|
1654
1666
|
* UI Atom component of Frequent Search
|
|
1655
1667
|
*/
|
|
1656
|
-
var FrequentSearch = Component$
|
|
1668
|
+
var FrequentSearch = Component$2h;
|
|
1657
1669
|
|
|
1658
1670
|
var style$S = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1659
1671
|
|
|
1660
|
-
var Component$
|
|
1672
|
+
var Component$2g = function (_a) {
|
|
1661
1673
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1662
1674
|
return (React__default["default"].createElement("div", { className: style$S['header-drawer-company'] },
|
|
1663
1675
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1664
1676
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1665
1677
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1666
1678
|
};
|
|
1667
|
-
var HeaderDrawerCompany = Component$
|
|
1679
|
+
var HeaderDrawerCompany = Component$2g;
|
|
1668
1680
|
|
|
1669
|
-
var styles$
|
|
1681
|
+
var styles$25 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1670
1682
|
|
|
1671
|
-
var Component$
|
|
1683
|
+
var Component$2f = function (_a) {
|
|
1672
1684
|
var children = _a.children;
|
|
1673
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1685
|
+
return React__default["default"].createElement("div", { className: styles$25.TabComponent }, children);
|
|
1674
1686
|
};
|
|
1675
1687
|
/**
|
|
1676
1688
|
* Molecule UI for Tab
|
|
1677
1689
|
*/
|
|
1678
|
-
var Tab = Component$
|
|
1690
|
+
var Tab = Component$2f;
|
|
1679
1691
|
|
|
1680
|
-
var styles$
|
|
1692
|
+
var styles$24 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1681
1693
|
|
|
1682
1694
|
var toCSSVariables = function (input) {
|
|
1683
1695
|
var output = {};
|
|
@@ -1692,35 +1704,35 @@ var toCSSVariables = function (input) {
|
|
|
1692
1704
|
return output;
|
|
1693
1705
|
};
|
|
1694
1706
|
|
|
1695
|
-
var Component$
|
|
1707
|
+
var Component$2e = function (_a) {
|
|
1696
1708
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1697
1709
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1698
1710
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1699
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1711
|
+
return (React__default["default"].createElement("div", { className: styles$24.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1700
1712
|
};
|
|
1701
1713
|
/**
|
|
1702
1714
|
* Molecule UI component for Tab Button
|
|
1703
1715
|
*/
|
|
1704
|
-
var TabButton = Component$
|
|
1716
|
+
var TabButton = Component$2e;
|
|
1705
1717
|
|
|
1706
|
-
var styles$
|
|
1718
|
+
var styles$23 = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1707
1719
|
|
|
1708
|
-
var Component$
|
|
1720
|
+
var Component$2d = function (_a) {
|
|
1709
1721
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1710
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1722
|
+
return (React__default["default"].createElement("div", { className: styles$23.HeaderDrawerTabsComponent },
|
|
1711
1723
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1712
1724
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1713
1725
|
React__default["default"].createElement(Tab, null,
|
|
1714
1726
|
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 }),
|
|
1715
1727
|
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 }))));
|
|
1716
1728
|
};
|
|
1717
|
-
var HeaderDrawerTabs = Component$
|
|
1729
|
+
var HeaderDrawerTabs = Component$2d;
|
|
1718
1730
|
|
|
1719
|
-
var styles$
|
|
1731
|
+
var styles$22 = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1720
1732
|
|
|
1721
|
-
var Component$
|
|
1733
|
+
var Component$2c = function (_a) {
|
|
1722
1734
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1723
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1735
|
+
return (React__default["default"].createElement("div", { className: styles$22.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1724
1736
|
var headerTabProps = __rest(_a, []);
|
|
1725
1737
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1726
1738
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1731,9 +1743,9 @@ var Component$2b = function (_a) {
|
|
|
1731
1743
|
/**
|
|
1732
1744
|
* Molecule UI component for header tabs information`
|
|
1733
1745
|
*/
|
|
1734
|
-
var HeaderTabs = Component$
|
|
1746
|
+
var HeaderTabs = Component$2c;
|
|
1735
1747
|
|
|
1736
|
-
var styles$
|
|
1748
|
+
var styles$21 = {"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"};
|
|
1737
1749
|
|
|
1738
1750
|
var Input = function (_a) {
|
|
1739
1751
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
|
|
@@ -1768,28 +1780,28 @@ var Input = function (_a) {
|
|
|
1768
1780
|
setInputValue(e.target.value);
|
|
1769
1781
|
}, [onChange]);
|
|
1770
1782
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1771
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1783
|
+
React__default["default"].createElement("div", { className: styles$21["".concat(classMUI, "-input")] },
|
|
1772
1784
|
React__default["default"].createElement("div", null,
|
|
1773
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1785
|
+
React__default["default"].createElement("div", { className: styles$21["".concat(classMUI, "-input--container")] },
|
|
1774
1786
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1775
1787
|
left: hideIcon ? '10px' : '40px',
|
|
1776
1788
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1777
1789
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1778
|
-
}, className: styles$
|
|
1790
|
+
}, className: styles$21["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1779
1791
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1780
1792
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1781
|
-
}, disabled: disabled, className: styles$
|
|
1782
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1783
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1793
|
+
}, disabled: disabled, className: styles$21["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
1794
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$21["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1795
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$21["".concat(classMUI, "-input--container__icon-action")] },
|
|
1784
1796
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1785
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1786
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1797
|
+
React__default["default"].createElement("div", { className: "".concat(styles$21["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$21['footer-without-error'] : '') },
|
|
1798
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$21["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1787
1799
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1788
1800
|
};
|
|
1789
1801
|
|
|
1790
|
-
var styles$
|
|
1802
|
+
var styles$20 = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1791
1803
|
|
|
1792
|
-
var Component$
|
|
1804
|
+
var Component$2b = function (_a) {
|
|
1793
1805
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1794
1806
|
var loadingSize = React.useMemo(function () {
|
|
1795
1807
|
if (size) {
|
|
@@ -1803,11 +1815,11 @@ var Component$2a = function (_a) {
|
|
|
1803
1815
|
height: '15px'
|
|
1804
1816
|
};
|
|
1805
1817
|
}, [size]);
|
|
1806
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1818
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$20["".concat(classMUI, "-flat-loader")] }));
|
|
1807
1819
|
};
|
|
1808
|
-
var FlatLoader = Component$
|
|
1820
|
+
var FlatLoader = Component$2b;
|
|
1809
1821
|
|
|
1810
|
-
var styles$
|
|
1822
|
+
var styles$1$ = {"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"};
|
|
1811
1823
|
|
|
1812
1824
|
var InputPlus = function (_a) {
|
|
1813
1825
|
var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
|
|
@@ -1851,26 +1863,26 @@ var InputPlus = function (_a) {
|
|
|
1851
1863
|
}
|
|
1852
1864
|
}
|
|
1853
1865
|
}, [disabledBtn, handleSubmmit]);
|
|
1854
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1866
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1$["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1855
1867
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1856
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1868
|
+
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1$["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1$.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1$['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1857
1869
|
};
|
|
1858
1870
|
|
|
1859
|
-
var styles$
|
|
1871
|
+
var styles$1_ = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
1860
1872
|
|
|
1861
1873
|
var style$R = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
1862
1874
|
|
|
1863
|
-
var styles$
|
|
1875
|
+
var styles$1Z = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
1864
1876
|
|
|
1865
1877
|
var Tooltip = function (_a) {
|
|
1866
1878
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
1867
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1868
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1879
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1Z['tooltip-container'], " ").concat(styles$1Z["tooltip-".concat(position)]) },
|
|
1880
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1Z['tooltip'], " ").concat(styles$1Z["tooltip-".concat(position)]) },
|
|
1869
1881
|
children,
|
|
1870
|
-
visible && (React__default["default"].createElement("span", { className: "".concat(styles$
|
|
1882
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1Z['tooltip-text'], " ").concat(styles$1Z["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1871
1883
|
};
|
|
1872
1884
|
|
|
1873
|
-
var Component$
|
|
1885
|
+
var Component$2a = function (_a) {
|
|
1874
1886
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
1875
1887
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1876
1888
|
return (React__default["default"].createElement(Popover, { className: [style$R['popover'], !show ? style$R['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$R['content'], classNameContent].join(' ') },
|
|
@@ -1889,10 +1901,10 @@ var Component$29 = function (_a) {
|
|
|
1889
1901
|
React__default["default"].createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$R['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1890
1902
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share })))));
|
|
1891
1903
|
};
|
|
1892
|
-
Component$
|
|
1893
|
-
var SharePopover = Component$
|
|
1904
|
+
Component$2a.displayName = 'SharePopover';
|
|
1905
|
+
var SharePopover = Component$2a;
|
|
1894
1906
|
|
|
1895
|
-
var Component$
|
|
1907
|
+
var Component$29 = function (_a) {
|
|
1896
1908
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
|
|
1897
1909
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1898
1910
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1902,35 +1914,35 @@ var Component$28 = function (_a) {
|
|
|
1902
1914
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1903
1915
|
var ActionLink = function (_a) {
|
|
1904
1916
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1905
|
-
var iconContent = (React__default["default"].createElement("a", { className: styles$
|
|
1917
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$1_['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1906
1918
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1907
1919
|
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1908
1920
|
};
|
|
1909
1921
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1910
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1911
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
1912
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1922
|
+
return (React__default["default"].createElement("div", { className: styles$1_['magneto-ui-job-actions'] },
|
|
1923
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1_['magneto-ui__external-child'] }, externalButtonChild),
|
|
1924
|
+
React__default["default"].createElement("div", { className: styles$1_['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1913
1925
|
!isApplied && (React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1914
1926
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1915
1927
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1916
1928
|
filteredActionsLinkList.map(function (_a) {
|
|
1917
1929
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1918
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1930
|
+
return (React__default["default"].createElement("div", { className: styles$1_['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1919
1931
|
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1920
1932
|
}))));
|
|
1921
1933
|
};
|
|
1922
1934
|
/**
|
|
1923
1935
|
* UI Molecule Component for Jobs Actions
|
|
1924
1936
|
*/
|
|
1925
|
-
var JobActions = Component$
|
|
1937
|
+
var JobActions = Component$29;
|
|
1926
1938
|
|
|
1927
|
-
var styles$
|
|
1939
|
+
var styles$1Y = {"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"};
|
|
1928
1940
|
|
|
1929
|
-
var Component$
|
|
1941
|
+
var Component$28 = function (_a) {
|
|
1930
1942
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1931
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1932
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1933
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1943
|
+
return (React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-job-apply-card'] },
|
|
1944
|
+
React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__wrapper'] },
|
|
1945
|
+
React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__header'] },
|
|
1934
1946
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1935
1947
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1936
1948
|
offerApplyElements
|
|
@@ -1940,16 +1952,16 @@ var Component$27 = function (_a) {
|
|
|
1940
1952
|
})
|
|
1941
1953
|
.map(function (_a) {
|
|
1942
1954
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1943
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1955
|
+
return (React__default["default"].createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1944
1956
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1945
1957
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1946
1958
|
})),
|
|
1947
|
-
!isApplied && React__default["default"].createElement("div", { id: styles$
|
|
1959
|
+
!isApplied && React__default["default"].createElement("div", { id: styles$1Y['magneto-ui__external-child'] }, externalChild))));
|
|
1948
1960
|
};
|
|
1949
1961
|
/**
|
|
1950
1962
|
* UI Molecule Component for Job Apply Card
|
|
1951
1963
|
*/
|
|
1952
|
-
var JobApplyCard = Component$
|
|
1964
|
+
var JobApplyCard = Component$28;
|
|
1953
1965
|
|
|
1954
1966
|
var style$Q = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1955
1967
|
|
|
@@ -2033,31 +2045,31 @@ var JobCard = function (_a) {
|
|
|
2033
2045
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
2034
2046
|
};
|
|
2035
2047
|
|
|
2036
|
-
var styles$
|
|
2048
|
+
var styles$1X = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
2037
2049
|
|
|
2038
|
-
var Component$
|
|
2050
|
+
var Component$27 = function (_a) {
|
|
2039
2051
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2040
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2052
|
+
return (React__default["default"].createElement("div", { className: styles$1X['magneto-ui-job-company-header'] },
|
|
2041
2053
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2042
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2054
|
+
React__default["default"].createElement("div", { className: styles$1X['magneto-ui-job-company-header__data-actions'] },
|
|
2043
2055
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2044
2056
|
isApplied && jobActionsProps && (React__default["default"].createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2045
2057
|
};
|
|
2046
2058
|
/**
|
|
2047
2059
|
* UI Molecule component for Company Job Header
|
|
2048
2060
|
*/
|
|
2049
|
-
var JobCompanyHeader = Component$
|
|
2061
|
+
var JobCompanyHeader = Component$27;
|
|
2050
2062
|
|
|
2051
|
-
var styles$
|
|
2063
|
+
var styles$1W = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2052
2064
|
|
|
2053
|
-
var Component$
|
|
2065
|
+
var Component$26 = function (_a) {
|
|
2054
2066
|
var offerDescription = _a.offerDescription;
|
|
2055
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2067
|
+
return (React__default["default"].createElement("div", { className: styles$1W['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
2056
2068
|
};
|
|
2057
2069
|
/**
|
|
2058
2070
|
* UI Molecule Component for Job Detail Card Header
|
|
2059
2071
|
*/
|
|
2060
|
-
var JobDetailCard = Component$
|
|
2072
|
+
var JobDetailCard = Component$26;
|
|
2061
2073
|
|
|
2062
2074
|
var style$O = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
2063
2075
|
|
|
@@ -2072,9 +2084,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2072
2084
|
children));
|
|
2073
2085
|
};
|
|
2074
2086
|
|
|
2075
|
-
var styles$
|
|
2087
|
+
var styles$1V = {"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"};
|
|
2076
2088
|
|
|
2077
|
-
var Component$
|
|
2089
|
+
var Component$25 = function (_a) {
|
|
2078
2090
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2079
2091
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2080
2092
|
icon: iconList && iconList[index],
|
|
@@ -2084,27 +2096,27 @@ var Component$24 = function (_a) {
|
|
|
2084
2096
|
var offerDetailText = _a.offerDetailText;
|
|
2085
2097
|
return !!offerDetailText && index !== 1;
|
|
2086
2098
|
});
|
|
2087
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2088
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2099
|
+
return (React__default["default"].createElement("div", { className: styles$1V['magneto-ui-job-details'] },
|
|
2100
|
+
React__default["default"].createElement("div", { className: styles$1V['magneto-ui-job-details__wrapper'] },
|
|
2089
2101
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2090
2102
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2091
2103
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2092
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2093
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2104
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1V['magneto-ui-job-details__item-detail'] },
|
|
2105
|
+
React__default["default"].createElement("div", { className: styles$1V['magneto-ui-job-details__item-detail-icon'] },
|
|
2094
2106
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2095
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2107
|
+
React__default["default"].createElement("p", { className: styles$1V['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2096
2108
|
})),
|
|
2097
2109
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2098
2110
|
};
|
|
2099
2111
|
/**
|
|
2100
2112
|
* UI Molecule component for Job Detail
|
|
2101
2113
|
*/
|
|
2102
|
-
Component$
|
|
2103
|
-
var JobDetails = Component$
|
|
2114
|
+
Component$25.displayName = 'JobDetails';
|
|
2115
|
+
var JobDetails = Component$25;
|
|
2104
2116
|
|
|
2105
|
-
var styles$
|
|
2117
|
+
var styles$1U = {"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"};
|
|
2106
2118
|
|
|
2107
|
-
var Component$
|
|
2119
|
+
var Component$24 = function (_a) {
|
|
2108
2120
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2109
2121
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2110
2122
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2115,28 +2127,28 @@ var Component$23 = function (_a) {
|
|
|
2115
2127
|
title: title
|
|
2116
2128
|
});
|
|
2117
2129
|
});
|
|
2118
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2130
|
+
return (React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-footer-card'] },
|
|
2119
2131
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2120
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2132
|
+
React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-footer-card__icons'] },
|
|
2121
2133
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2122
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2134
|
+
React__default["default"].createElement("div", { className: styles$1U['magneto-ui-job-footer-card__wrapper'] },
|
|
2123
2135
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2124
2136
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2125
2137
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2126
2138
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2127
2139
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2128
2140
|
})),
|
|
2129
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2141
|
+
React__default["default"].createElement("div", { className: styles$1U['magneto-ui__share-button'] },
|
|
2130
2142
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2131
2143
|
};
|
|
2132
2144
|
/**
|
|
2133
2145
|
* UI Molecule component for Job Footer Card
|
|
2134
2146
|
*/
|
|
2135
|
-
var JobFooterCard = Component$
|
|
2147
|
+
var JobFooterCard = Component$24;
|
|
2136
2148
|
|
|
2137
|
-
var styles$
|
|
2149
|
+
var styles$1T = {"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"};
|
|
2138
2150
|
|
|
2139
|
-
var Component$
|
|
2151
|
+
var Component$23 = function (_a) {
|
|
2140
2152
|
var name = _a.name, score = _a.score;
|
|
2141
2153
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2142
2154
|
var skillRef = React.useRef(null);
|
|
@@ -2172,21 +2184,21 @@ var Component$22 = function (_a) {
|
|
|
2172
2184
|
4: 'four'
|
|
2173
2185
|
};
|
|
2174
2186
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2175
|
-
var fillAnimation = animationApplied ? styles$
|
|
2176
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2177
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2187
|
+
var fillAnimation = animationApplied ? styles$1T[levelClass] : '';
|
|
2188
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1T['magneto-ui-skill'] },
|
|
2189
|
+
React__default["default"].createElement("div", { className: styles$1T['magneto-ui-skill__wrapper'] },
|
|
2178
2190
|
React__default["default"].createElement("p", null, name),
|
|
2179
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2191
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1T['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1T['magneto-ui-skill--no-animation']) }))));
|
|
2180
2192
|
};
|
|
2181
|
-
var Skill = Component$
|
|
2193
|
+
var Skill = Component$23;
|
|
2182
2194
|
|
|
2183
|
-
var styles$
|
|
2195
|
+
var styles$1S = {"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"};
|
|
2184
2196
|
|
|
2185
|
-
var Component$
|
|
2197
|
+
var Component$22 = function (_a) {
|
|
2186
2198
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2187
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2199
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1S['magneto-ui-job-skills-card'] },
|
|
2188
2200
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2189
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2201
|
+
React__default["default"].createElement("div", { className: styles$1S['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2190
2202
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2191
2203
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2192
2204
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2195,9 +2207,9 @@ var Component$21 = function (_a) {
|
|
|
2195
2207
|
/**
|
|
2196
2208
|
* UI Molecule component of Job Skills Card
|
|
2197
2209
|
*/
|
|
2198
|
-
var JobSkillsCard = Component$
|
|
2210
|
+
var JobSkillsCard = Component$22;
|
|
2199
2211
|
|
|
2200
|
-
var styles$
|
|
2212
|
+
var styles$1R = {"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"};
|
|
2201
2213
|
|
|
2202
2214
|
var JobVideo = function (_a) {
|
|
2203
2215
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2212,13 +2224,13 @@ var JobVideo = function (_a) {
|
|
|
2212
2224
|
setLoadVideo && setLoadVideo(false);
|
|
2213
2225
|
}
|
|
2214
2226
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2215
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2227
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1R[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1R['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2216
2228
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2217
2229
|
};
|
|
2218
2230
|
|
|
2219
2231
|
var style$N = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2220
2232
|
|
|
2221
|
-
var Component$
|
|
2233
|
+
var Component$21 = function (_a) {
|
|
2222
2234
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2223
2235
|
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$N['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2224
2236
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2226,11 +2238,11 @@ var Component$20 = function (_a) {
|
|
|
2226
2238
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2227
2239
|
})));
|
|
2228
2240
|
};
|
|
2229
|
-
var ListIconLink = Component$
|
|
2241
|
+
var ListIconLink = Component$21;
|
|
2230
2242
|
|
|
2231
2243
|
var style$M = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2232
2244
|
|
|
2233
|
-
var Component$
|
|
2245
|
+
var Component$20 = function (_a) {
|
|
2234
2246
|
var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
|
|
2235
2247
|
var menuActive = isActive ? style$M['isActive'] : '';
|
|
2236
2248
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$M['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2239,41 +2251,44 @@ var Component$1$ = function (_a) {
|
|
|
2239
2251
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2240
2252
|
React__default["default"].createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2241
2253
|
};
|
|
2242
|
-
var MenuIcon = Component$
|
|
2254
|
+
var MenuIcon = Component$20;
|
|
2243
2255
|
|
|
2244
2256
|
var style$L = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2245
2257
|
|
|
2246
|
-
var
|
|
2247
|
-
|
|
2258
|
+
var getIcons = function (iconName) {
|
|
2259
|
+
if (!iconName || !(iconName in megaMenuUserLoggedIcons))
|
|
2260
|
+
return null;
|
|
2261
|
+
return megaMenuUserLoggedIcons[iconName];
|
|
2262
|
+
};
|
|
2263
|
+
|
|
2264
|
+
var Component$1$ = function (_a) {
|
|
2265
|
+
var menuItems1440 = _a.menuItems1440, haveGif = _a.haveGif, urlParam = _a.urlParam, menuItems = _a.menuItems, logout = _a.logout;
|
|
2248
2266
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2249
|
-
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2250
2267
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2251
2268
|
return (React__default["default"].createElement("div", { className: style$L['mangeto-ui-list-menu-icons'] },
|
|
2252
|
-
React__default["default"].createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClickSettings, icon: Setting2, text: settingsText })),
|
|
2264
|
-
React__default["default"].createElement(Divider, null),
|
|
2269
|
+
React__default["default"].createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 : userMenu.map(function (_a, i) {
|
|
2270
|
+
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
2271
|
+
return (React__default["default"].createElement("div", { key: i },
|
|
2272
|
+
React__default["default"].createElement("p", null, title ? title : null),
|
|
2273
|
+
items.map(function (_a, i) {
|
|
2274
|
+
var slug = _a.slug, icon = _a.icon, props = __rest(_a, ["slug", "icon"]);
|
|
2275
|
+
return (React__default["default"].createElement(React.Fragment, { key: i },
|
|
2276
|
+
React__default["default"].createElement(MenuIcon, __assign({ icon: icon && icon in megaMenuUserLoggedIcons ? getIcons(icon) : icon, isActive: Array.isArray(slug) ? slug.includes(urlParam) : urlParam === slug }, props))));
|
|
2277
|
+
}),
|
|
2278
|
+
React__default["default"].createElement(Divider, { spacing: 30 })));
|
|
2279
|
+
})),
|
|
2265
2280
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2266
2281
|
};
|
|
2267
|
-
var ListMenuIcons = Component$
|
|
2282
|
+
var ListMenuIcons = Component$1$;
|
|
2268
2283
|
|
|
2269
|
-
var Component$
|
|
2284
|
+
var Component$1_ = function (_a) {
|
|
2270
2285
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2271
2286
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
2272
2287
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2273
2288
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2274
2289
|
})));
|
|
2275
2290
|
};
|
|
2276
|
-
var ListMenuItems = Component$
|
|
2291
|
+
var ListMenuItems = Component$1_;
|
|
2277
2292
|
|
|
2278
2293
|
var style$K = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2279
2294
|
|
|
@@ -2316,16 +2331,16 @@ var MagnetoResolution = function (_a) {
|
|
|
2316
2331
|
React__default["default"].createElement("a", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2317
2332
|
};
|
|
2318
2333
|
|
|
2319
|
-
var styles$
|
|
2334
|
+
var styles$1Q = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2320
2335
|
|
|
2321
2336
|
var Image = function (_a) {
|
|
2322
2337
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2323
2338
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2324
2339
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2325
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
2340
|
+
playIcon && React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-play-button'] }, playIcon)));
|
|
2326
2341
|
};
|
|
2327
2342
|
|
|
2328
|
-
var styles$
|
|
2343
|
+
var styles$1P = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
2329
2344
|
|
|
2330
2345
|
var MegaMenuCard = function (_a) {
|
|
2331
2346
|
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;
|
|
@@ -2335,19 +2350,19 @@ var MegaMenuCard = function (_a) {
|
|
|
2335
2350
|
onClick();
|
|
2336
2351
|
}
|
|
2337
2352
|
}, [onClick]);
|
|
2338
|
-
var rigthArrow = (React__default["default"].createElement("div", { className: styles$
|
|
2353
|
+
var rigthArrow = (React__default["default"].createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__arrow"] },
|
|
2339
2354
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
2340
2355
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
2341
2356
|
md: rigthArrow
|
|
2342
2357
|
});
|
|
2343
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
2344
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
2358
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$1P["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2359
|
+
icon && (React__default["default"].createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__icon"] },
|
|
2345
2360
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2346
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
2347
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
2348
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2349
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2350
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2361
|
+
logo && (React__default["default"].createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__logo"] },
|
|
2362
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1P["magneto-ui-mega-menu-card__logo"] }))),
|
|
2363
|
+
React__default["default"].createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__content"] },
|
|
2364
|
+
React__default["default"].createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__title"] }, title),
|
|
2365
|
+
React__default["default"].createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
2351
2366
|
maximumFractionDigits: 3
|
|
2352
2367
|
}), " cupos"))),
|
|
2353
2368
|
arrow));
|
|
@@ -2363,7 +2378,22 @@ var initialContext = {
|
|
|
2363
2378
|
jobsProps: {
|
|
2364
2379
|
tabs: []
|
|
2365
2380
|
},
|
|
2366
|
-
mainHeaderProps: {}
|
|
2381
|
+
mainHeaderProps: {},
|
|
2382
|
+
listMenuUserProps: {
|
|
2383
|
+
urlParam: '',
|
|
2384
|
+
menuItems: [],
|
|
2385
|
+
menuItems1440: [],
|
|
2386
|
+
logout: {
|
|
2387
|
+
logoutText: '',
|
|
2388
|
+
onClick: function () { return ({}); }
|
|
2389
|
+
},
|
|
2390
|
+
settings: {
|
|
2391
|
+
settingsText: '',
|
|
2392
|
+
onClick: function () { return ({}); }
|
|
2393
|
+
},
|
|
2394
|
+
profileImage: {},
|
|
2395
|
+
isAuthenticated: false
|
|
2396
|
+
}
|
|
2367
2397
|
};
|
|
2368
2398
|
var MegaMenuContext = React.createContext(initialContext);
|
|
2369
2399
|
var MegaMenuProvider = function (_a) {
|
|
@@ -2383,10 +2413,14 @@ var useMegaMenuMain = function () {
|
|
|
2383
2413
|
var mainHeaderProps = React.useContext(MegaMenuContext).mainHeaderProps;
|
|
2384
2414
|
return mainHeaderProps;
|
|
2385
2415
|
};
|
|
2416
|
+
var useLoggedInUser = function () {
|
|
2417
|
+
var listMenuUserProps = React.useContext(MegaMenuContext).listMenuUserProps;
|
|
2418
|
+
return listMenuUserProps;
|
|
2419
|
+
};
|
|
2386
2420
|
|
|
2387
|
-
var styles$
|
|
2421
|
+
var styles$1O = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2388
2422
|
|
|
2389
|
-
var Component$
|
|
2423
|
+
var Component$1Z = function (_a) {
|
|
2390
2424
|
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;
|
|
2391
2425
|
var handleClick = React.useCallback(function (event) {
|
|
2392
2426
|
if (onClick) {
|
|
@@ -2394,15 +2428,15 @@ var Component$1Y = function (_a) {
|
|
|
2394
2428
|
onClick();
|
|
2395
2429
|
}
|
|
2396
2430
|
}, [onClick]);
|
|
2397
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2398
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2399
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2400
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2431
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1O['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2432
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1O['button-link__icon'] })),
|
|
2433
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1O['button-link__text'] }, buttonText),
|
|
2434
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1O['button-link__icon'] }))));
|
|
2401
2435
|
};
|
|
2402
2436
|
/**
|
|
2403
2437
|
* UI Atom Component of Save Button
|
|
2404
2438
|
*/
|
|
2405
|
-
var ButtonLink = Component$
|
|
2439
|
+
var ButtonLink = Component$1Z;
|
|
2406
2440
|
|
|
2407
2441
|
var MegaMenuJobsTabs = function () {
|
|
2408
2442
|
var _a, _b;
|
|
@@ -2430,7 +2464,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2430
2464
|
React__default["default"].createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2431
2465
|
};
|
|
2432
2466
|
|
|
2433
|
-
var styles$
|
|
2467
|
+
var styles$1N = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
|
|
2434
2468
|
|
|
2435
2469
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2436
2470
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2449,12 +2483,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
2449
2483
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2450
2484
|
}, [showContent]);
|
|
2451
2485
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2452
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2453
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2454
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2455
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2456
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2457
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2486
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1N["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2487
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1N["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2488
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1N["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1N["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2489
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1N["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1N["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2490
|
+
React__default["default"].createElement("div", { className: styles$1N["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2491
|
+
React__default["default"].createElement("div", { className: styles$1N["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2458
2492
|
event.stopPropagation();
|
|
2459
2493
|
} }, children))));
|
|
2460
2494
|
};
|
|
@@ -2479,17 +2513,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2479
2513
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$G["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2480
2514
|
};
|
|
2481
2515
|
|
|
2482
|
-
var styles$
|
|
2516
|
+
var styles$1M = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
|
|
2483
2517
|
|
|
2484
2518
|
var MenuSearch = function (_a) {
|
|
2485
2519
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2486
2520
|
var onBlur = React.useCallback(function () {
|
|
2487
2521
|
handleOnBlur && handleOnBlur();
|
|
2488
2522
|
}, [handleOnBlur]);
|
|
2489
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2490
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2523
|
+
return (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2524
|
+
React__default["default"].createElement("div", { className: styles$1M['magneto-ui-menu-search_container'] },
|
|
2491
2525
|
children,
|
|
2492
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2526
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1M['magneto-ui-menu-search_content'], " ").concat(show && styles$1M.open) }, content))));
|
|
2493
2527
|
};
|
|
2494
2528
|
|
|
2495
2529
|
var iconByType = {
|
|
@@ -2500,9 +2534,9 @@ var iconByType = {
|
|
|
2500
2534
|
};
|
|
2501
2535
|
var transitionDuration = 300;
|
|
2502
2536
|
|
|
2503
|
-
var styles$
|
|
2537
|
+
var styles$1L = {"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"};
|
|
2504
2538
|
|
|
2505
|
-
var Component$
|
|
2539
|
+
var Component$1Y = function (_a) {
|
|
2506
2540
|
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;
|
|
2507
2541
|
var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2508
2542
|
var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2514,7 +2548,7 @@ var Component$1X = function (_a) {
|
|
|
2514
2548
|
}); }, []);
|
|
2515
2549
|
var containerStyles = React.useMemo(function () {
|
|
2516
2550
|
return CNM.get({
|
|
2517
|
-
styles: styles$
|
|
2551
|
+
styles: styles$1L,
|
|
2518
2552
|
cls: [
|
|
2519
2553
|
'message__container',
|
|
2520
2554
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2522,7 +2556,7 @@ var Component$1X = function (_a) {
|
|
|
2522
2556
|
]
|
|
2523
2557
|
});
|
|
2524
2558
|
}, [type, toggleAnimation]);
|
|
2525
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2559
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1L, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2526
2560
|
React.useEffect(function () {
|
|
2527
2561
|
if (!localVisible)
|
|
2528
2562
|
return;
|
|
@@ -2554,9 +2588,9 @@ var Component$1X = function (_a) {
|
|
|
2554
2588
|
setIsAnimating(visible);
|
|
2555
2589
|
}, [isAnimating, visible]);
|
|
2556
2590
|
return localVisible
|
|
2557
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2591
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1L, cls: [className] }) },
|
|
2558
2592
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2559
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2593
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1L, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2560
2594
|
React__default["default"].createElement("div", null,
|
|
2561
2595
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2562
2596
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2565,13 +2599,13 @@ var Component$1X = function (_a) {
|
|
|
2565
2599
|
/**
|
|
2566
2600
|
* Molecule UI component for Message
|
|
2567
2601
|
*/
|
|
2568
|
-
var Message = Component$
|
|
2602
|
+
var Message = Component$1Y;
|
|
2569
2603
|
|
|
2570
|
-
var styles$
|
|
2604
|
+
var styles$1K = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2571
2605
|
|
|
2572
|
-
var Component$
|
|
2606
|
+
var Component$1X = function (_a) {
|
|
2573
2607
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2574
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2608
|
+
return (React__default["default"].createElement("div", { className: styles$1K['magneto-ui-mobile-job-details-header'] },
|
|
2575
2609
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2576
2610
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2577
2611
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2579,11 +2613,11 @@ var Component$1W = function (_a) {
|
|
|
2579
2613
|
/**
|
|
2580
2614
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2581
2615
|
*/
|
|
2582
|
-
var MobileJobDetailsHeader = Component$
|
|
2616
|
+
var MobileJobDetailsHeader = Component$1X;
|
|
2583
2617
|
|
|
2584
|
-
var styles$
|
|
2618
|
+
var styles$1J = {"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"};
|
|
2585
2619
|
|
|
2586
|
-
var Component$
|
|
2620
|
+
var Component$1W = function (_a) {
|
|
2587
2621
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2588
2622
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2589
2623
|
var searchInputRef = React.useRef(null);
|
|
@@ -2605,20 +2639,20 @@ var Component$1V = function (_a) {
|
|
|
2605
2639
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2606
2640
|
}
|
|
2607
2641
|
}, [focusSearchInput]);
|
|
2608
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2642
|
+
return (React__default["default"].createElement("div", { className: styles$1J.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2609
2643
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2610
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2611
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2644
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1J['search-badge'] }),
|
|
2645
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1J['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2612
2646
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2613
2647
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2614
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2648
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1J['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2615
2649
|
};
|
|
2616
2650
|
/**
|
|
2617
2651
|
* Molecule UI component for MobileSearchbar
|
|
2618
2652
|
*/
|
|
2619
|
-
var MobileSearchbar = Component$
|
|
2653
|
+
var MobileSearchbar = Component$1W;
|
|
2620
2654
|
|
|
2621
|
-
var styles$
|
|
2655
|
+
var styles$1I = {"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"};
|
|
2622
2656
|
|
|
2623
2657
|
var Modal = function (_a) {
|
|
2624
2658
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
@@ -2631,49 +2665,49 @@ var Modal = function (_a) {
|
|
|
2631
2665
|
if (!isOpen)
|
|
2632
2666
|
return null;
|
|
2633
2667
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2634
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2635
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2636
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2668
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2669
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1I["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2670
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1I["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2637
2671
|
children,
|
|
2638
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2672
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1I["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2639
2673
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2640
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2674
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1I["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2641
2675
|
};
|
|
2642
2676
|
var Title = function (_a) {
|
|
2643
2677
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2644
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2678
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1I["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2645
2679
|
};
|
|
2646
2680
|
var Description = function (_a) {
|
|
2647
2681
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2648
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2682
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1I["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2649
2683
|
};
|
|
2650
2684
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2651
2685
|
|
|
2652
|
-
var Component$
|
|
2686
|
+
var Component$1V = function (_a) {
|
|
2653
2687
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2654
2688
|
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2655
2689
|
md: (React__default["default"].createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2656
2690
|
});
|
|
2657
2691
|
return container;
|
|
2658
2692
|
};
|
|
2659
|
-
var ModalResponsive = Component$
|
|
2693
|
+
var ModalResponsive = Component$1V;
|
|
2660
2694
|
|
|
2661
|
-
var styles$
|
|
2695
|
+
var styles$1H = {"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"};
|
|
2662
2696
|
|
|
2663
2697
|
var BtnPagination = function (_a) {
|
|
2664
2698
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2665
2699
|
var displayContent = React.useMemo(function () {
|
|
2666
2700
|
if (loading && value && current === value)
|
|
2667
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2701
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1H['magneto-ui-btn-pagination_spinner'] });
|
|
2668
2702
|
return value;
|
|
2669
2703
|
}, [loading, current, value]);
|
|
2670
2704
|
var pageQueryParam = 'paginator[page]=';
|
|
2671
2705
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2672
2706
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2673
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2674
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2707
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1H['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2708
|
+
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1H['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1H['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1H['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1H['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2675
2709
|
displayContent,
|
|
2676
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2710
|
+
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$1H['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1H['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1H['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1H['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2677
2711
|
displayContent,
|
|
2678
2712
|
displayIcon))));
|
|
2679
2713
|
};
|
|
@@ -2724,7 +2758,7 @@ var createPagination = function (_a) {
|
|
|
2724
2758
|
};
|
|
2725
2759
|
};
|
|
2726
2760
|
|
|
2727
|
-
var styles$
|
|
2761
|
+
var styles$1G = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2728
2762
|
|
|
2729
2763
|
var Pagination = function (_a) {
|
|
2730
2764
|
var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
|
|
@@ -2743,16 +2777,16 @@ var Pagination = function (_a) {
|
|
|
2743
2777
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2744
2778
|
if (total <= pageSize)
|
|
2745
2779
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2746
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2780
|
+
return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-pagination'] },
|
|
2747
2781
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2748
2782
|
React__default["default"].createElement("ul", null,
|
|
2749
2783
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2750
2784
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2751
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2785
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1G['magneto-ui-pagination_ellipsis'] }))),
|
|
2752
2786
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2753
2787
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2754
2788
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2755
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2789
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1G['magneto-ui-pagination_ellipsis'] }),
|
|
2756
2790
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2757
2791
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2758
2792
|
};
|
|
@@ -2772,9 +2806,9 @@ var generateID = function () {
|
|
|
2772
2806
|
return uniqueID;
|
|
2773
2807
|
};
|
|
2774
2808
|
|
|
2775
|
-
var styles$
|
|
2809
|
+
var styles$1F = {"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"};
|
|
2776
2810
|
|
|
2777
|
-
var Component$
|
|
2811
|
+
var Component$1U = function (_a) {
|
|
2778
2812
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2779
2813
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2780
2814
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2802,19 +2836,19 @@ var Component$1T = function (_a) {
|
|
|
2802
2836
|
}
|
|
2803
2837
|
return { backgroundColor: '#c4c4c4' };
|
|
2804
2838
|
}, [color, score, spanHover]);
|
|
2805
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2839
|
+
return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-score-level'] },
|
|
2806
2840
|
React__default["default"].createElement("p", null, name),
|
|
2807
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2841
|
+
React__default["default"].createElement("div", { className: styles$1F['magneto-ui-score-level__summary'] },
|
|
2808
2842
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2809
2843
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2810
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2844
|
+
React__default["default"].createElement("button", { className: styles$1F['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2811
2845
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2812
2846
|
};
|
|
2813
|
-
var ScoreLevel = Component$
|
|
2847
|
+
var ScoreLevel = Component$1U;
|
|
2814
2848
|
|
|
2815
|
-
var styles$
|
|
2849
|
+
var styles$1E = {"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"};
|
|
2816
2850
|
|
|
2817
|
-
var Component$
|
|
2851
|
+
var Component$1T = function (_a) {
|
|
2818
2852
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2819
2853
|
var labelScore = React.useMemo(function () {
|
|
2820
2854
|
return levels[scoreValue - 1];
|
|
@@ -2829,17 +2863,17 @@ var Component$1S = function (_a) {
|
|
|
2829
2863
|
}
|
|
2830
2864
|
return { backgroundColor: '#c4c4c4' };
|
|
2831
2865
|
}, [color, scoreValue]);
|
|
2832
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2866
|
+
return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-score-level'] },
|
|
2833
2867
|
React__default["default"].createElement("p", null, name),
|
|
2834
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2868
|
+
React__default["default"].createElement("div", { className: styles$1E['magneto-ui-score-level__summary'] },
|
|
2835
2869
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2836
2870
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2837
2871
|
};
|
|
2838
|
-
var ScoreLevelStatic = Component$
|
|
2872
|
+
var ScoreLevelStatic = Component$1T;
|
|
2839
2873
|
|
|
2840
|
-
var styles$
|
|
2874
|
+
var styles$1D = {"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"};
|
|
2841
2875
|
|
|
2842
|
-
var Component$
|
|
2876
|
+
var Component$1S = function (_a) {
|
|
2843
2877
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2844
2878
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2845
2879
|
React.useEffect(function () {
|
|
@@ -2855,32 +2889,32 @@ var Component$1R = function (_a) {
|
|
|
2855
2889
|
setSearchValue('');
|
|
2856
2890
|
onSearch('');
|
|
2857
2891
|
};
|
|
2858
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2892
|
+
return (React__default["default"].createElement("div", { className: styles$1D.SearchbarComponent },
|
|
2859
2893
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2860
2894
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2861
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2862
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2895
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1D['SearchbarComponent__badge'] }),
|
|
2896
|
+
React__default["default"].createElement("div", { className: styles$1D['magneto-ui-searchbar-buttons'] },
|
|
2863
2897
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2864
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2898
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1D['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2865
2899
|
React__default["default"].createElement("span", null, "|"))),
|
|
2866
2900
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2867
2901
|
};
|
|
2868
2902
|
/**
|
|
2869
2903
|
* UI Molecule of a searchbar
|
|
2870
2904
|
*/
|
|
2871
|
-
var Searchbar = Component$
|
|
2905
|
+
var Searchbar = Component$1S;
|
|
2872
2906
|
|
|
2873
|
-
var styles$
|
|
2907
|
+
var styles$1C = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2874
2908
|
|
|
2875
|
-
var Component$
|
|
2909
|
+
var Component$1R = function (_a) {
|
|
2876
2910
|
var props = __rest(_a, []);
|
|
2877
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2878
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2911
|
+
return (React__default["default"].createElement("div", { className: styles$1C['search-button'] },
|
|
2912
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1C['search-button__badge'] }),
|
|
2879
2913
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2880
2914
|
};
|
|
2881
|
-
var SearchButton = Component$
|
|
2915
|
+
var SearchButton = Component$1R;
|
|
2882
2916
|
|
|
2883
|
-
var styles$
|
|
2917
|
+
var styles$1B = {"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"};
|
|
2884
2918
|
|
|
2885
2919
|
var SimilarJobsCard = function (_a) {
|
|
2886
2920
|
var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
|
|
@@ -2890,12 +2924,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2890
2924
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2891
2925
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2892
2926
|
}, [cities, salary, experience]);
|
|
2893
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2894
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2927
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2928
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2895
2929
|
React__default["default"].createElement("div", null,
|
|
2896
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2897
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2898
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2930
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2931
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2932
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2899
2933
|
};
|
|
2900
2934
|
|
|
2901
2935
|
var style$E = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
@@ -2917,7 +2951,7 @@ var SortMenu = function (_a) {
|
|
|
2917
2951
|
};
|
|
2918
2952
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2919
2953
|
|
|
2920
|
-
var styles$
|
|
2954
|
+
var styles$1A = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
|
|
2921
2955
|
|
|
2922
2956
|
var TextArea = function (_a) {
|
|
2923
2957
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
|
|
@@ -2943,15 +2977,15 @@ var TextArea = function (_a) {
|
|
|
2943
2977
|
return;
|
|
2944
2978
|
setShowPlaceholder(scrollTop === 0);
|
|
2945
2979
|
}, [showPlaceholder]);
|
|
2946
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2947
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2980
|
+
return (React__default["default"].createElement("div", { className: styles$1A["".concat(classMUI, "-text-area")] },
|
|
2981
|
+
React__default["default"].createElement("div", { className: styles$1A["".concat(classMUI, "-text-area--container")] },
|
|
2948
2982
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2949
2983
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2950
2984
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2951
|
-
}, className: styles$
|
|
2952
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2953
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2954
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2985
|
+
}, className: styles$1A["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2986
|
+
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1A["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
|
|
2987
|
+
React__default["default"].createElement("div", { className: styles$1A["".concat(classMUI, "-text-area__footer")] },
|
|
2988
|
+
React__default["default"].createElement("span", { className: styles$1A["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2955
2989
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2956
2990
|
};
|
|
2957
2991
|
|
|
@@ -2962,7 +2996,7 @@ var timelineIcons = {
|
|
|
2962
2996
|
current: Clock,
|
|
2963
2997
|
blocked: Lock
|
|
2964
2998
|
};
|
|
2965
|
-
var Component$
|
|
2999
|
+
var Component$1Q = function (_a) {
|
|
2966
3000
|
var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
|
|
2967
3001
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2968
3002
|
var titleStyle = style$D["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2975,11 +3009,11 @@ var Component$1P = function (_a) {
|
|
|
2975
3009
|
React__default["default"].createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2976
3010
|
React__default["default"].createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2977
3011
|
};
|
|
2978
|
-
var TimelineEvent = Component$
|
|
3012
|
+
var TimelineEvent = Component$1Q;
|
|
2979
3013
|
|
|
2980
|
-
var styles$
|
|
3014
|
+
var styles$1z = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2981
3015
|
|
|
2982
|
-
var Component$
|
|
3016
|
+
var Component$1P = function (_a) {
|
|
2983
3017
|
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;
|
|
2984
3018
|
var _d = React.useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2985
3019
|
React.useEffect(function () {
|
|
@@ -3002,19 +3036,19 @@ var Component$1O = function (_a) {
|
|
|
3002
3036
|
}
|
|
3003
3037
|
return false;
|
|
3004
3038
|
};
|
|
3005
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
3039
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1z['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
3006
3040
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
3007
3041
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
3008
3042
|
})));
|
|
3009
3043
|
};
|
|
3010
|
-
var ToggleButtonList = Component$
|
|
3044
|
+
var ToggleButtonList = Component$1P;
|
|
3011
3045
|
|
|
3012
|
-
var Component$
|
|
3046
|
+
var Component$1O = function (_a) {
|
|
3013
3047
|
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;
|
|
3014
3048
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
3015
3049
|
React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3016
3050
|
};
|
|
3017
|
-
var UserMenu = withClickOut(Component$
|
|
3051
|
+
var UserMenu = withClickOut(Component$1O);
|
|
3018
3052
|
|
|
3019
3053
|
var userMenuAnalystIcons = {
|
|
3020
3054
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -3028,11 +3062,11 @@ var userMenuAnalystIcons = {
|
|
|
3028
3062
|
rateUsHelp: Messages2BlackOutline
|
|
3029
3063
|
};
|
|
3030
3064
|
|
|
3031
|
-
var styles$
|
|
3065
|
+
var styles$1y = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
3032
3066
|
|
|
3033
|
-
var styles$
|
|
3067
|
+
var styles$1x = {"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"};
|
|
3034
3068
|
|
|
3035
|
-
var Component$
|
|
3069
|
+
var Component$1N = function (_a) {
|
|
3036
3070
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3037
3071
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
3038
3072
|
var handleOnClick = React.useCallback(function () {
|
|
@@ -3046,12 +3080,12 @@ var Component$1M = function (_a) {
|
|
|
3046
3080
|
}
|
|
3047
3081
|
}, [handleModal, handleMenuOpen, option]);
|
|
3048
3082
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3049
|
-
styles: styles$
|
|
3083
|
+
styles: styles$1x,
|
|
3050
3084
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
3051
3085
|
}) },
|
|
3052
3086
|
prefix,
|
|
3053
3087
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
3054
|
-
styles: styles$
|
|
3088
|
+
styles: styles$1x,
|
|
3055
3089
|
cls: ['user-menu-analyst-option-default__container']
|
|
3056
3090
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
3057
3091
|
suffix));
|
|
@@ -3059,31 +3093,31 @@ var Component$1M = function (_a) {
|
|
|
3059
3093
|
/**
|
|
3060
3094
|
* Molecule UI great-grand child component of menu dropdown
|
|
3061
3095
|
*/
|
|
3062
|
-
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$
|
|
3096
|
+
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1N);
|
|
3063
3097
|
|
|
3064
|
-
var styles$
|
|
3098
|
+
var styles$1w = {"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"};
|
|
3065
3099
|
|
|
3066
|
-
var Component$
|
|
3100
|
+
var Component$1M = function (_a) {
|
|
3067
3101
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3068
3102
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3069
|
-
styles: styles$
|
|
3103
|
+
styles: styles$1w,
|
|
3070
3104
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
3071
3105
|
}) },
|
|
3072
3106
|
prefix,
|
|
3073
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
3107
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
3074
3108
|
suffix));
|
|
3075
3109
|
};
|
|
3076
3110
|
/**
|
|
3077
3111
|
* Molecule UI great-grand child component of menu dropdown
|
|
3078
3112
|
*/
|
|
3079
|
-
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$
|
|
3113
|
+
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1M);
|
|
3080
3114
|
|
|
3081
|
-
var styles$
|
|
3115
|
+
var styles$1v = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
3082
3116
|
|
|
3083
|
-
var Component$
|
|
3117
|
+
var Component$1L = function (_a) {
|
|
3084
3118
|
var option = _a.option, className = _a.className;
|
|
3085
3119
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3086
|
-
styles: styles$
|
|
3120
|
+
styles: styles$1v,
|
|
3087
3121
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3088
3122
|
}) },
|
|
3089
3123
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -3091,9 +3125,9 @@ var Component$1K = function (_a) {
|
|
|
3091
3125
|
/**
|
|
3092
3126
|
* Molecule UI great-grand child component of menu dropdown
|
|
3093
3127
|
*/
|
|
3094
|
-
var UserMenuAnalystOptionText = React__default["default"].memo(Component$
|
|
3128
|
+
var UserMenuAnalystOptionText = React__default["default"].memo(Component$1L);
|
|
3095
3129
|
|
|
3096
|
-
var Component$
|
|
3130
|
+
var Component$1K = function (_a) {
|
|
3097
3131
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
3098
3132
|
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" },
|
|
3099
3133
|
React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3113,7 +3147,7 @@ var Action = function (_a) {
|
|
|
3113
3147
|
/**
|
|
3114
3148
|
* Molecule UI great-grand child component of menu dropdown
|
|
3115
3149
|
*/
|
|
3116
|
-
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$
|
|
3150
|
+
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1K);
|
|
3117
3151
|
|
|
3118
3152
|
var EUserMenuAnalystOptionType;
|
|
3119
3153
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3139,28 +3173,28 @@ var optionTypes = (_b = {},
|
|
|
3139
3173
|
_b);
|
|
3140
3174
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3141
3175
|
|
|
3142
|
-
var styles$
|
|
3176
|
+
var styles$1u = {"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"};
|
|
3143
3177
|
|
|
3144
|
-
var Component$
|
|
3178
|
+
var Component$1J = function (_a) {
|
|
3145
3179
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3146
3180
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3147
3181
|
return (React__default["default"].createElement("div", null,
|
|
3148
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3182
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3149
3183
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
3150
3184
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3151
|
-
styles: styles$
|
|
3185
|
+
styles: styles$1u,
|
|
3152
3186
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3153
3187
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3154
3188
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3155
|
-
styles: styles$
|
|
3189
|
+
styles: styles$1u,
|
|
3156
3190
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3157
3191
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3158
3192
|
};
|
|
3159
|
-
var UserMenuAnalystTitle = Component$
|
|
3193
|
+
var UserMenuAnalystTitle = Component$1J;
|
|
3160
3194
|
|
|
3161
|
-
var styles$
|
|
3195
|
+
var styles$1t = {"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"};
|
|
3162
3196
|
|
|
3163
|
-
var Component$
|
|
3197
|
+
var Component$1I = function (_a) {
|
|
3164
3198
|
var _b;
|
|
3165
3199
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3166
3200
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3186,13 +3220,13 @@ var Component$1H = function (_a) {
|
|
|
3186
3220
|
var OptionType = getOptionType(option.type);
|
|
3187
3221
|
if (!OptionType)
|
|
3188
3222
|
return null;
|
|
3189
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3190
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3223
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__object'] }) },
|
|
3224
|
+
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$1t, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3191
3225
|
}
|
|
3192
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3226
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3193
3227
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3194
3228
|
}, className: CNM.get({
|
|
3195
|
-
styles: styles$
|
|
3229
|
+
styles: styles$1t,
|
|
3196
3230
|
cls: [
|
|
3197
3231
|
'user-menu-analyst-option__dropdown',
|
|
3198
3232
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3201,8 +3235,8 @@ var Component$1H = function (_a) {
|
|
|
3201
3235
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3202
3236
|
var _a;
|
|
3203
3237
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3204
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3205
|
-
_a.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
3238
|
+
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1t, 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 :
|
|
3239
|
+
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1I, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3206
3240
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3207
3241
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3208
3242
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3211,27 +3245,27 @@ var Component$1H = function (_a) {
|
|
|
3211
3245
|
/**
|
|
3212
3246
|
* Molecule UI grand child component of menu dropdown
|
|
3213
3247
|
*/
|
|
3214
|
-
var UserMenuAnalystOption = Component$
|
|
3248
|
+
var UserMenuAnalystOption = Component$1I;
|
|
3215
3249
|
|
|
3216
|
-
var Component$
|
|
3250
|
+
var Component$1H = function (_a) {
|
|
3217
3251
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3218
3252
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3219
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3253
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1y, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3220
3254
|
var _a;
|
|
3221
3255
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3222
3256
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3223
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3257
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1y, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3224
3258
|
React__default["default"].createElement(Divider, null)))));
|
|
3225
3259
|
})));
|
|
3226
3260
|
};
|
|
3227
3261
|
/**
|
|
3228
3262
|
* Molecule UI child component of user menu analyst
|
|
3229
3263
|
*/
|
|
3230
|
-
var UserMenuAnalystOptions = Component$
|
|
3264
|
+
var UserMenuAnalystOptions = Component$1H;
|
|
3231
3265
|
|
|
3232
|
-
var styles$
|
|
3266
|
+
var styles$1s = {"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"};
|
|
3233
3267
|
|
|
3234
|
-
var Component$
|
|
3268
|
+
var Component$1G = function (_a) {
|
|
3235
3269
|
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;
|
|
3236
3270
|
var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3237
3271
|
var actionUrl = React.useMemo(function () {
|
|
@@ -3249,58 +3283,58 @@ var Component$1F = function (_a) {
|
|
|
3249
3283
|
: action.data;
|
|
3250
3284
|
}
|
|
3251
3285
|
}, [action, queryString]);
|
|
3252
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3253
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
3254
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3286
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst'] }) },
|
|
3287
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__header'] }) },
|
|
3288
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user'] }) },
|
|
3255
3289
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3256
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3257
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3258
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3259
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3290
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info'] }) },
|
|
3291
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3292
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3293
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3260
3294
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3261
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3295
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3262
3296
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3263
|
-
styles: styles$
|
|
3297
|
+
styles: styles$1s,
|
|
3264
3298
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3265
3299
|
}), optionClassNames: {
|
|
3266
|
-
link: CNM.get({ styles: styles$
|
|
3267
|
-
dropdown: CNM.get({ styles: styles$
|
|
3300
|
+
link: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__company-link'] }),
|
|
3301
|
+
dropdown: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3268
3302
|
} }))),
|
|
3269
3303
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3270
3304
|
};
|
|
3271
3305
|
/**
|
|
3272
3306
|
* Molecule UI component for user menu
|
|
3273
3307
|
*/
|
|
3274
|
-
var UserMenuAnalyst = Component$
|
|
3308
|
+
var UserMenuAnalyst = Component$1G;
|
|
3275
3309
|
|
|
3276
|
-
var styles$
|
|
3310
|
+
var styles$1r = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3277
3311
|
|
|
3278
|
-
var Component$
|
|
3312
|
+
var Component$1F = function (_a) {
|
|
3279
3313
|
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;
|
|
3280
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3314
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3281
3315
|
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" },
|
|
3282
3316
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3283
3317
|
};
|
|
3284
3318
|
/**
|
|
3285
3319
|
* Molecule UI child component of user menu analyst wrapper
|
|
3286
3320
|
*/
|
|
3287
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3321
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1F);
|
|
3288
3322
|
|
|
3289
|
-
var styles$
|
|
3323
|
+
var styles$1q = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3290
3324
|
|
|
3291
|
-
var Component$
|
|
3325
|
+
var Component$1E = function (_a) {
|
|
3292
3326
|
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;
|
|
3293
3327
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3294
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3328
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1q, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3295
3329
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3296
3330
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3297
3331
|
};
|
|
3298
3332
|
/**
|
|
3299
3333
|
* Molecule UI child component of user menu analyst wrapper
|
|
3300
3334
|
*/
|
|
3301
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3335
|
+
var UserMenuWrapperAnalystModal = Component$1E;
|
|
3302
3336
|
|
|
3303
|
-
var Component$
|
|
3337
|
+
var Component$1D = function (_a) {
|
|
3304
3338
|
var props = __rest(_a, []);
|
|
3305
3339
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
3306
3340
|
React.useEffect(function () {
|
|
@@ -3322,21 +3356,21 @@ var Component$1C = function (_a) {
|
|
|
3322
3356
|
/**
|
|
3323
3357
|
* Molecule UI component for user menu wrapper analyst
|
|
3324
3358
|
*/
|
|
3325
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3359
|
+
var UserMenuWrapperAnalyst = Component$1D;
|
|
3326
3360
|
|
|
3327
|
-
var styles$
|
|
3361
|
+
var styles$1p = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
|
|
3328
3362
|
|
|
3329
|
-
var styles$
|
|
3363
|
+
var styles$1o = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3330
3364
|
|
|
3331
|
-
var cx$
|
|
3365
|
+
var cx$J = classNames.bind(styles$1o);
|
|
3332
3366
|
var AlertJobStatusContainer = function (_a) {
|
|
3333
3367
|
var className = _a.className, children = _a.children;
|
|
3334
|
-
return React__default["default"].createElement("div", { className: cx$
|
|
3368
|
+
return React__default["default"].createElement("div", { className: cx$J('alert-job__content', className) }, children);
|
|
3335
3369
|
};
|
|
3336
3370
|
|
|
3337
|
-
var styles$
|
|
3371
|
+
var styles$1n = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3338
3372
|
|
|
3339
|
-
var cx$
|
|
3373
|
+
var cx$I = classNames.bind(styles$1n);
|
|
3340
3374
|
var alertIcons = {
|
|
3341
3375
|
success: Checked2,
|
|
3342
3376
|
warning: Warning3D
|
|
@@ -3345,47 +3379,58 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3345
3379
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className, _c = _a.type, type = _c === void 0 ? 'warning' : _c;
|
|
3346
3380
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3347
3381
|
var iconByType = React.useMemo(function () { return alertIcons[type]; }, [type]);
|
|
3348
|
-
return (React__default["default"].createElement("img", { style: customWidth, className: cx$
|
|
3382
|
+
return (React__default["default"].createElement("img", { style: customWidth, className: cx$I('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3349
3383
|
};
|
|
3350
3384
|
|
|
3351
|
-
var
|
|
3352
|
-
|
|
3385
|
+
var styles$1m = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
3386
|
+
|
|
3387
|
+
var cx$H = classNames.bind(styles$1m);
|
|
3388
|
+
var AlertJobStatusButton = function (_a) {
|
|
3389
|
+
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3390
|
+
return (React__default["default"].createElement("button", __assign({ className: cx$H('alert-modal__button', className) }, buttonProps),
|
|
3391
|
+
React__default["default"].createElement("p", null, children),
|
|
3392
|
+
React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3393
|
+
};
|
|
3394
|
+
|
|
3395
|
+
var cx$G = classNames.bind(styles$1p);
|
|
3396
|
+
var Component$1C = function (_a) {
|
|
3353
3397
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3354
|
-
return React__default["default"].createElement("div", { className: cx$
|
|
3398
|
+
return React__default["default"].createElement("div", { className: cx$G('alert-job', className, type) }, children);
|
|
3355
3399
|
};
|
|
3356
|
-
var AlertJobStatus = Object.assign(Component$
|
|
3400
|
+
var AlertJobStatus = Object.assign(Component$1C, {
|
|
3357
3401
|
Container: AlertJobStatusContainer,
|
|
3358
3402
|
Icon: AlertJobStatusIcon,
|
|
3403
|
+
Button: AlertJobStatusButton,
|
|
3359
3404
|
Text: Text$1
|
|
3360
3405
|
});
|
|
3361
3406
|
|
|
3362
|
-
var styles$
|
|
3407
|
+
var styles$1l = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
|
|
3363
3408
|
|
|
3364
|
-
var styles$
|
|
3409
|
+
var styles$1k = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3365
3410
|
|
|
3366
|
-
var cx$
|
|
3367
|
-
var Component$
|
|
3411
|
+
var cx$F = classNames.bind(styles$1k);
|
|
3412
|
+
var Component$1B = function (_a) {
|
|
3368
3413
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3369
3414
|
if (hideLogo)
|
|
3370
3415
|
return null;
|
|
3371
|
-
return (React__default["default"].createElement("img", { className: cx$
|
|
3416
|
+
return (React__default["default"].createElement("img", { className: cx$F("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3372
3417
|
};
|
|
3373
|
-
var SimilarCardLogo = Component$
|
|
3418
|
+
var SimilarCardLogo = Component$1B;
|
|
3374
3419
|
|
|
3375
|
-
var cx$
|
|
3376
|
-
var Component$
|
|
3420
|
+
var cx$E = classNames.bind(styles$1l);
|
|
3421
|
+
var Component$1A = function (_a) {
|
|
3377
3422
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3378
3423
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3379
|
-
React__default["default"].createElement(IconItem, { className: cx$
|
|
3424
|
+
React__default["default"].createElement(IconItem, { className: cx$E('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
|
|
3380
3425
|
};
|
|
3381
|
-
var SimilarCardIcon = Component$
|
|
3426
|
+
var SimilarCardIcon = Component$1A;
|
|
3382
3427
|
|
|
3383
|
-
var cx$
|
|
3384
|
-
var Component$
|
|
3428
|
+
var cx$D = classNames.bind(styles$1l);
|
|
3429
|
+
var Component$1z = function (_a) {
|
|
3385
3430
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3386
|
-
return (React__default["default"].createElement("a", { className: cx$
|
|
3431
|
+
return (React__default["default"].createElement("a", { className: cx$D("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3387
3432
|
};
|
|
3388
|
-
var SimilarCard = Object.assign(Component$
|
|
3433
|
+
var SimilarCard = Object.assign(Component$1z, {
|
|
3389
3434
|
Text: Text$1,
|
|
3390
3435
|
Logo: SimilarCardLogo,
|
|
3391
3436
|
Icon: SimilarCardIcon
|
|
@@ -3422,7 +3467,7 @@ var ModalPortal = function (_a) {
|
|
|
3422
3467
|
return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
|
|
3423
3468
|
};
|
|
3424
3469
|
|
|
3425
|
-
var styles$
|
|
3470
|
+
var styles$1j = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
|
|
3426
3471
|
|
|
3427
3472
|
var Notification = function (_a) {
|
|
3428
3473
|
var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
|
|
@@ -3433,25 +3478,83 @@ var Notification = function (_a) {
|
|
|
3433
3478
|
}
|
|
3434
3479
|
}, [autoCloseDuration, onClose]);
|
|
3435
3480
|
return (React__default["default"].createElement(ModalPortal, null,
|
|
3436
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
3437
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3438
|
-
React__default["default"].createElement("div", { className: styles$
|
|
3439
|
-
React__default["default"].createElement("button", { className: styles$
|
|
3481
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1j.notification, " ").concat(styles$1j[position], " ").concat(className), role: "alert" },
|
|
3482
|
+
React__default["default"].createElement("div", { className: styles$1j['notification__content'] },
|
|
3483
|
+
React__default["default"].createElement("div", { className: styles$1j['notification__message'] }, message),
|
|
3484
|
+
React__default["default"].createElement("button", { className: styles$1j['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
3440
3485
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
3441
3486
|
extraContent && extraContent)));
|
|
3442
3487
|
};
|
|
3443
3488
|
|
|
3489
|
+
var styles$1i = {"alert-modal":"mg_alert_job_modal_alert-modal_1otbv","alert-modal__header":"mg_alert_job_modal_alert-modal_header_1otbv","alert-modal__body":"mg_alert_job_modal_alert-modal_body_1otbv","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_1otbv","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_1otbv","alert-modal__title":"mg_alert_job_modal_alert-modal_title_1otbv","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_1otbv","alert-modal__button":"mg_alert_job_modal_alert-modal_button_1otbv"};
|
|
3490
|
+
|
|
3491
|
+
var cx$C = classNames.bind(styles$1i);
|
|
3492
|
+
var AlertJobModalIcon = function (_a) {
|
|
3493
|
+
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
3494
|
+
var customWidth = size ? { width: size + 'px' } : {};
|
|
3495
|
+
return (React__default["default"].createElement("img", { style: customWidth, className: cx$C('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3496
|
+
};
|
|
3497
|
+
|
|
3498
|
+
var cx$B = classNames.bind(styles$1i);
|
|
3499
|
+
var AlertJobModalHeader = function (_a) {
|
|
3500
|
+
var className = _a.className, children = _a.children;
|
|
3501
|
+
return React__default["default"].createElement("div", { className: cx$B('alert-modal__header', className) }, children);
|
|
3502
|
+
};
|
|
3503
|
+
|
|
3504
|
+
var cx$A = classNames.bind(styles$1i);
|
|
3505
|
+
var AlertJobModalTitle = function (_a) {
|
|
3506
|
+
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
3507
|
+
return (React__default["default"].createElement("div", { className: cx$A('alert-modal__title', className) },
|
|
3508
|
+
React__default["default"].createElement("p", null, subtitle),
|
|
3509
|
+
React__default["default"].createElement("p", null, "\u201C".concat(title, "\u201D")),
|
|
3510
|
+
children));
|
|
3511
|
+
};
|
|
3512
|
+
|
|
3513
|
+
var cx$z = classNames.bind(styles$1i);
|
|
3514
|
+
var AlertJobModalBody = function (_a) {
|
|
3515
|
+
var className = _a.className, children = _a.children;
|
|
3516
|
+
return React__default["default"].createElement("div", { className: cx$z('alert-modal__body', className) }, children);
|
|
3517
|
+
};
|
|
3518
|
+
|
|
3519
|
+
var cx$y = classNames.bind(styles$1i);
|
|
3520
|
+
var AlertJobModalFooter = function (_a) {
|
|
3521
|
+
var className = _a.className, children = _a.children;
|
|
3522
|
+
return React__default["default"].createElement("div", { className: cx$y('alert-modal__footer', className) }, children);
|
|
3523
|
+
};
|
|
3524
|
+
|
|
3525
|
+
var cx$x = classNames.bind(styles$1i);
|
|
3526
|
+
var AlertJobModalButton = function (_a) {
|
|
3527
|
+
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3528
|
+
return (React__default["default"].createElement("button", __assign({ className: cx$x('alert-modal__button', className) }, buttonProps),
|
|
3529
|
+
React__default["default"].createElement("p", null, children),
|
|
3530
|
+
React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3531
|
+
};
|
|
3532
|
+
|
|
3533
|
+
var cx$w = classNames.bind(styles$1i);
|
|
3534
|
+
var Component$1y = function (_a) {
|
|
3535
|
+
var children = _a.children, className = _a.className, open = _a.open, onClose = _a.onClose;
|
|
3536
|
+
return (React__default["default"].createElement(Modal$1, { isOpen: open, onClose: onClose, className: cx$w('alert-modal', className) }, children));
|
|
3537
|
+
};
|
|
3538
|
+
var AlertJobModal = Object.assign(Component$1y, {
|
|
3539
|
+
Header: AlertJobModalHeader,
|
|
3540
|
+
Body: AlertJobModalBody,
|
|
3541
|
+
Footer: AlertJobModalFooter,
|
|
3542
|
+
Title: AlertJobModalTitle,
|
|
3543
|
+
Icon: AlertJobModalIcon,
|
|
3544
|
+
Button: AlertJobModalButton
|
|
3545
|
+
});
|
|
3546
|
+
|
|
3444
3547
|
var Component$1x = function (_a) {
|
|
3445
3548
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3446
3549
|
var component = React.useMemo(function () {
|
|
3447
3550
|
var _a, _b, _c;
|
|
3448
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3551
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container'] }) },
|
|
3449
3552
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3450
3553
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3451
3554
|
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 })));
|
|
3452
3555
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3453
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3454
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3556
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3557
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3455
3558
|
});
|
|
3456
3559
|
return container;
|
|
3457
3560
|
};
|
|
@@ -4304,6 +4407,15 @@ Array(36).fill(megaMenuJobIcon);
|
|
|
4304
4407
|
Array(36).fill(megaMenuJobImage);
|
|
4305
4408
|
var megaMenuHelpIcons = [QuestionCircle, HeadsetBlackOutline];
|
|
4306
4409
|
var megaMenuJobsIcons = [LocationBlue, CourthouseBlue, BriefcaseBlue, BuildingBlue];
|
|
4410
|
+
var megaMenuUserLoggedIcons = {
|
|
4411
|
+
allJobs: AllJobs,
|
|
4412
|
+
suggestedJobs: SuggestedJobs,
|
|
4413
|
+
savedJobs: ArchiveTick,
|
|
4414
|
+
inProcess: TaskSquare,
|
|
4415
|
+
resume: DocumentText,
|
|
4416
|
+
settings: Setting2,
|
|
4417
|
+
help: MessageQuestion
|
|
4418
|
+
};
|
|
4307
4419
|
var mobileSocialIcons = [Book, HeadsetBlackOutline, QuestionCircle];
|
|
4308
4420
|
|
|
4309
4421
|
var CNM = /** @class */ (function () {
|
|
@@ -8136,7 +8248,10 @@ var styles$1 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main
|
|
|
8136
8248
|
var Component$4 = function (_a) {
|
|
8137
8249
|
var toggleDrawerMenu = _a.toggleDrawerMenu;
|
|
8138
8250
|
var _b = React.useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
8139
|
-
var _c =
|
|
8251
|
+
var _c = React.useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
8252
|
+
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps;
|
|
8253
|
+
var listMenuUserProps = useLoggedInUser();
|
|
8254
|
+
var profileImage = listMenuUserProps.profileImage, isAuthenticated = listMenuUserProps.isAuthenticated;
|
|
8140
8255
|
var toggleSearchBar = function () {
|
|
8141
8256
|
setShowSearchBar(!showSearchBar);
|
|
8142
8257
|
};
|
|
@@ -8157,15 +8272,20 @@ var Component$4 = function (_a) {
|
|
|
8157
8272
|
});
|
|
8158
8273
|
var loginAction = (React__default["default"].createElement(Link, { type: 'button', href: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginUrl) || '', text: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.loginText) || '', iconProps: __assign(__assign({}, SignInIcon), { size: 15 }), linkStyles: __assign(__assign({}, SignInStyles), { buttonColor: '#FFFFFF' }) }));
|
|
8159
8274
|
var logoutAction = (React__default["default"].createElement(MainButton, __assign({}, SignUpButtonStyle, { buttonText: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.signUpText) || '', onClick: (loginProps === null || loginProps === void 0 ? void 0 : loginProps.onClickSignUp) || undefined, buttonSize: 'medium', iconProps: __assign(__assign({}, SignUpButtonStyle.iconProps), { size: 15 }) })));
|
|
8275
|
+
var loginHeaderPopover = useMediaQuery(React__default["default"].createElement(UserMenu, { listMenuUserProps: listMenuUserProps, profileImage: profileImage }), {
|
|
8276
|
+
md: React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setToggleMobileDrawer(true); } }))
|
|
8277
|
+
});
|
|
8160
8278
|
return (React__default["default"].createElement("div", { className: styles$1['mega-menu-main-header'] },
|
|
8161
8279
|
React__default["default"].createElement("div", { className: styles$1['mega-menu-main-header__main'] },
|
|
8162
8280
|
LogoutHeaderMobileSearchbar,
|
|
8163
8281
|
LogoutHeaderMenuButton,
|
|
8164
8282
|
React__default["default"].createElement("a", { href: homeUrl }, renderLogo),
|
|
8165
8283
|
React__default["default"].createElement("div", { className: styles$1['mega-menu-main-header__search'] }, renderSearchBar)),
|
|
8166
|
-
React__default["default"].createElement("div", { className: styles$1['mega-menu-main-header__login'] },
|
|
8284
|
+
React__default["default"].createElement("div", { className: styles$1['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
8167
8285
|
loginAction,
|
|
8168
|
-
logoutAction)))
|
|
8286
|
+
logoutAction))),
|
|
8287
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
8288
|
+
React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
8169
8289
|
};
|
|
8170
8290
|
var MegaMenuMainHeader = Component$4;
|
|
8171
8291
|
|
|
@@ -8388,6 +8508,7 @@ var SuggestedJobsPage = Component;
|
|
|
8388
8508
|
|
|
8389
8509
|
exports.Actions = Actions;
|
|
8390
8510
|
exports.Alert = Alert;
|
|
8511
|
+
exports.AlertJobModal = AlertJobModal;
|
|
8391
8512
|
exports.AlertJobStatus = AlertJobStatus;
|
|
8392
8513
|
exports.AlertJobStatusContainer = AlertJobStatusContainer;
|
|
8393
8514
|
exports.AlertJobStatusIcon = AlertJobStatusIcon;
|