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/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$11 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$2B = function (_a) {
|
|
245
245
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
|
|
246
246
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
247
247
|
var handleError = function () {
|
|
@@ -257,9 +257,9 @@ var Component$2A = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$2B;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$2p = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -267,6 +267,8 @@ var Add2 = "https://static.magneto365.com/lib/assets/4a5507815cef1554.svg";
|
|
|
267
267
|
|
|
268
268
|
var AddSquareBlackOutline = "https://static.magneto365.com/lib/assets/7802bad8f709827a.svg";
|
|
269
269
|
|
|
270
|
+
var AllJobs = "https://static.magneto365.com/lib/assets/c0801a55ef2c85e6.svg";
|
|
271
|
+
|
|
270
272
|
var AnimatedSpinnerBlack = "https://static.magneto365.com/lib/assets/gif/6f5219c0a4f28bcb.gif";
|
|
271
273
|
|
|
272
274
|
var AnimatedSpinnerBlue = "https://static.magneto365.com/lib/assets/gif/e67f4a6ee6def0b9.gif";
|
|
@@ -281,6 +283,8 @@ var ArchiveAdd = "https://static.magneto365.com/lib/assets/93858404062779b6.svg"
|
|
|
281
283
|
|
|
282
284
|
var ArchiveRemove = "https://static.magneto365.com/lib/assets/7b9b613a82ce5a7e.svg";
|
|
283
285
|
|
|
286
|
+
var ArchiveTick = "https://static.magneto365.com/lib/assets/2032b2bd88b4ed5b.svg";
|
|
287
|
+
|
|
284
288
|
var ArrowDown2 = "https://static.magneto365.com/lib/assets/cd4e261bd404d56c.svg";
|
|
285
289
|
|
|
286
290
|
var ArrowDown3 = "https://static.magneto365.com/lib/assets/59e0a621450cbb17.svg";
|
|
@@ -341,6 +345,8 @@ var DocumentForward = "https://static.magneto365.com/lib/assets/1aba91fa564f11d7
|
|
|
341
345
|
|
|
342
346
|
var DocumentSearch = "https://static.magneto365.com/lib/assets/3a1c54796cd5e026.svg";
|
|
343
347
|
|
|
348
|
+
var DocumentText = "https://static.magneto365.com/lib/assets/89e029edfa166388.svg";
|
|
349
|
+
|
|
344
350
|
var DocumentTextGray = "https://static.magneto365.com/lib/assets/e6c25ccc7957e05e.svg";
|
|
345
351
|
|
|
346
352
|
var DollarCircle = "https://static.magneto365.com/lib/assets/e398388dfbd7a649.svg";
|
|
@@ -425,6 +431,8 @@ var LogoutIcon = "https://static.magneto365.com/lib/assets/69e73b9b021eccd7.svg"
|
|
|
425
431
|
|
|
426
432
|
var MagicStarBlackOutline = "https://static.magneto365.com/lib/assets/3cce32a33c03fccd.svg";
|
|
427
433
|
|
|
434
|
+
var MessageQuestion = "https://static.magneto365.com/lib/assets/4be843dae5de2ab7.svg";
|
|
435
|
+
|
|
428
436
|
var Messages2BlackOutline = "https://static.magneto365.com/lib/assets/801c14292dfce9f7.svg";
|
|
429
437
|
|
|
430
438
|
var MiniArrowGrayDown = "https://static.magneto365.com/lib/assets/0385a8005062bc95.svg";
|
|
@@ -481,10 +489,14 @@ var SpinnerWhite = "https://static.magneto365.com/lib/assets/b97768a94b8e244b.sv
|
|
|
481
489
|
|
|
482
490
|
var Success = "https://static.magneto365.com/lib/assets/d08d09ab2ca482fb.svg";
|
|
483
491
|
|
|
492
|
+
var SuggestedJobs = "https://static.magneto365.com/lib/assets/a589f2bfa7334c2f.svg";
|
|
493
|
+
|
|
484
494
|
var Tag = "https://static.magneto365.com/lib/assets/ec8bb6c5ab3d8964.svg";
|
|
485
495
|
|
|
486
496
|
var TaskBlueBold = "https://static.magneto365.com/lib/assets/546c3401e6c1ab39.svg";
|
|
487
497
|
|
|
498
|
+
var TaskSquare = "https://static.magneto365.com/lib/assets/236599155bcd9912.svg";
|
|
499
|
+
|
|
488
500
|
var TaskWhiteOutline = "https://static.magneto365.com/lib/assets/e8987356bcb0eb69.svg";
|
|
489
501
|
|
|
490
502
|
var TickCircleGreenBold = "https://static.magneto365.com/lib/assets/b7c5dd6900f044db.svg";
|
|
@@ -529,31 +541,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
529
541
|
|
|
530
542
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
531
543
|
|
|
532
|
-
var Component$
|
|
544
|
+
var Component$2A = function (_a) {
|
|
533
545
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
534
546
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
535
547
|
var handleError = function () {
|
|
536
548
|
setImageError(true);
|
|
537
549
|
};
|
|
538
|
-
return (React.createElement("div", { className: styles$
|
|
550
|
+
return (React.createElement("div", { className: styles$2p.avatarComponent, onClick: onClick },
|
|
539
551
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
540
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
552
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2p['magneto-ui-default-avatar'] },
|
|
541
553
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
542
554
|
};
|
|
543
555
|
/**
|
|
544
556
|
* UI Atom component of Avatar
|
|
545
557
|
*/
|
|
546
|
-
var Avatar = Component$
|
|
558
|
+
var Avatar = Component$2A;
|
|
547
559
|
|
|
548
|
-
var styles$
|
|
560
|
+
var styles$2o = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
549
561
|
|
|
550
|
-
var Component$
|
|
562
|
+
var Component$2z = function (_a) {
|
|
551
563
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
552
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
553
|
-
React.createElement("span", { className: styles$
|
|
564
|
+
return (React.createElement("p", { className: "".concat(styles$2o['badge-count'], " ").concat(className) },
|
|
565
|
+
React.createElement("span", { className: styles$2o['badge-count__animation'] }),
|
|
554
566
|
number && number));
|
|
555
567
|
};
|
|
556
|
-
var Badge = Component$
|
|
568
|
+
var Badge = Component$2z;
|
|
557
569
|
|
|
558
570
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
559
571
|
|
|
@@ -670,9 +682,9 @@ var SignUpButtonStyle = {
|
|
|
670
682
|
}
|
|
671
683
|
};
|
|
672
684
|
|
|
673
|
-
var styles$
|
|
685
|
+
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"};
|
|
674
686
|
|
|
675
|
-
var styles$
|
|
687
|
+
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"};
|
|
676
688
|
|
|
677
689
|
var ShareIcons = {
|
|
678
690
|
Facebook: {
|
|
@@ -692,7 +704,7 @@ var ShareIcons = {
|
|
|
692
704
|
}
|
|
693
705
|
};
|
|
694
706
|
|
|
695
|
-
var Component$
|
|
707
|
+
var Component$2y = function (_a) {
|
|
696
708
|
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;
|
|
697
709
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
698
710
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -705,52 +717,52 @@ var Component$2x = function (_a) {
|
|
|
705
717
|
};
|
|
706
718
|
if (component)
|
|
707
719
|
return component;
|
|
708
|
-
return (React.createElement("div", { className: styles$
|
|
709
|
-
React.createElement("div", { id: styles$
|
|
720
|
+
return (React.createElement("div", { className: styles$2m['magneto-ui-actions'] },
|
|
721
|
+
React.createElement("div", { id: styles$2m['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
710
722
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
711
|
-
React.createElement("button", { className: styles$
|
|
723
|
+
React.createElement("button", { className: styles$2m['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
712
724
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
713
725
|
} },
|
|
714
726
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
715
727
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
716
728
|
actionsLinkList.map(function (_a, index) {
|
|
717
729
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
718
|
-
return (React.createElement("a", { className: styles$
|
|
730
|
+
return (React.createElement("a", { className: styles$2m['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
719
731
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
720
732
|
React.createElement("p", { key: index }, text)));
|
|
721
733
|
}),
|
|
722
|
-
React.createElement("div", { className: styles$
|
|
723
|
-
React.createElement("p", { className: styles$
|
|
724
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
734
|
+
React.createElement("div", { className: styles$2m['magneto-ui-actions__header'] },
|
|
735
|
+
React.createElement("p", { className: styles$2m['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
736
|
+
offerCompanyName ? React.createElement("p", { className: styles$2m['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
725
737
|
};
|
|
726
738
|
var ShareLinksAction = function (_a) {
|
|
727
739
|
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;
|
|
728
|
-
return (React.createElement("div", { className: styles$
|
|
729
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
740
|
+
return (React.createElement("div", { className: styles$2m['magneto-ui-actions'] },
|
|
741
|
+
React.createElement(ShareButton, __assign({ className: styles$2m['magneto-ui-actions__share'] }, shareProps)),
|
|
730
742
|
shareLinks.map(function (_a, index) {
|
|
731
743
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
732
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
744
|
+
return (React.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(' ') },
|
|
733
745
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
734
746
|
React.createElement("span", null, title)));
|
|
735
747
|
}),
|
|
736
|
-
React.createElement("div", { className: styles$
|
|
737
|
-
React.createElement("p", { className: styles$
|
|
738
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
739
|
-
React.createElement("div", { className: styles$
|
|
740
|
-
React.createElement("button", { className: styles$
|
|
748
|
+
React.createElement("div", { className: styles$2m['magneto-ui-actions__header'] },
|
|
749
|
+
React.createElement("p", { className: styles$2m['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
750
|
+
offerCompanyName ? React.createElement("p", { className: styles$2m['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
751
|
+
React.createElement("div", { className: styles$2m['magneto-ui-actions__back'] },
|
|
752
|
+
React.createElement("button", { className: styles$2m['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
741
753
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
742
754
|
backText)));
|
|
743
755
|
};
|
|
744
756
|
/**
|
|
745
757
|
* UI Molecule componet of Actions
|
|
746
758
|
*/
|
|
747
|
-
var Actions = Object.assign(Component$
|
|
759
|
+
var Actions = Object.assign(Component$2y, { ShareLinks: ShareLinksAction });
|
|
748
760
|
|
|
749
761
|
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"};
|
|
750
762
|
|
|
751
763
|
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"};
|
|
752
764
|
|
|
753
|
-
var Component$
|
|
765
|
+
var Component$2x = function (_a) {
|
|
754
766
|
var text = _a.text, customText = _a.customText, className = _a.className;
|
|
755
767
|
var textRender = useMemo(function () {
|
|
756
768
|
return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React.createElement("span", { className: className }, customText.map(function (_a, index) {
|
|
@@ -762,7 +774,7 @@ var Component$2w = function (_a) {
|
|
|
762
774
|
}, [text, customText, className]);
|
|
763
775
|
return React.createElement(React.Fragment, null, textRender);
|
|
764
776
|
};
|
|
765
|
-
var Text$1 = Component$
|
|
777
|
+
var Text$1 = Component$2x;
|
|
766
778
|
|
|
767
779
|
var alertIcons$1 = {
|
|
768
780
|
info: Info,
|
|
@@ -770,7 +782,7 @@ var alertIcons$1 = {
|
|
|
770
782
|
warning: Warning,
|
|
771
783
|
error: Error
|
|
772
784
|
};
|
|
773
|
-
var Component$
|
|
785
|
+
var Component$2w = function (_a) {
|
|
774
786
|
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;
|
|
775
787
|
var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
776
788
|
var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
|
|
@@ -782,7 +794,7 @@ var Component$2v = function (_a) {
|
|
|
782
794
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
783
795
|
extraButton));
|
|
784
796
|
};
|
|
785
|
-
var Alert = Component$
|
|
797
|
+
var Alert = Component$2w;
|
|
786
798
|
|
|
787
799
|
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"};
|
|
788
800
|
|
|
@@ -869,8 +881,8 @@ var classNames = {
|
|
|
869
881
|
}
|
|
870
882
|
};
|
|
871
883
|
|
|
872
|
-
var cx$
|
|
873
|
-
var Component$
|
|
884
|
+
var cx$K = classNames.bind(style$Z);
|
|
885
|
+
var Component$2v = function (_a) {
|
|
874
886
|
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;
|
|
875
887
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
876
888
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -896,17 +908,17 @@ var Component$2u = function (_a) {
|
|
|
896
908
|
};
|
|
897
909
|
}, [isOpen]);
|
|
898
910
|
return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
|
|
899
|
-
React.createElement("div", { className: cx$
|
|
911
|
+
React.createElement("div", { className: cx$K('magneto-ui-mobile-drawer', className) },
|
|
900
912
|
React.createElement("aside", { className: style$Z[showMenu] },
|
|
901
|
-
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
913
|
+
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$K('magneto-ui-close-button'), onClick: onClose },
|
|
902
914
|
React.createElement(IconItem, { icon: Add, hover: false })),
|
|
903
|
-
React.createElement("div", { className: cx$
|
|
904
|
-
isOpen && (React.createElement("span", { className: cx$
|
|
915
|
+
React.createElement("div", { className: cx$K('magneto-ui-container') }, children)),
|
|
916
|
+
isOpen && (React.createElement("span", { className: cx$K('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
905
917
|
};
|
|
906
918
|
/**
|
|
907
919
|
* Molecule UI component for Mobile Drawer
|
|
908
920
|
*/
|
|
909
|
-
var MobileDrawer = Component$
|
|
921
|
+
var MobileDrawer = Component$2v;
|
|
910
922
|
|
|
911
923
|
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"};
|
|
912
924
|
|
|
@@ -962,11 +974,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
962
974
|
};
|
|
963
975
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
964
976
|
|
|
965
|
-
var styles$
|
|
977
|
+
var styles$2l = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
966
978
|
|
|
967
|
-
var Component$
|
|
979
|
+
var Component$2u = function (_a) {
|
|
968
980
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
969
|
-
return (React.createElement("div", { className: styles$
|
|
981
|
+
return (React.createElement("div", { className: styles$2l.BreadcrumbsComponent },
|
|
970
982
|
React.createElement("a", { href: homeUrl },
|
|
971
983
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
972
984
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -974,52 +986,52 @@ var Component$2t = function (_a) {
|
|
|
974
986
|
/**
|
|
975
987
|
* Molecule UI component for breadcrums information
|
|
976
988
|
*/
|
|
977
|
-
var Breadcrumbs = Component$
|
|
989
|
+
var Breadcrumbs = Component$2u;
|
|
978
990
|
|
|
979
|
-
var styles$
|
|
991
|
+
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"};
|
|
980
992
|
|
|
981
993
|
var CitiesDetailDrawer = function (_a) {
|
|
982
994
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
983
|
-
return (React.createElement("div", { className: styles$
|
|
984
|
-
React.createElement("div", { className: styles$
|
|
995
|
+
return (React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
996
|
+
React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
985
997
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
986
|
-
React.createElement("div", { className: styles$
|
|
987
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
998
|
+
React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
999
|
+
isRemote && (React.createElement("p", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
988
1000
|
cities &&
|
|
989
1001
|
cities.map(function (_a, index) {
|
|
990
1002
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
991
|
-
return (React.createElement("div", { className: styles$
|
|
1003
|
+
return (React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
992
1004
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
993
1005
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
994
1006
|
})))) : null));
|
|
995
1007
|
};
|
|
996
1008
|
|
|
997
|
-
var styles$
|
|
1009
|
+
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"};
|
|
998
1010
|
|
|
999
|
-
var Component$
|
|
1011
|
+
var Component$2t = function (_a) {
|
|
1000
1012
|
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;
|
|
1001
1013
|
var disabledArrow = useMemo(function () {
|
|
1002
1014
|
if (disabled)
|
|
1003
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1015
|
+
return (React.createElement(IconItem, { className: styles$2j['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1004
1016
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1005
1017
|
}, [disabled]);
|
|
1006
|
-
return (React.createElement("div", { className: styles$
|
|
1007
|
-
React.createElement("select", { className: styles$
|
|
1008
|
-
React.createElement("option", { className: styles$
|
|
1018
|
+
return (React.createElement("div", { className: styles$2j['magneto-ui--date-dropdown__wrapper'] },
|
|
1019
|
+
React.createElement("select", { className: styles$2j["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1020
|
+
React.createElement("option", { className: styles$2j['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1009
1021
|
dateOptions.map(function (_a) {
|
|
1010
1022
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1011
|
-
return (React.createElement("option", { className: styles$
|
|
1023
|
+
return (React.createElement("option", { className: styles$2j['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1012
1024
|
})),
|
|
1013
|
-
React.createElement("span", { className: styles$
|
|
1025
|
+
React.createElement("span", { className: styles$2j['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1014
1026
|
};
|
|
1015
|
-
var DateDropdown = Component$
|
|
1027
|
+
var DateDropdown = Component$2t;
|
|
1016
1028
|
|
|
1017
|
-
var styles$
|
|
1029
|
+
var styles$2i = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1018
1030
|
|
|
1019
1031
|
var defaultValue$1 = function (value) {
|
|
1020
1032
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1021
1033
|
};
|
|
1022
|
-
var Component$
|
|
1034
|
+
var Component$2s = function (_a) {
|
|
1023
1035
|
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;
|
|
1024
1036
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1025
1037
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1053,16 +1065,16 @@ var Component$2r = function (_a) {
|
|
|
1053
1065
|
}
|
|
1054
1066
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1055
1067
|
}, [disabled]);
|
|
1056
|
-
return (React.createElement("div", { className: styles$
|
|
1068
|
+
return (React.createElement("div", { className: styles$2i['magneto-ui--date-picker__wrapper'] },
|
|
1057
1069
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1058
1070
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1059
1071
|
};
|
|
1060
|
-
var DatePicker = Component$
|
|
1072
|
+
var DatePicker = Component$2s;
|
|
1061
1073
|
|
|
1062
1074
|
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"};
|
|
1063
1075
|
|
|
1064
1076
|
var DEFAULT_PADDING = 20;
|
|
1065
|
-
var Component$
|
|
1077
|
+
var Component$2r = function (_a) {
|
|
1066
1078
|
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;
|
|
1067
1079
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1068
1080
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1108,7 +1120,7 @@ var Component$2q = function (_a) {
|
|
|
1108
1120
|
/**
|
|
1109
1121
|
* Molecule UI component for Drawer
|
|
1110
1122
|
*/
|
|
1111
|
-
var Drawer$1 = Component$
|
|
1123
|
+
var Drawer$1 = Component$2r;
|
|
1112
1124
|
|
|
1113
1125
|
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"};
|
|
1114
1126
|
|
|
@@ -1171,15 +1183,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1171
1183
|
_c)
|
|
1172
1184
|
};
|
|
1173
1185
|
|
|
1174
|
-
var styles$
|
|
1186
|
+
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"};
|
|
1175
1187
|
|
|
1176
|
-
var Component$
|
|
1188
|
+
var Component$2q = function (_a) {
|
|
1177
1189
|
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;
|
|
1178
1190
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1179
1191
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1180
1192
|
var componentProps = useMemo(function () {
|
|
1181
1193
|
var className = CNM.get({
|
|
1182
|
-
styles: styles$
|
|
1194
|
+
styles: styles$2h,
|
|
1183
1195
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1184
1196
|
});
|
|
1185
1197
|
if (isUrl)
|
|
@@ -1201,48 +1213,48 @@ var Component$2p = function (_a) {
|
|
|
1201
1213
|
}
|
|
1202
1214
|
return;
|
|
1203
1215
|
}, [loading, variant]);
|
|
1204
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1205
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1216
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action', className] }) },
|
|
1217
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action__container'] }) },
|
|
1206
1218
|
React.createElement(Component, __assign({}, componentProps),
|
|
1207
1219
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1208
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1220
|
+
React.createElement("span", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action__title'] }) }, title),
|
|
1209
1221
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1210
1222
|
};
|
|
1211
1223
|
/**
|
|
1212
1224
|
* Molecule UI child component of expandable info
|
|
1213
1225
|
*/
|
|
1214
|
-
var ExpandableInfoAction = Component$
|
|
1226
|
+
var ExpandableInfoAction = Component$2q;
|
|
1215
1227
|
|
|
1216
|
-
var styles$
|
|
1228
|
+
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"};
|
|
1217
1229
|
|
|
1218
|
-
var Component$
|
|
1230
|
+
var Component$2p = function (_a) {
|
|
1219
1231
|
var sections = _a.sections, footer = _a.footer;
|
|
1220
1232
|
var sectionStyles = useCallback(function (multiple) {
|
|
1221
1233
|
return CNM.get({
|
|
1222
|
-
styles: styles$
|
|
1234
|
+
styles: styles$2g,
|
|
1223
1235
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1224
1236
|
});
|
|
1225
1237
|
}, []);
|
|
1226
1238
|
var subSectionStyles = useCallback(function (initial) {
|
|
1227
1239
|
return CNM.get({
|
|
1228
|
-
styles: styles$
|
|
1240
|
+
styles: styles$2g,
|
|
1229
1241
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1230
1242
|
});
|
|
1231
1243
|
}, []);
|
|
1232
1244
|
var itemStyles = useCallback(function (first) {
|
|
1233
1245
|
return CNM.get({
|
|
1234
|
-
styles: styles$
|
|
1246
|
+
styles: styles$2g,
|
|
1235
1247
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1236
1248
|
});
|
|
1237
1249
|
}, []);
|
|
1238
1250
|
var textStyles = useCallback(function (bold) {
|
|
1239
1251
|
return CNM.get({
|
|
1240
|
-
styles: styles$
|
|
1252
|
+
styles: styles$2g,
|
|
1241
1253
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1242
1254
|
});
|
|
1243
1255
|
}, []);
|
|
1244
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1245
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1256
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details'] }) },
|
|
1257
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1246
1258
|
sections.map(function (section, index) {
|
|
1247
1259
|
var _a, _b;
|
|
1248
1260
|
return (React.createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1256,13 +1268,13 @@ var Component$2o = function (_a) {
|
|
|
1256
1268
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1257
1269
|
})));
|
|
1258
1270
|
}),
|
|
1259
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1260
|
-
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1271
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__footer'] }) },
|
|
1272
|
+
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__action'] }) }))))));
|
|
1261
1273
|
};
|
|
1262
1274
|
/**
|
|
1263
1275
|
* Molecule UI child component of expandable info
|
|
1264
1276
|
*/
|
|
1265
|
-
var ExpandableInfoDetails = Component$
|
|
1277
|
+
var ExpandableInfoDetails = Component$2p;
|
|
1266
1278
|
|
|
1267
1279
|
var EExpandableInfoVariant;
|
|
1268
1280
|
(function (EExpandableInfoVariant) {
|
|
@@ -1283,9 +1295,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1283
1295
|
_a$3)
|
|
1284
1296
|
};
|
|
1285
1297
|
|
|
1286
|
-
var styles$
|
|
1298
|
+
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"};
|
|
1287
1299
|
|
|
1288
|
-
var Component$
|
|
1300
|
+
var Component$2o = function (_a) {
|
|
1289
1301
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1290
1302
|
var icon = useCallback(function (icon) {
|
|
1291
1303
|
if (icon) {
|
|
@@ -1298,22 +1310,22 @@ var Component$2n = function (_a) {
|
|
|
1298
1310
|
}, [variant]);
|
|
1299
1311
|
if (!title)
|
|
1300
1312
|
return null;
|
|
1301
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1302
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1313
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-message', className] }) },
|
|
1314
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-message__container'] }) },
|
|
1303
1315
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1304
1316
|
React.createElement("span", { className: CNM.get({
|
|
1305
|
-
styles: styles$
|
|
1317
|
+
styles: styles$2f,
|
|
1306
1318
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1307
1319
|
}) }, title))));
|
|
1308
1320
|
};
|
|
1309
1321
|
/**
|
|
1310
1322
|
* Molecule UI child component of expandable info
|
|
1311
1323
|
*/
|
|
1312
|
-
var ExpandableInfoMessage = Component$
|
|
1324
|
+
var ExpandableInfoMessage = Component$2o;
|
|
1313
1325
|
|
|
1314
|
-
var styles$
|
|
1326
|
+
var styles$2e = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1315
1327
|
|
|
1316
|
-
var Component$
|
|
1328
|
+
var Component$2n = function (_a) {
|
|
1317
1329
|
var toggler = _a.toggler, details = _a.details;
|
|
1318
1330
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1319
1331
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1321,37 +1333,37 @@ var Component$2m = function (_a) {
|
|
|
1321
1333
|
}, []);
|
|
1322
1334
|
return (React.createElement(React.Fragment, null,
|
|
1323
1335
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1324
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1336
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2e, cls: ['expandable-info-modal'] }) },
|
|
1325
1337
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1326
1338
|
};
|
|
1327
1339
|
/**
|
|
1328
1340
|
* Molecule UI child component of expandable info
|
|
1329
1341
|
*/
|
|
1330
|
-
var ExpandableInfoModal = Component$
|
|
1342
|
+
var ExpandableInfoModal = Component$2n;
|
|
1331
1343
|
|
|
1332
|
-
var styles$
|
|
1344
|
+
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"};
|
|
1333
1345
|
|
|
1334
|
-
var styles$
|
|
1346
|
+
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"};
|
|
1335
1347
|
|
|
1336
1348
|
var DesktopSideCards = function (_a) {
|
|
1337
1349
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1338
|
-
return (React.createElement("div", { className: styles$
|
|
1339
|
-
React.createElement("div", { className: styles$
|
|
1350
|
+
return (React.createElement("div", { className: styles$2c['mega-menu-side-container'] },
|
|
1351
|
+
React.createElement("div", { className: styles$2c['mega-menu-side-container__side'] },
|
|
1340
1352
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1341
|
-
React.createElement("div", { className: styles$
|
|
1353
|
+
React.createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1342
1354
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1343
1355
|
};
|
|
1344
1356
|
|
|
1345
1357
|
var MobileSideCards = function (_a) {
|
|
1346
1358
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
1347
|
-
return (React.createElement("div", { className: styles$
|
|
1348
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$
|
|
1359
|
+
return (React.createElement("div", { className: styles$2c['mega-menu-side-container'] }, showContent ? (React.createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1360
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$2c['mega-menu-side-container__side'] },
|
|
1349
1361
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1350
1362
|
};
|
|
1351
1363
|
|
|
1352
1364
|
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"};
|
|
1353
1365
|
|
|
1354
|
-
var Component$
|
|
1366
|
+
var Component$2m = function (_a) {
|
|
1355
1367
|
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;
|
|
1356
1368
|
var _d = useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1357
1369
|
var menuActive = isActive ? style$V['is-active'] : '';
|
|
@@ -1382,7 +1394,7 @@ var MegaMenuJobsDrawer = function (_a) {
|
|
|
1382
1394
|
React.createElement("p", { className: style$V['item-drawer__title'] }, title)),
|
|
1383
1395
|
React.createElement("div", { className: "".concat(style$V['item-drawer__content']) }, content)));
|
|
1384
1396
|
};
|
|
1385
|
-
var MegaMenuDrawerItem = Object.assign(Component$
|
|
1397
|
+
var MegaMenuDrawerItem = Object.assign(Component$2m, {
|
|
1386
1398
|
Drawer: MegaMenuJobsDrawer
|
|
1387
1399
|
});
|
|
1388
1400
|
|
|
@@ -1402,9 +1414,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
1402
1414
|
updateDrawerContent(index);
|
|
1403
1415
|
toogleDrawer();
|
|
1404
1416
|
}, [toogleDrawer, updateDrawerContent]);
|
|
1405
|
-
return (React.createElement("div", { className: styles$
|
|
1417
|
+
return (React.createElement("div", { className: styles$2c['mega-menu-side-container'] },
|
|
1406
1418
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
1407
|
-
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$
|
|
1419
|
+
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1408
1420
|
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
1409
1421
|
};
|
|
1410
1422
|
|
|
@@ -1419,10 +1431,10 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
1419
1431
|
return Component;
|
|
1420
1432
|
};
|
|
1421
1433
|
|
|
1422
|
-
var Component$
|
|
1434
|
+
var Component$2l = function (_a) {
|
|
1423
1435
|
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;
|
|
1424
1436
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1425
|
-
styles: styles$
|
|
1437
|
+
styles: styles$2d,
|
|
1426
1438
|
cls: [
|
|
1427
1439
|
'expandable-info-popover',
|
|
1428
1440
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1430,7 +1442,7 @@ var Component$2k = function (_a) {
|
|
|
1430
1442
|
]
|
|
1431
1443
|
}), content: React.createElement(React.Fragment, null,
|
|
1432
1444
|
React.createElement("span", { className: CNM.get({
|
|
1433
|
-
styles: styles$
|
|
1445
|
+
styles: styles$2d,
|
|
1434
1446
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1435
1447
|
}) }),
|
|
1436
1448
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1439,19 +1451,19 @@ var Component$2k = function (_a) {
|
|
|
1439
1451
|
/**
|
|
1440
1452
|
* Molecule UI child component of expandable info
|
|
1441
1453
|
*/
|
|
1442
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1454
|
+
var ExpandableInfoPopover = withClickOut(Component$2l);
|
|
1443
1455
|
|
|
1444
1456
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1445
1457
|
coin: CoinBlackOutline
|
|
1446
1458
|
};
|
|
1447
1459
|
|
|
1448
|
-
var styles$
|
|
1460
|
+
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"};
|
|
1449
1461
|
|
|
1450
|
-
var Component$
|
|
1462
|
+
var Component$2k = function (_a) {
|
|
1451
1463
|
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;
|
|
1452
1464
|
var styleGenerator = useCallback(function (base) {
|
|
1453
1465
|
return CNM.get({
|
|
1454
|
-
styles: styles$
|
|
1466
|
+
styles: styles$2b,
|
|
1455
1467
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1456
1468
|
});
|
|
1457
1469
|
}, [variant]);
|
|
@@ -1483,7 +1495,7 @@ var Component$2j = function (_a) {
|
|
|
1483
1495
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1484
1496
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1485
1497
|
React.createElement("div", { className: CNM.get({
|
|
1486
|
-
styles: styles$
|
|
1498
|
+
styles: styles$2b,
|
|
1487
1499
|
cls: [
|
|
1488
1500
|
'expandable-info-toggler__summary',
|
|
1489
1501
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1496,11 +1508,11 @@ var Component$2j = function (_a) {
|
|
|
1496
1508
|
/**
|
|
1497
1509
|
* Molecule UI child component of expandable info
|
|
1498
1510
|
*/
|
|
1499
|
-
var ExpandableInfoToggler = Component$
|
|
1511
|
+
var ExpandableInfoToggler = Component$2k;
|
|
1500
1512
|
|
|
1501
|
-
var styles$
|
|
1513
|
+
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"};
|
|
1502
1514
|
|
|
1503
|
-
var Component$
|
|
1515
|
+
var Component$2j = function (_a) {
|
|
1504
1516
|
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;
|
|
1505
1517
|
var togglerProps = useMemo(function () { return ({
|
|
1506
1518
|
details: details,
|
|
@@ -1514,9 +1526,9 @@ var Component$2i = function (_a) {
|
|
|
1514
1526
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1515
1527
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1516
1528
|
});
|
|
1517
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1529
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2a, cls: ['expandable-info'] }) },
|
|
1518
1530
|
React.createElement("div", { className: CNM.get({
|
|
1519
|
-
styles: styles$
|
|
1531
|
+
styles: styles$2a,
|
|
1520
1532
|
cls: [
|
|
1521
1533
|
'expandable-info__container',
|
|
1522
1534
|
"expandable-info__container--".concat(variant),
|
|
@@ -1526,13 +1538,13 @@ var Component$2i = function (_a) {
|
|
|
1526
1538
|
}) },
|
|
1527
1539
|
container,
|
|
1528
1540
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1529
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1541
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.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.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1530
1542
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1531
1543
|
};
|
|
1532
1544
|
/**
|
|
1533
1545
|
* Molecule UI component for expandable info
|
|
1534
1546
|
*/
|
|
1535
|
-
var ExpandableInfo = Component$
|
|
1547
|
+
var ExpandableInfo = Component$2j;
|
|
1536
1548
|
|
|
1537
1549
|
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"};
|
|
1538
1550
|
|
|
@@ -1560,7 +1572,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1560
1572
|
return React.createElement("div", { className: style$T["".concat(classMUI, "-filter-container")] }, children);
|
|
1561
1573
|
};
|
|
1562
1574
|
|
|
1563
|
-
var styles$
|
|
1575
|
+
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"};
|
|
1564
1576
|
|
|
1565
1577
|
var FilterMenuItem = function (_a) {
|
|
1566
1578
|
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"]);
|
|
@@ -1575,51 +1587,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1575
1587
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1576
1588
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1577
1589
|
var className = useMemo(function () {
|
|
1578
|
-
return isApplied ? styles$
|
|
1590
|
+
return isApplied ? styles$29.selected : isSearched ? styles$29.isSearched : hiddenCount ? '' : !total && styles$29.disabled;
|
|
1579
1591
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1580
1592
|
var handleClick = useCallback(function () {
|
|
1581
1593
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1582
1594
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1583
1595
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1584
1596
|
if (loading)
|
|
1585
|
-
return React.createElement("div", { className: styles$
|
|
1586
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1597
|
+
return React.createElement("div", { className: styles$29.skeleton });
|
|
1598
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$29['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1587
1599
|
React.createElement("span", null, label),
|
|
1588
1600
|
displayOutput));
|
|
1589
1601
|
};
|
|
1590
1602
|
|
|
1591
|
-
var styles$
|
|
1603
|
+
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"};
|
|
1592
1604
|
|
|
1593
1605
|
var FilterSearchItem = function (_a) {
|
|
1594
1606
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1595
1607
|
var inputRef = useRef(null);
|
|
1596
1608
|
if (loading)
|
|
1597
|
-
return (React.createElement("div", { className: styles$
|
|
1609
|
+
return (React.createElement("div", { className: styles$28.skeleton },
|
|
1598
1610
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1599
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1611
|
+
return (React.createElement("div", { className: "".concat(styles$28['magneto-ui-filter-search'], " ").concat(disabled ? styles$28.disabled : '') },
|
|
1600
1612
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1601
1613
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1602
1614
|
};
|
|
1603
1615
|
|
|
1604
|
-
var styles$
|
|
1616
|
+
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"};
|
|
1605
1617
|
|
|
1606
|
-
var Component$
|
|
1618
|
+
var Component$2i = function (_a) {
|
|
1607
1619
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1608
|
-
return (React.createElement("div", { className: styles$
|
|
1609
|
-
React.createElement("div", { className: styles$
|
|
1620
|
+
return (React.createElement("div", { className: styles$27['fraud-card-job'] },
|
|
1621
|
+
React.createElement("div", { className: styles$27['fraud-card-job__header'] },
|
|
1610
1622
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1611
1623
|
React.createElement("h4", null, title)),
|
|
1612
1624
|
React.createElement("div", null,
|
|
1613
|
-
React.createElement("p", { className: styles$
|
|
1614
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1625
|
+
React.createElement("p", { className: styles$27['fraud-card-job__text'] }, content),
|
|
1626
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$27['fraud-card-job__link'], href: link },
|
|
1615
1627
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1616
1628
|
linkText))));
|
|
1617
1629
|
};
|
|
1618
|
-
var FraudCardJob = Component$
|
|
1630
|
+
var FraudCardJob = Component$2i;
|
|
1619
1631
|
|
|
1620
|
-
var styles$
|
|
1632
|
+
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"};
|
|
1621
1633
|
|
|
1622
|
-
var Component$
|
|
1634
|
+
var Component$2h = function (_a) {
|
|
1623
1635
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1624
1636
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1625
1637
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1629,46 +1641,46 @@ var Component$2g = function (_a) {
|
|
|
1629
1641
|
return searchList;
|
|
1630
1642
|
}, [searchList, showFullList]);
|
|
1631
1643
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1632
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1633
|
-
React.createElement("h2", { className: styles$
|
|
1634
|
-
React.createElement("div", { className: styles$
|
|
1644
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$26['magneto-ui-frequent-search'] },
|
|
1645
|
+
React.createElement("h2", { className: styles$26['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1646
|
+
React.createElement("div", { className: styles$26['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1635
1647
|
var props = __rest(_a, []);
|
|
1636
1648
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1637
1649
|
})),
|
|
1638
|
-
React.createElement("div", { className: styles$
|
|
1650
|
+
React.createElement("div", { className: styles$26['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$26['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1639
1651
|
showMore,
|
|
1640
1652
|
" (",
|
|
1641
1653
|
searchList.length,
|
|
1642
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1654
|
+
")")) : (React.createElement("button", { className: styles$26['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1643
1655
|
};
|
|
1644
1656
|
/**
|
|
1645
1657
|
* UI Atom component of Frequent Search
|
|
1646
1658
|
*/
|
|
1647
|
-
var FrequentSearch = Component$
|
|
1659
|
+
var FrequentSearch = Component$2h;
|
|
1648
1660
|
|
|
1649
1661
|
var style$S = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1650
1662
|
|
|
1651
|
-
var Component$
|
|
1663
|
+
var Component$2g = function (_a) {
|
|
1652
1664
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1653
1665
|
return (React.createElement("div", { className: style$S['header-drawer-company'] },
|
|
1654
1666
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1655
1667
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1656
1668
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1657
1669
|
};
|
|
1658
|
-
var HeaderDrawerCompany = Component$
|
|
1670
|
+
var HeaderDrawerCompany = Component$2g;
|
|
1659
1671
|
|
|
1660
|
-
var styles$
|
|
1672
|
+
var styles$25 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1661
1673
|
|
|
1662
|
-
var Component$
|
|
1674
|
+
var Component$2f = function (_a) {
|
|
1663
1675
|
var children = _a.children;
|
|
1664
|
-
return React.createElement("div", { className: styles$
|
|
1676
|
+
return React.createElement("div", { className: styles$25.TabComponent }, children);
|
|
1665
1677
|
};
|
|
1666
1678
|
/**
|
|
1667
1679
|
* Molecule UI for Tab
|
|
1668
1680
|
*/
|
|
1669
|
-
var Tab = Component$
|
|
1681
|
+
var Tab = Component$2f;
|
|
1670
1682
|
|
|
1671
|
-
var styles$
|
|
1683
|
+
var styles$24 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1672
1684
|
|
|
1673
1685
|
var toCSSVariables = function (input) {
|
|
1674
1686
|
var output = {};
|
|
@@ -1683,35 +1695,35 @@ var toCSSVariables = function (input) {
|
|
|
1683
1695
|
return output;
|
|
1684
1696
|
};
|
|
1685
1697
|
|
|
1686
|
-
var Component$
|
|
1698
|
+
var Component$2e = function (_a) {
|
|
1687
1699
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1688
1700
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1689
1701
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1690
|
-
return (React.createElement("div", { className: styles$
|
|
1702
|
+
return (React.createElement("div", { className: styles$24.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1691
1703
|
};
|
|
1692
1704
|
/**
|
|
1693
1705
|
* Molecule UI component for Tab Button
|
|
1694
1706
|
*/
|
|
1695
|
-
var TabButton = Component$
|
|
1707
|
+
var TabButton = Component$2e;
|
|
1696
1708
|
|
|
1697
|
-
var styles$
|
|
1709
|
+
var styles$23 = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1698
1710
|
|
|
1699
|
-
var Component$
|
|
1711
|
+
var Component$2d = function (_a) {
|
|
1700
1712
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1701
|
-
return (React.createElement("div", { className: styles$
|
|
1713
|
+
return (React.createElement("div", { className: styles$23.HeaderDrawerTabsComponent },
|
|
1702
1714
|
React.createElement("a", { href: homeUrl },
|
|
1703
1715
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1704
1716
|
React.createElement(Tab, null,
|
|
1705
1717
|
React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1706
1718
|
React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1707
1719
|
};
|
|
1708
|
-
var HeaderDrawerTabs = Component$
|
|
1720
|
+
var HeaderDrawerTabs = Component$2d;
|
|
1709
1721
|
|
|
1710
|
-
var styles$
|
|
1722
|
+
var styles$22 = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1711
1723
|
|
|
1712
|
-
var Component$
|
|
1724
|
+
var Component$2c = function (_a) {
|
|
1713
1725
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1714
|
-
return (React.createElement("div", { className: styles$
|
|
1726
|
+
return (React.createElement("div", { className: styles$22.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1715
1727
|
var headerTabProps = __rest(_a, []);
|
|
1716
1728
|
return (React.createElement(React.Fragment, { key: index },
|
|
1717
1729
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1722,9 +1734,9 @@ var Component$2b = function (_a) {
|
|
|
1722
1734
|
/**
|
|
1723
1735
|
* Molecule UI component for header tabs information`
|
|
1724
1736
|
*/
|
|
1725
|
-
var HeaderTabs = Component$
|
|
1737
|
+
var HeaderTabs = Component$2c;
|
|
1726
1738
|
|
|
1727
|
-
var styles$
|
|
1739
|
+
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"};
|
|
1728
1740
|
|
|
1729
1741
|
var Input = function (_a) {
|
|
1730
1742
|
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"]);
|
|
@@ -1759,28 +1771,28 @@ var Input = function (_a) {
|
|
|
1759
1771
|
setInputValue(e.target.value);
|
|
1760
1772
|
}, [onChange]);
|
|
1761
1773
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1762
|
-
React.createElement("div", { className: styles$
|
|
1774
|
+
React.createElement("div", { className: styles$21["".concat(classMUI, "-input")] },
|
|
1763
1775
|
React.createElement("div", null,
|
|
1764
|
-
React.createElement("div", { className: styles$
|
|
1776
|
+
React.createElement("div", { className: styles$21["".concat(classMUI, "-input--container")] },
|
|
1765
1777
|
React.createElement("label", { htmlFor: name, style: {
|
|
1766
1778
|
left: hideIcon ? '10px' : '40px',
|
|
1767
1779
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1768
1780
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1769
|
-
}, className: styles$
|
|
1781
|
+
}, className: styles$21["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1770
1782
|
React.createElement("input", __assign({}, props, { style: {
|
|
1771
1783
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1772
|
-
}, disabled: disabled, className: styles$
|
|
1773
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1774
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1784
|
+
}, 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" })),
|
|
1785
|
+
hideIcon ? null : (React.createElement("img", { className: styles$21["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1786
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$21["".concat(classMUI, "-input--container__icon-action")] },
|
|
1775
1787
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1776
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1777
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1788
|
+
React.createElement("div", { className: "".concat(styles$21["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$21['footer-without-error'] : '') },
|
|
1789
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$21["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1778
1790
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1779
1791
|
};
|
|
1780
1792
|
|
|
1781
|
-
var styles$
|
|
1793
|
+
var styles$20 = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1782
1794
|
|
|
1783
|
-
var Component$
|
|
1795
|
+
var Component$2b = function (_a) {
|
|
1784
1796
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1785
1797
|
var loadingSize = useMemo(function () {
|
|
1786
1798
|
if (size) {
|
|
@@ -1794,11 +1806,11 @@ var Component$2a = function (_a) {
|
|
|
1794
1806
|
height: '15px'
|
|
1795
1807
|
};
|
|
1796
1808
|
}, [size]);
|
|
1797
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1809
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$20["".concat(classMUI, "-flat-loader")] }));
|
|
1798
1810
|
};
|
|
1799
|
-
var FlatLoader = Component$
|
|
1811
|
+
var FlatLoader = Component$2b;
|
|
1800
1812
|
|
|
1801
|
-
var styles$
|
|
1813
|
+
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"};
|
|
1802
1814
|
|
|
1803
1815
|
var InputPlus = function (_a) {
|
|
1804
1816
|
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;
|
|
@@ -1842,26 +1854,26 @@ var InputPlus = function (_a) {
|
|
|
1842
1854
|
}
|
|
1843
1855
|
}
|
|
1844
1856
|
}, [disabledBtn, handleSubmmit]);
|
|
1845
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1857
|
+
return (React.createElement("div", { className: "".concat(styles$1$["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1846
1858
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1847
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1859
|
+
React.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.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1$['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1848
1860
|
};
|
|
1849
1861
|
|
|
1850
|
-
var styles$
|
|
1862
|
+
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"};
|
|
1851
1863
|
|
|
1852
1864
|
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"};
|
|
1853
1865
|
|
|
1854
|
-
var styles$
|
|
1866
|
+
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"};
|
|
1855
1867
|
|
|
1856
1868
|
var Tooltip = function (_a) {
|
|
1857
1869
|
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;
|
|
1858
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1859
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1870
|
+
return (React.createElement("div", { className: "".concat(styles$1Z['tooltip-container'], " ").concat(styles$1Z["tooltip-".concat(position)]) },
|
|
1871
|
+
React.createElement("div", { className: "".concat(styles$1Z['tooltip'], " ").concat(styles$1Z["tooltip-".concat(position)]) },
|
|
1860
1872
|
children,
|
|
1861
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
1873
|
+
visible && (React.createElement("span", { className: "".concat(styles$1Z['tooltip-text'], " ").concat(styles$1Z["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1862
1874
|
};
|
|
1863
1875
|
|
|
1864
|
-
var Component$
|
|
1876
|
+
var Component$2a = function (_a) {
|
|
1865
1877
|
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"]);
|
|
1866
1878
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1867
1879
|
return (React.createElement(Popover, { className: [style$R['popover'], !show ? style$R['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$R['content'], classNameContent].join(' ') },
|
|
@@ -1880,10 +1892,10 @@ var Component$29 = function (_a) {
|
|
|
1880
1892
|
React.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); } }),
|
|
1881
1893
|
React.createElement(IconItem, { size: 20, icon: Share })))));
|
|
1882
1894
|
};
|
|
1883
|
-
Component$
|
|
1884
|
-
var SharePopover = Component$
|
|
1895
|
+
Component$2a.displayName = 'SharePopover';
|
|
1896
|
+
var SharePopover = Component$2a;
|
|
1885
1897
|
|
|
1886
|
-
var Component$
|
|
1898
|
+
var Component$29 = function (_a) {
|
|
1887
1899
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
|
|
1888
1900
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1889
1901
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1893,35 +1905,35 @@ var Component$28 = function (_a) {
|
|
|
1893
1905
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1894
1906
|
var ActionLink = function (_a) {
|
|
1895
1907
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1896
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
1908
|
+
var iconContent = (React.createElement("a", { className: styles$1_['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1897
1909
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1898
1910
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1899
1911
|
};
|
|
1900
1912
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1901
|
-
return (React.createElement("div", { className: styles$
|
|
1902
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1903
|
-
React.createElement("div", { className: styles$
|
|
1913
|
+
return (React.createElement("div", { className: styles$1_['magneto-ui-job-actions'] },
|
|
1914
|
+
!isApplied && React.createElement("div", { id: styles$1_['magneto-ui__external-child'] }, externalButtonChild),
|
|
1915
|
+
React.createElement("div", { className: styles$1_['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1904
1916
|
!isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1905
1917
|
React.createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1906
1918
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1907
1919
|
filteredActionsLinkList.map(function (_a) {
|
|
1908
1920
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1909
|
-
return (React.createElement("div", { className: styles$
|
|
1921
|
+
return (React.createElement("div", { className: styles$1_['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1910
1922
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1911
1923
|
}))));
|
|
1912
1924
|
};
|
|
1913
1925
|
/**
|
|
1914
1926
|
* UI Molecule Component for Jobs Actions
|
|
1915
1927
|
*/
|
|
1916
|
-
var JobActions = Component$
|
|
1928
|
+
var JobActions = Component$29;
|
|
1917
1929
|
|
|
1918
|
-
var styles$
|
|
1930
|
+
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"};
|
|
1919
1931
|
|
|
1920
|
-
var Component$
|
|
1932
|
+
var Component$28 = function (_a) {
|
|
1921
1933
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1922
|
-
return (React.createElement("div", { className: styles$
|
|
1923
|
-
React.createElement("div", { className: styles$
|
|
1924
|
-
React.createElement("div", { className: styles$
|
|
1934
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card'] },
|
|
1935
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__wrapper'] },
|
|
1936
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__header'] },
|
|
1925
1937
|
React.createElement("p", null, offerApplyHeader),
|
|
1926
1938
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1927
1939
|
offerApplyElements
|
|
@@ -1931,16 +1943,16 @@ var Component$27 = function (_a) {
|
|
|
1931
1943
|
})
|
|
1932
1944
|
.map(function (_a) {
|
|
1933
1945
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1934
|
-
return (React.createElement("div", { className: styles$
|
|
1946
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1935
1947
|
React.createElement("p", null, offerApplyLabel),
|
|
1936
1948
|
React.createElement("p", null, offerApplyInfo)));
|
|
1937
1949
|
})),
|
|
1938
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1950
|
+
!isApplied && React.createElement("div", { id: styles$1Y['magneto-ui__external-child'] }, externalChild))));
|
|
1939
1951
|
};
|
|
1940
1952
|
/**
|
|
1941
1953
|
* UI Molecule Component for Job Apply Card
|
|
1942
1954
|
*/
|
|
1943
|
-
var JobApplyCard = Component$
|
|
1955
|
+
var JobApplyCard = Component$28;
|
|
1944
1956
|
|
|
1945
1957
|
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"};
|
|
1946
1958
|
|
|
@@ -2024,31 +2036,31 @@ var JobCard = function (_a) {
|
|
|
2024
2036
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
2025
2037
|
};
|
|
2026
2038
|
|
|
2027
|
-
var styles$
|
|
2039
|
+
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"};
|
|
2028
2040
|
|
|
2029
|
-
var Component$
|
|
2041
|
+
var Component$27 = function (_a) {
|
|
2030
2042
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2031
|
-
return (React.createElement("div", { className: styles$
|
|
2043
|
+
return (React.createElement("div", { className: styles$1X['magneto-ui-job-company-header'] },
|
|
2032
2044
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2033
|
-
React.createElement("div", { className: styles$
|
|
2045
|
+
React.createElement("div", { className: styles$1X['magneto-ui-job-company-header__data-actions'] },
|
|
2034
2046
|
React.createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2035
2047
|
isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2036
2048
|
};
|
|
2037
2049
|
/**
|
|
2038
2050
|
* UI Molecule component for Company Job Header
|
|
2039
2051
|
*/
|
|
2040
|
-
var JobCompanyHeader = Component$
|
|
2052
|
+
var JobCompanyHeader = Component$27;
|
|
2041
2053
|
|
|
2042
|
-
var styles$
|
|
2054
|
+
var styles$1W = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2043
2055
|
|
|
2044
|
-
var Component$
|
|
2056
|
+
var Component$26 = function (_a) {
|
|
2045
2057
|
var offerDescription = _a.offerDescription;
|
|
2046
|
-
return (React.createElement("div", { className: styles$
|
|
2058
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2047
2059
|
};
|
|
2048
2060
|
/**
|
|
2049
2061
|
* UI Molecule Component for Job Detail Card Header
|
|
2050
2062
|
*/
|
|
2051
|
-
var JobDetailCard = Component$
|
|
2063
|
+
var JobDetailCard = Component$26;
|
|
2052
2064
|
|
|
2053
2065
|
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"};
|
|
2054
2066
|
|
|
@@ -2063,9 +2075,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2063
2075
|
children));
|
|
2064
2076
|
};
|
|
2065
2077
|
|
|
2066
|
-
var styles$
|
|
2078
|
+
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"};
|
|
2067
2079
|
|
|
2068
|
-
var Component$
|
|
2080
|
+
var Component$25 = function (_a) {
|
|
2069
2081
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2070
2082
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2071
2083
|
icon: iconList && iconList[index],
|
|
@@ -2075,27 +2087,27 @@ var Component$24 = function (_a) {
|
|
|
2075
2087
|
var offerDetailText = _a.offerDetailText;
|
|
2076
2088
|
return !!offerDetailText && index !== 1;
|
|
2077
2089
|
});
|
|
2078
|
-
return (React.createElement("div", { className: styles$
|
|
2079
|
-
React.createElement("div", { className: styles$
|
|
2090
|
+
return (React.createElement("div", { className: styles$1V['magneto-ui-job-details'] },
|
|
2091
|
+
React.createElement("div", { className: styles$1V['magneto-ui-job-details__wrapper'] },
|
|
2080
2092
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2081
2093
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2082
2094
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2083
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2084
|
-
React.createElement("div", { className: styles$
|
|
2095
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1V['magneto-ui-job-details__item-detail'] },
|
|
2096
|
+
React.createElement("div", { className: styles$1V['magneto-ui-job-details__item-detail-icon'] },
|
|
2085
2097
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2086
|
-
React.createElement("p", { className: styles$
|
|
2098
|
+
React.createElement("p", { className: styles$1V['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2087
2099
|
})),
|
|
2088
2100
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2089
2101
|
};
|
|
2090
2102
|
/**
|
|
2091
2103
|
* UI Molecule component for Job Detail
|
|
2092
2104
|
*/
|
|
2093
|
-
Component$
|
|
2094
|
-
var JobDetails = Component$
|
|
2105
|
+
Component$25.displayName = 'JobDetails';
|
|
2106
|
+
var JobDetails = Component$25;
|
|
2095
2107
|
|
|
2096
|
-
var styles$
|
|
2108
|
+
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"};
|
|
2097
2109
|
|
|
2098
|
-
var Component$
|
|
2110
|
+
var Component$24 = function (_a) {
|
|
2099
2111
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2100
2112
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2101
2113
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2106,28 +2118,28 @@ var Component$23 = function (_a) {
|
|
|
2106
2118
|
title: title
|
|
2107
2119
|
});
|
|
2108
2120
|
});
|
|
2109
|
-
return (React.createElement("div", { className: styles$
|
|
2121
|
+
return (React.createElement("div", { className: styles$1U['magneto-ui-job-footer-card'] },
|
|
2110
2122
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2111
|
-
React.createElement("div", { className: styles$
|
|
2123
|
+
React.createElement("div", { className: styles$1U['magneto-ui-job-footer-card__icons'] },
|
|
2112
2124
|
React.createElement("p", null, offerFooterHeader),
|
|
2113
|
-
React.createElement("div", { className: styles$
|
|
2125
|
+
React.createElement("div", { className: styles$1U['magneto-ui-job-footer-card__wrapper'] },
|
|
2114
2126
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2115
2127
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2116
2128
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2117
2129
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2118
2130
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2119
2131
|
})),
|
|
2120
|
-
React.createElement("div", { className: styles$
|
|
2132
|
+
React.createElement("div", { className: styles$1U['magneto-ui__share-button'] },
|
|
2121
2133
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2122
2134
|
};
|
|
2123
2135
|
/**
|
|
2124
2136
|
* UI Molecule component for Job Footer Card
|
|
2125
2137
|
*/
|
|
2126
|
-
var JobFooterCard = Component$
|
|
2138
|
+
var JobFooterCard = Component$24;
|
|
2127
2139
|
|
|
2128
|
-
var styles$
|
|
2140
|
+
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"};
|
|
2129
2141
|
|
|
2130
|
-
var Component$
|
|
2142
|
+
var Component$23 = function (_a) {
|
|
2131
2143
|
var name = _a.name, score = _a.score;
|
|
2132
2144
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2133
2145
|
var skillRef = useRef(null);
|
|
@@ -2163,21 +2175,21 @@ var Component$22 = function (_a) {
|
|
|
2163
2175
|
4: 'four'
|
|
2164
2176
|
};
|
|
2165
2177
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2166
|
-
var fillAnimation = animationApplied ? styles$
|
|
2167
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2168
|
-
React.createElement("div", { className: styles$
|
|
2178
|
+
var fillAnimation = animationApplied ? styles$1T[levelClass] : '';
|
|
2179
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1T['magneto-ui-skill'] },
|
|
2180
|
+
React.createElement("div", { className: styles$1T['magneto-ui-skill__wrapper'] },
|
|
2169
2181
|
React.createElement("p", null, name),
|
|
2170
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2182
|
+
React.createElement("div", { className: "".concat(styles$1T['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1T['magneto-ui-skill--no-animation']) }))));
|
|
2171
2183
|
};
|
|
2172
|
-
var Skill = Component$
|
|
2184
|
+
var Skill = Component$23;
|
|
2173
2185
|
|
|
2174
|
-
var styles$
|
|
2186
|
+
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"};
|
|
2175
2187
|
|
|
2176
|
-
var Component$
|
|
2188
|
+
var Component$22 = function (_a) {
|
|
2177
2189
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2178
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2190
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1S['magneto-ui-job-skills-card'] },
|
|
2179
2191
|
React.createElement("p", null, offerSkillsLabel),
|
|
2180
|
-
React.createElement("div", { className: styles$
|
|
2192
|
+
React.createElement("div", { className: styles$1S['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2181
2193
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2182
2194
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2183
2195
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2186,9 +2198,9 @@ var Component$21 = function (_a) {
|
|
|
2186
2198
|
/**
|
|
2187
2199
|
* UI Molecule component of Job Skills Card
|
|
2188
2200
|
*/
|
|
2189
|
-
var JobSkillsCard = Component$
|
|
2201
|
+
var JobSkillsCard = Component$22;
|
|
2190
2202
|
|
|
2191
|
-
var styles$
|
|
2203
|
+
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"};
|
|
2192
2204
|
|
|
2193
2205
|
var JobVideo = function (_a) {
|
|
2194
2206
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2203,13 +2215,13 @@ var JobVideo = function (_a) {
|
|
|
2203
2215
|
setLoadVideo && setLoadVideo(false);
|
|
2204
2216
|
}
|
|
2205
2217
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2206
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2218
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1R[videoClassName] })) : (React.createElement("div", { className: styles$1R['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2207
2219
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2208
2220
|
};
|
|
2209
2221
|
|
|
2210
2222
|
var style$N = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2211
2223
|
|
|
2212
|
-
var Component$
|
|
2224
|
+
var Component$21 = function (_a) {
|
|
2213
2225
|
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;
|
|
2214
2226
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$N['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2215
2227
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2217,11 +2229,11 @@ var Component$20 = function (_a) {
|
|
|
2217
2229
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2218
2230
|
})));
|
|
2219
2231
|
};
|
|
2220
|
-
var ListIconLink = Component$
|
|
2232
|
+
var ListIconLink = Component$21;
|
|
2221
2233
|
|
|
2222
2234
|
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"};
|
|
2223
2235
|
|
|
2224
|
-
var Component$
|
|
2236
|
+
var Component$20 = function (_a) {
|
|
2225
2237
|
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;
|
|
2226
2238
|
var menuActive = isActive ? style$M['isActive'] : '';
|
|
2227
2239
|
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$M['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2230,41 +2242,44 @@ var Component$1$ = function (_a) {
|
|
|
2230
2242
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2231
2243
|
React.createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2232
2244
|
};
|
|
2233
|
-
var MenuIcon = Component$
|
|
2245
|
+
var MenuIcon = Component$20;
|
|
2234
2246
|
|
|
2235
2247
|
var style$L = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2236
2248
|
|
|
2237
|
-
var
|
|
2238
|
-
|
|
2249
|
+
var getIcons = function (iconName) {
|
|
2250
|
+
if (!iconName || !(iconName in megaMenuUserLoggedIcons))
|
|
2251
|
+
return null;
|
|
2252
|
+
return megaMenuUserLoggedIcons[iconName];
|
|
2253
|
+
};
|
|
2254
|
+
|
|
2255
|
+
var Component$1$ = function (_a) {
|
|
2256
|
+
var menuItems1440 = _a.menuItems1440, haveGif = _a.haveGif, urlParam = _a.urlParam, menuItems = _a.menuItems, logout = _a.logout;
|
|
2239
2257
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2240
|
-
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
2241
2258
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
2242
2259
|
return (React.createElement("div", { className: style$L['mangeto-ui-list-menu-icons'] },
|
|
2243
|
-
React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 :
|
|
2244
|
-
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
React.createElement(MenuIcon, { type: "button", onClick: onClickSettings, icon: Setting2, text: settingsText })),
|
|
2255
|
-
React.createElement(Divider, null),
|
|
2260
|
+
React.createElement("div", null, userMenu === null || userMenu === void 0 ? void 0 : userMenu.map(function (_a, i) {
|
|
2261
|
+
var _b = _a.title, title = _b === void 0 ? '' : _b, items = _a.items;
|
|
2262
|
+
return (React.createElement("div", { key: i },
|
|
2263
|
+
React.createElement("p", null, title ? title : null),
|
|
2264
|
+
items.map(function (_a, i) {
|
|
2265
|
+
var slug = _a.slug, icon = _a.icon, props = __rest(_a, ["slug", "icon"]);
|
|
2266
|
+
return (React.createElement(Fragment, { key: i },
|
|
2267
|
+
React.createElement(MenuIcon, __assign({ icon: icon && icon in megaMenuUserLoggedIcons ? getIcons(icon) : icon, isActive: Array.isArray(slug) ? slug.includes(urlParam) : urlParam === slug }, props))));
|
|
2268
|
+
}),
|
|
2269
|
+
React.createElement(Divider, { spacing: 30 })));
|
|
2270
|
+
})),
|
|
2256
2271
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2257
2272
|
};
|
|
2258
|
-
var ListMenuIcons = Component$
|
|
2273
|
+
var ListMenuIcons = Component$1$;
|
|
2259
2274
|
|
|
2260
|
-
var Component$
|
|
2275
|
+
var Component$1_ = function (_a) {
|
|
2261
2276
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2262
2277
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2263
2278
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2264
2279
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2265
2280
|
})));
|
|
2266
2281
|
};
|
|
2267
|
-
var ListMenuItems = Component$
|
|
2282
|
+
var ListMenuItems = Component$1_;
|
|
2268
2283
|
|
|
2269
2284
|
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"};
|
|
2270
2285
|
|
|
@@ -2307,16 +2322,16 @@ var MagnetoResolution = function (_a) {
|
|
|
2307
2322
|
React.createElement("a", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2308
2323
|
};
|
|
2309
2324
|
|
|
2310
|
-
var styles$
|
|
2325
|
+
var styles$1Q = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2311
2326
|
|
|
2312
2327
|
var Image = function (_a) {
|
|
2313
2328
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2314
2329
|
return (React.createElement(React.Fragment, null,
|
|
2315
2330
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2316
|
-
playIcon && React.createElement("div", { className: styles$
|
|
2331
|
+
playIcon && React.createElement("div", { className: styles$1Q['magneto-ui-play-button'] }, playIcon)));
|
|
2317
2332
|
};
|
|
2318
2333
|
|
|
2319
|
-
var styles$
|
|
2334
|
+
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"};
|
|
2320
2335
|
|
|
2321
2336
|
var MegaMenuCard = function (_a) {
|
|
2322
2337
|
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;
|
|
@@ -2326,19 +2341,19 @@ var MegaMenuCard = function (_a) {
|
|
|
2326
2341
|
onClick();
|
|
2327
2342
|
}
|
|
2328
2343
|
}, [onClick]);
|
|
2329
|
-
var rigthArrow = (React.createElement("div", { className: styles$
|
|
2344
|
+
var rigthArrow = (React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__arrow"] },
|
|
2330
2345
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
2331
2346
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
2332
2347
|
md: rigthArrow
|
|
2333
2348
|
});
|
|
2334
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
2335
|
-
icon && (React.createElement("div", { className: styles$
|
|
2349
|
+
return (React.createElement("a", { className: "".concat(styles$1P["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2350
|
+
icon && (React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__icon"] },
|
|
2336
2351
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2337
|
-
logo && (React.createElement("div", { className: styles$
|
|
2338
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
2339
|
-
React.createElement("div", { className: styles$
|
|
2340
|
-
React.createElement("div", { className: styles$
|
|
2341
|
-
React.createElement("div", { className: styles$
|
|
2352
|
+
logo && (React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__logo"] },
|
|
2353
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1P["magneto-ui-mega-menu-card__logo"] }))),
|
|
2354
|
+
React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__content"] },
|
|
2355
|
+
React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__title"] }, title),
|
|
2356
|
+
React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
2342
2357
|
maximumFractionDigits: 3
|
|
2343
2358
|
}), " cupos"))),
|
|
2344
2359
|
arrow));
|
|
@@ -2354,7 +2369,22 @@ var initialContext = {
|
|
|
2354
2369
|
jobsProps: {
|
|
2355
2370
|
tabs: []
|
|
2356
2371
|
},
|
|
2357
|
-
mainHeaderProps: {}
|
|
2372
|
+
mainHeaderProps: {},
|
|
2373
|
+
listMenuUserProps: {
|
|
2374
|
+
urlParam: '',
|
|
2375
|
+
menuItems: [],
|
|
2376
|
+
menuItems1440: [],
|
|
2377
|
+
logout: {
|
|
2378
|
+
logoutText: '',
|
|
2379
|
+
onClick: function () { return ({}); }
|
|
2380
|
+
},
|
|
2381
|
+
settings: {
|
|
2382
|
+
settingsText: '',
|
|
2383
|
+
onClick: function () { return ({}); }
|
|
2384
|
+
},
|
|
2385
|
+
profileImage: {},
|
|
2386
|
+
isAuthenticated: false
|
|
2387
|
+
}
|
|
2358
2388
|
};
|
|
2359
2389
|
var MegaMenuContext = createContext(initialContext);
|
|
2360
2390
|
var MegaMenuProvider = function (_a) {
|
|
@@ -2374,10 +2404,14 @@ var useMegaMenuMain = function () {
|
|
|
2374
2404
|
var mainHeaderProps = useContext(MegaMenuContext).mainHeaderProps;
|
|
2375
2405
|
return mainHeaderProps;
|
|
2376
2406
|
};
|
|
2407
|
+
var useLoggedInUser = function () {
|
|
2408
|
+
var listMenuUserProps = useContext(MegaMenuContext).listMenuUserProps;
|
|
2409
|
+
return listMenuUserProps;
|
|
2410
|
+
};
|
|
2377
2411
|
|
|
2378
|
-
var styles$
|
|
2412
|
+
var styles$1O = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2379
2413
|
|
|
2380
|
-
var Component$
|
|
2414
|
+
var Component$1Z = function (_a) {
|
|
2381
2415
|
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;
|
|
2382
2416
|
var handleClick = useCallback(function (event) {
|
|
2383
2417
|
if (onClick) {
|
|
@@ -2385,15 +2419,15 @@ var Component$1Y = function (_a) {
|
|
|
2385
2419
|
onClick();
|
|
2386
2420
|
}
|
|
2387
2421
|
}, [onClick]);
|
|
2388
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2389
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2390
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2391
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2422
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1O['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2423
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1O['button-link__icon'] })),
|
|
2424
|
+
buttonText && React.createElement("p", { className: styles$1O['button-link__text'] }, buttonText),
|
|
2425
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1O['button-link__icon'] }))));
|
|
2392
2426
|
};
|
|
2393
2427
|
/**
|
|
2394
2428
|
* UI Atom Component of Save Button
|
|
2395
2429
|
*/
|
|
2396
|
-
var ButtonLink = Component$
|
|
2430
|
+
var ButtonLink = Component$1Z;
|
|
2397
2431
|
|
|
2398
2432
|
var MegaMenuJobsTabs = function () {
|
|
2399
2433
|
var _a, _b;
|
|
@@ -2421,7 +2455,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2421
2455
|
React.createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2422
2456
|
};
|
|
2423
2457
|
|
|
2424
|
-
var styles$
|
|
2458
|
+
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"};
|
|
2425
2459
|
|
|
2426
2460
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2427
2461
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2440,12 +2474,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
2440
2474
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2441
2475
|
}, [showContent]);
|
|
2442
2476
|
return (React.createElement(React.Fragment, null,
|
|
2443
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2444
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2445
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2446
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2447
|
-
React.createElement("div", { className: styles$
|
|
2448
|
-
React.createElement("div", { className: styles$
|
|
2477
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1N["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2478
|
+
React.createElement("p", { className: "".concat(styles$1N["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2479
|
+
React.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 }))),
|
|
2480
|
+
React.createElement("div", { className: "".concat(styles$1N["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1N["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2481
|
+
React.createElement("div", { className: styles$1N["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2482
|
+
React.createElement("div", { className: styles$1N["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2449
2483
|
event.stopPropagation();
|
|
2450
2484
|
} }, children))));
|
|
2451
2485
|
};
|
|
@@ -2470,17 +2504,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2470
2504
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$G["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2471
2505
|
};
|
|
2472
2506
|
|
|
2473
|
-
var styles$
|
|
2507
|
+
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"};
|
|
2474
2508
|
|
|
2475
2509
|
var MenuSearch = function (_a) {
|
|
2476
2510
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2477
2511
|
var onBlur = useCallback(function () {
|
|
2478
2512
|
handleOnBlur && handleOnBlur();
|
|
2479
2513
|
}, [handleOnBlur]);
|
|
2480
|
-
return (React.createElement("div", { className: styles$
|
|
2481
|
-
React.createElement("div", { className: styles$
|
|
2514
|
+
return (React.createElement("div", { className: styles$1M['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2515
|
+
React.createElement("div", { className: styles$1M['magneto-ui-menu-search_container'] },
|
|
2482
2516
|
children,
|
|
2483
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2517
|
+
React.createElement("div", { className: "".concat(styles$1M['magneto-ui-menu-search_content'], " ").concat(show && styles$1M.open) }, content))));
|
|
2484
2518
|
};
|
|
2485
2519
|
|
|
2486
2520
|
var iconByType = {
|
|
@@ -2491,9 +2525,9 @@ var iconByType = {
|
|
|
2491
2525
|
};
|
|
2492
2526
|
var transitionDuration = 300;
|
|
2493
2527
|
|
|
2494
|
-
var styles$
|
|
2528
|
+
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"};
|
|
2495
2529
|
|
|
2496
|
-
var Component$
|
|
2530
|
+
var Component$1Y = function (_a) {
|
|
2497
2531
|
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;
|
|
2498
2532
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2499
2533
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2505,7 +2539,7 @@ var Component$1X = function (_a) {
|
|
|
2505
2539
|
}); }, []);
|
|
2506
2540
|
var containerStyles = useMemo(function () {
|
|
2507
2541
|
return CNM.get({
|
|
2508
|
-
styles: styles$
|
|
2542
|
+
styles: styles$1L,
|
|
2509
2543
|
cls: [
|
|
2510
2544
|
'message__container',
|
|
2511
2545
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2513,7 +2547,7 @@ var Component$1X = function (_a) {
|
|
|
2513
2547
|
]
|
|
2514
2548
|
});
|
|
2515
2549
|
}, [type, toggleAnimation]);
|
|
2516
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2550
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1L, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2517
2551
|
useEffect(function () {
|
|
2518
2552
|
if (!localVisible)
|
|
2519
2553
|
return;
|
|
@@ -2545,9 +2579,9 @@ var Component$1X = function (_a) {
|
|
|
2545
2579
|
setIsAnimating(visible);
|
|
2546
2580
|
}, [isAnimating, visible]);
|
|
2547
2581
|
return localVisible
|
|
2548
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2582
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1L, cls: [className] }) },
|
|
2549
2583
|
React.createElement("div", { className: containerStyles },
|
|
2550
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2584
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1L, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2551
2585
|
React.createElement("div", null,
|
|
2552
2586
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2553
2587
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2556,13 +2590,13 @@ var Component$1X = function (_a) {
|
|
|
2556
2590
|
/**
|
|
2557
2591
|
* Molecule UI component for Message
|
|
2558
2592
|
*/
|
|
2559
|
-
var Message = Component$
|
|
2593
|
+
var Message = Component$1Y;
|
|
2560
2594
|
|
|
2561
|
-
var styles$
|
|
2595
|
+
var styles$1K = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2562
2596
|
|
|
2563
|
-
var Component$
|
|
2597
|
+
var Component$1X = function (_a) {
|
|
2564
2598
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2565
|
-
return (React.createElement("div", { className: styles$
|
|
2599
|
+
return (React.createElement("div", { className: styles$1K['magneto-ui-mobile-job-details-header'] },
|
|
2566
2600
|
React.createElement("button", { onClick: onClick },
|
|
2567
2601
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2568
2602
|
React.createElement("p", null, returnText)));
|
|
@@ -2570,11 +2604,11 @@ var Component$1W = function (_a) {
|
|
|
2570
2604
|
/**
|
|
2571
2605
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2572
2606
|
*/
|
|
2573
|
-
var MobileJobDetailsHeader = Component$
|
|
2607
|
+
var MobileJobDetailsHeader = Component$1X;
|
|
2574
2608
|
|
|
2575
|
-
var styles$
|
|
2609
|
+
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"};
|
|
2576
2610
|
|
|
2577
|
-
var Component$
|
|
2611
|
+
var Component$1W = function (_a) {
|
|
2578
2612
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2579
2613
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2580
2614
|
var searchInputRef = useRef(null);
|
|
@@ -2596,20 +2630,20 @@ var Component$1V = function (_a) {
|
|
|
2596
2630
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2597
2631
|
}
|
|
2598
2632
|
}, [focusSearchInput]);
|
|
2599
|
-
return (React.createElement("div", { className: styles$
|
|
2633
|
+
return (React.createElement("div", { className: styles$1J.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2600
2634
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2601
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2602
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2635
|
+
searchValue && React.createElement("div", { className: styles$1J['search-badge'] }),
|
|
2636
|
+
React.createElement(MainButton, __assign({ className: styles$1J['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2603
2637
|
React.createElement("label", { htmlFor: "search" }),
|
|
2604
2638
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2605
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2639
|
+
React.createElement(MainButton, __assign({ className: styles$1J['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2606
2640
|
};
|
|
2607
2641
|
/**
|
|
2608
2642
|
* Molecule UI component for MobileSearchbar
|
|
2609
2643
|
*/
|
|
2610
|
-
var MobileSearchbar = Component$
|
|
2644
|
+
var MobileSearchbar = Component$1W;
|
|
2611
2645
|
|
|
2612
|
-
var styles$
|
|
2646
|
+
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"};
|
|
2613
2647
|
|
|
2614
2648
|
var Modal = function (_a) {
|
|
2615
2649
|
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;
|
|
@@ -2622,49 +2656,49 @@ var Modal = function (_a) {
|
|
|
2622
2656
|
if (!isOpen)
|
|
2623
2657
|
return null;
|
|
2624
2658
|
return (React.createElement(Fragment, null,
|
|
2625
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2626
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2627
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2659
|
+
React.createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2660
|
+
title ? React.createElement("h2", { className: "".concat(styles$1I["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2661
|
+
description ? React.createElement("p", { className: "".concat(styles$1I["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2628
2662
|
children,
|
|
2629
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2663
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1I["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2630
2664
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2631
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2665
|
+
React.createElement("span", { className: "".concat(styles$1I["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2632
2666
|
};
|
|
2633
2667
|
var Title = function (_a) {
|
|
2634
2668
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2635
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2669
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1I["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2636
2670
|
};
|
|
2637
2671
|
var Description = function (_a) {
|
|
2638
2672
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2639
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2673
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1I["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2640
2674
|
};
|
|
2641
2675
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2642
2676
|
|
|
2643
|
-
var Component$
|
|
2677
|
+
var Component$1V = function (_a) {
|
|
2644
2678
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2645
2679
|
var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2646
2680
|
md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2647
2681
|
});
|
|
2648
2682
|
return container;
|
|
2649
2683
|
};
|
|
2650
|
-
var ModalResponsive = Component$
|
|
2684
|
+
var ModalResponsive = Component$1V;
|
|
2651
2685
|
|
|
2652
|
-
var styles$
|
|
2686
|
+
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"};
|
|
2653
2687
|
|
|
2654
2688
|
var BtnPagination = function (_a) {
|
|
2655
2689
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2656
2690
|
var displayContent = useMemo(function () {
|
|
2657
2691
|
if (loading && value && current === value)
|
|
2658
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2692
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1H['magneto-ui-btn-pagination_spinner'] });
|
|
2659
2693
|
return value;
|
|
2660
2694
|
}, [loading, current, value]);
|
|
2661
2695
|
var pageQueryParam = 'paginator[page]=';
|
|
2662
2696
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2663
2697
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2664
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2665
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2698
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1H['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2699
|
+
React.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 },
|
|
2666
2700
|
displayContent,
|
|
2667
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2701
|
+
displayIcon))) : (React.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 },
|
|
2668
2702
|
displayContent,
|
|
2669
2703
|
displayIcon))));
|
|
2670
2704
|
};
|
|
@@ -2715,7 +2749,7 @@ var createPagination = function (_a) {
|
|
|
2715
2749
|
};
|
|
2716
2750
|
};
|
|
2717
2751
|
|
|
2718
|
-
var styles$
|
|
2752
|
+
var styles$1G = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2719
2753
|
|
|
2720
2754
|
var Pagination = function (_a) {
|
|
2721
2755
|
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;
|
|
@@ -2734,16 +2768,16 @@ var Pagination = function (_a) {
|
|
|
2734
2768
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2735
2769
|
if (total <= pageSize)
|
|
2736
2770
|
return React.createElement(Fragment, null);
|
|
2737
|
-
return (React.createElement("div", { className: styles$
|
|
2771
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-pagination'] },
|
|
2738
2772
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2739
2773
|
React.createElement("ul", null,
|
|
2740
2774
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2741
2775
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2742
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2776
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1G['magneto-ui-pagination_ellipsis'] }))),
|
|
2743
2777
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2744
2778
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2745
2779
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2746
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2780
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1G['magneto-ui-pagination_ellipsis'] }),
|
|
2747
2781
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2748
2782
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2749
2783
|
};
|
|
@@ -2763,9 +2797,9 @@ var generateID = function () {
|
|
|
2763
2797
|
return uniqueID;
|
|
2764
2798
|
};
|
|
2765
2799
|
|
|
2766
|
-
var styles$
|
|
2800
|
+
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"};
|
|
2767
2801
|
|
|
2768
|
-
var Component$
|
|
2802
|
+
var Component$1U = function (_a) {
|
|
2769
2803
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2770
2804
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2771
2805
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2793,19 +2827,19 @@ var Component$1T = function (_a) {
|
|
|
2793
2827
|
}
|
|
2794
2828
|
return { backgroundColor: '#c4c4c4' };
|
|
2795
2829
|
}, [color, score, spanHover]);
|
|
2796
|
-
return (React.createElement("div", { className: styles$
|
|
2830
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-score-level'] },
|
|
2797
2831
|
React.createElement("p", null, name),
|
|
2798
|
-
React.createElement("div", { className: styles$
|
|
2832
|
+
React.createElement("div", { className: styles$1F['magneto-ui-score-level__summary'] },
|
|
2799
2833
|
React.createElement("div", null, levels.map(function (_, index) { return (React.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); } })); })),
|
|
2800
2834
|
React.createElement("p", null, labelScore)),
|
|
2801
|
-
React.createElement("button", { className: styles$
|
|
2835
|
+
React.createElement("button", { className: styles$1F['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2802
2836
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2803
2837
|
};
|
|
2804
|
-
var ScoreLevel = Component$
|
|
2838
|
+
var ScoreLevel = Component$1U;
|
|
2805
2839
|
|
|
2806
|
-
var styles$
|
|
2840
|
+
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"};
|
|
2807
2841
|
|
|
2808
|
-
var Component$
|
|
2842
|
+
var Component$1T = function (_a) {
|
|
2809
2843
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2810
2844
|
var labelScore = useMemo(function () {
|
|
2811
2845
|
return levels[scoreValue - 1];
|
|
@@ -2820,17 +2854,17 @@ var Component$1S = function (_a) {
|
|
|
2820
2854
|
}
|
|
2821
2855
|
return { backgroundColor: '#c4c4c4' };
|
|
2822
2856
|
}, [color, scoreValue]);
|
|
2823
|
-
return (React.createElement("div", { className: styles$
|
|
2857
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui-score-level'] },
|
|
2824
2858
|
React.createElement("p", null, name),
|
|
2825
|
-
React.createElement("div", { className: styles$
|
|
2859
|
+
React.createElement("div", { className: styles$1E['magneto-ui-score-level__summary'] },
|
|
2826
2860
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2827
2861
|
React.createElement("p", null, labelScore))));
|
|
2828
2862
|
};
|
|
2829
|
-
var ScoreLevelStatic = Component$
|
|
2863
|
+
var ScoreLevelStatic = Component$1T;
|
|
2830
2864
|
|
|
2831
|
-
var styles$
|
|
2865
|
+
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"};
|
|
2832
2866
|
|
|
2833
|
-
var Component$
|
|
2867
|
+
var Component$1S = function (_a) {
|
|
2834
2868
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2835
2869
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2836
2870
|
useEffect(function () {
|
|
@@ -2846,32 +2880,32 @@ var Component$1R = function (_a) {
|
|
|
2846
2880
|
setSearchValue('');
|
|
2847
2881
|
onSearch('');
|
|
2848
2882
|
};
|
|
2849
|
-
return (React.createElement("div", { className: styles$
|
|
2883
|
+
return (React.createElement("div", { className: styles$1D.SearchbarComponent },
|
|
2850
2884
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2851
2885
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2852
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2853
|
-
React.createElement("div", { className: styles$
|
|
2886
|
+
searchValue && React.createElement("div", { className: styles$1D['SearchbarComponent__badge'] }),
|
|
2887
|
+
React.createElement("div", { className: styles$1D['magneto-ui-searchbar-buttons'] },
|
|
2854
2888
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2855
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2889
|
+
React.createElement(MainButton, __assign({ className: styles$1D['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2856
2890
|
React.createElement("span", null, "|"))),
|
|
2857
2891
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2858
2892
|
};
|
|
2859
2893
|
/**
|
|
2860
2894
|
* UI Molecule of a searchbar
|
|
2861
2895
|
*/
|
|
2862
|
-
var Searchbar = Component$
|
|
2896
|
+
var Searchbar = Component$1S;
|
|
2863
2897
|
|
|
2864
|
-
var styles$
|
|
2898
|
+
var styles$1C = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2865
2899
|
|
|
2866
|
-
var Component$
|
|
2900
|
+
var Component$1R = function (_a) {
|
|
2867
2901
|
var props = __rest(_a, []);
|
|
2868
|
-
return (React.createElement("div", { className: styles$
|
|
2869
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2902
|
+
return (React.createElement("div", { className: styles$1C['search-button'] },
|
|
2903
|
+
props.searchValue && React.createElement("div", { className: styles$1C['search-button__badge'] }),
|
|
2870
2904
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2871
2905
|
};
|
|
2872
|
-
var SearchButton = Component$
|
|
2906
|
+
var SearchButton = Component$1R;
|
|
2873
2907
|
|
|
2874
|
-
var styles$
|
|
2908
|
+
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"};
|
|
2875
2909
|
|
|
2876
2910
|
var SimilarJobsCard = function (_a) {
|
|
2877
2911
|
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;
|
|
@@ -2881,12 +2915,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2881
2915
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2882
2916
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2883
2917
|
}, [cities, salary, experience]);
|
|
2884
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2885
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2918
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2919
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2886
2920
|
React.createElement("div", null,
|
|
2887
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2888
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2889
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2921
|
+
React.createElement("p", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2922
|
+
React.createElement("p", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2923
|
+
React.createElement(IconItem, { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2890
2924
|
};
|
|
2891
2925
|
|
|
2892
2926
|
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"};
|
|
@@ -2908,7 +2942,7 @@ var SortMenu = function (_a) {
|
|
|
2908
2942
|
};
|
|
2909
2943
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2910
2944
|
|
|
2911
|
-
var styles$
|
|
2945
|
+
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"};
|
|
2912
2946
|
|
|
2913
2947
|
var TextArea = function (_a) {
|
|
2914
2948
|
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"]);
|
|
@@ -2934,15 +2968,15 @@ var TextArea = function (_a) {
|
|
|
2934
2968
|
return;
|
|
2935
2969
|
setShowPlaceholder(scrollTop === 0);
|
|
2936
2970
|
}, [showPlaceholder]);
|
|
2937
|
-
return (React.createElement("div", { className: styles$
|
|
2938
|
-
React.createElement("div", { className: styles$
|
|
2971
|
+
return (React.createElement("div", { className: styles$1A["".concat(classMUI, "-text-area")] },
|
|
2972
|
+
React.createElement("div", { className: styles$1A["".concat(classMUI, "-text-area--container")] },
|
|
2939
2973
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2940
2974
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2941
2975
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2942
|
-
}, className: styles$
|
|
2943
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2944
|
-
React.createElement("div", { className: styles$
|
|
2945
|
-
React.createElement("span", { className: styles$
|
|
2976
|
+
}, className: styles$1A["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2977
|
+
React.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 }))),
|
|
2978
|
+
React.createElement("div", { className: styles$1A["".concat(classMUI, "-text-area__footer")] },
|
|
2979
|
+
React.createElement("span", { className: styles$1A["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2946
2980
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2947
2981
|
};
|
|
2948
2982
|
|
|
@@ -2953,7 +2987,7 @@ var timelineIcons = {
|
|
|
2953
2987
|
current: Clock,
|
|
2954
2988
|
blocked: Lock
|
|
2955
2989
|
};
|
|
2956
|
-
var Component$
|
|
2990
|
+
var Component$1Q = function (_a) {
|
|
2957
2991
|
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;
|
|
2958
2992
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2959
2993
|
var titleStyle = style$D["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2966,11 +3000,11 @@ var Component$1P = function (_a) {
|
|
|
2966
3000
|
React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2967
3001
|
React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2968
3002
|
};
|
|
2969
|
-
var TimelineEvent = Component$
|
|
3003
|
+
var TimelineEvent = Component$1Q;
|
|
2970
3004
|
|
|
2971
|
-
var styles$
|
|
3005
|
+
var styles$1z = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2972
3006
|
|
|
2973
|
-
var Component$
|
|
3007
|
+
var Component$1P = function (_a) {
|
|
2974
3008
|
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;
|
|
2975
3009
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2976
3010
|
useEffect(function () {
|
|
@@ -2993,19 +3027,19 @@ var Component$1O = function (_a) {
|
|
|
2993
3027
|
}
|
|
2994
3028
|
return false;
|
|
2995
3029
|
};
|
|
2996
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
3030
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1z['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2997
3031
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2998
3032
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2999
3033
|
})));
|
|
3000
3034
|
};
|
|
3001
|
-
var ToggleButtonList = Component$
|
|
3035
|
+
var ToggleButtonList = Component$1P;
|
|
3002
3036
|
|
|
3003
|
-
var Component$
|
|
3037
|
+
var Component$1O = function (_a) {
|
|
3004
3038
|
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;
|
|
3005
3039
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
3006
3040
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3007
3041
|
};
|
|
3008
|
-
var UserMenu = withClickOut(Component$
|
|
3042
|
+
var UserMenu = withClickOut(Component$1O);
|
|
3009
3043
|
|
|
3010
3044
|
var userMenuAnalystIcons = {
|
|
3011
3045
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -3019,11 +3053,11 @@ var userMenuAnalystIcons = {
|
|
|
3019
3053
|
rateUsHelp: Messages2BlackOutline
|
|
3020
3054
|
};
|
|
3021
3055
|
|
|
3022
|
-
var styles$
|
|
3056
|
+
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"};
|
|
3023
3057
|
|
|
3024
|
-
var styles$
|
|
3058
|
+
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"};
|
|
3025
3059
|
|
|
3026
|
-
var Component$
|
|
3060
|
+
var Component$1N = function (_a) {
|
|
3027
3061
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3028
3062
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
3029
3063
|
var handleOnClick = useCallback(function () {
|
|
@@ -3037,12 +3071,12 @@ var Component$1M = function (_a) {
|
|
|
3037
3071
|
}
|
|
3038
3072
|
}, [handleModal, handleMenuOpen, option]);
|
|
3039
3073
|
return (React.createElement("span", { className: CNM.get({
|
|
3040
|
-
styles: styles$
|
|
3074
|
+
styles: styles$1x,
|
|
3041
3075
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
3042
3076
|
}) },
|
|
3043
3077
|
prefix,
|
|
3044
3078
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
3045
|
-
styles: styles$
|
|
3079
|
+
styles: styles$1x,
|
|
3046
3080
|
cls: ['user-menu-analyst-option-default__container']
|
|
3047
3081
|
}), 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 }),
|
|
3048
3082
|
suffix));
|
|
@@ -3050,31 +3084,31 @@ var Component$1M = function (_a) {
|
|
|
3050
3084
|
/**
|
|
3051
3085
|
* Molecule UI great-grand child component of menu dropdown
|
|
3052
3086
|
*/
|
|
3053
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
3087
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1N);
|
|
3054
3088
|
|
|
3055
|
-
var styles$
|
|
3089
|
+
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"};
|
|
3056
3090
|
|
|
3057
|
-
var Component$
|
|
3091
|
+
var Component$1M = function (_a) {
|
|
3058
3092
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3059
3093
|
return (React.createElement("span", { className: CNM.get({
|
|
3060
|
-
styles: styles$
|
|
3094
|
+
styles: styles$1w,
|
|
3061
3095
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
3062
3096
|
}) },
|
|
3063
3097
|
prefix,
|
|
3064
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
3098
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
3065
3099
|
suffix));
|
|
3066
3100
|
};
|
|
3067
3101
|
/**
|
|
3068
3102
|
* Molecule UI great-grand child component of menu dropdown
|
|
3069
3103
|
*/
|
|
3070
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
3104
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1M);
|
|
3071
3105
|
|
|
3072
|
-
var styles$
|
|
3106
|
+
var styles$1v = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
3073
3107
|
|
|
3074
|
-
var Component$
|
|
3108
|
+
var Component$1L = function (_a) {
|
|
3075
3109
|
var option = _a.option, className = _a.className;
|
|
3076
3110
|
return (React.createElement("span", { className: CNM.get({
|
|
3077
|
-
styles: styles$
|
|
3111
|
+
styles: styles$1v,
|
|
3078
3112
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3079
3113
|
}) },
|
|
3080
3114
|
React.createElement("p", null, option.title)));
|
|
@@ -3082,9 +3116,9 @@ var Component$1K = function (_a) {
|
|
|
3082
3116
|
/**
|
|
3083
3117
|
* Molecule UI great-grand child component of menu dropdown
|
|
3084
3118
|
*/
|
|
3085
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
3119
|
+
var UserMenuAnalystOptionText = React.memo(Component$1L);
|
|
3086
3120
|
|
|
3087
|
-
var Component$
|
|
3121
|
+
var Component$1K = function (_a) {
|
|
3088
3122
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
3089
3123
|
return (React.createElement(React.Fragment, null, actions.map(function (action, index) { return (React.createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
3090
3124
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3104,7 +3138,7 @@ var Action = function (_a) {
|
|
|
3104
3138
|
/**
|
|
3105
3139
|
* Molecule UI great-grand child component of menu dropdown
|
|
3106
3140
|
*/
|
|
3107
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
3141
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1K);
|
|
3108
3142
|
|
|
3109
3143
|
var EUserMenuAnalystOptionType;
|
|
3110
3144
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3130,28 +3164,28 @@ var optionTypes = (_b = {},
|
|
|
3130
3164
|
_b);
|
|
3131
3165
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3132
3166
|
|
|
3133
|
-
var styles$
|
|
3167
|
+
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"};
|
|
3134
3168
|
|
|
3135
|
-
var Component$
|
|
3169
|
+
var Component$1J = function (_a) {
|
|
3136
3170
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3137
3171
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3138
3172
|
return (React.createElement("div", null,
|
|
3139
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3173
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3140
3174
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
3141
3175
|
React.createElement("span", { className: CNM.get({
|
|
3142
|
-
styles: styles$
|
|
3176
|
+
styles: styles$1u,
|
|
3143
3177
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3144
3178
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3145
3179
|
React.createElement("span", { className: CNM.get({
|
|
3146
|
-
styles: styles$
|
|
3180
|
+
styles: styles$1u,
|
|
3147
3181
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3148
3182
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3149
3183
|
};
|
|
3150
|
-
var UserMenuAnalystTitle = Component$
|
|
3184
|
+
var UserMenuAnalystTitle = Component$1J;
|
|
3151
3185
|
|
|
3152
|
-
var styles$
|
|
3186
|
+
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"};
|
|
3153
3187
|
|
|
3154
|
-
var Component$
|
|
3188
|
+
var Component$1I = function (_a) {
|
|
3155
3189
|
var _b;
|
|
3156
3190
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3157
3191
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3177,13 +3211,13 @@ var Component$1H = function (_a) {
|
|
|
3177
3211
|
var OptionType = getOptionType(option.type);
|
|
3178
3212
|
if (!OptionType)
|
|
3179
3213
|
return null;
|
|
3180
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3181
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3214
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__object'] }) },
|
|
3215
|
+
React.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.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3182
3216
|
}
|
|
3183
|
-
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3217
|
+
return (React.createElement(MenuDropdown, { title: React.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: {
|
|
3184
3218
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3185
3219
|
}, className: CNM.get({
|
|
3186
|
-
styles: styles$
|
|
3220
|
+
styles: styles$1t,
|
|
3187
3221
|
cls: [
|
|
3188
3222
|
'user-menu-analyst-option__dropdown',
|
|
3189
3223
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3192,8 +3226,8 @@ var Component$1H = function (_a) {
|
|
|
3192
3226
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3193
3227
|
var _a;
|
|
3194
3228
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3195
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3196
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
3229
|
+
item.title && (React.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 :
|
|
3230
|
+
_a.map(function (child, j) { return (React.createElement(Component$1I, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3197
3231
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3198
3232
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3199
3233
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3202,27 +3236,27 @@ var Component$1H = function (_a) {
|
|
|
3202
3236
|
/**
|
|
3203
3237
|
* Molecule UI grand child component of menu dropdown
|
|
3204
3238
|
*/
|
|
3205
|
-
var UserMenuAnalystOption = Component$
|
|
3239
|
+
var UserMenuAnalystOption = Component$1I;
|
|
3206
3240
|
|
|
3207
|
-
var Component$
|
|
3241
|
+
var Component$1H = function (_a) {
|
|
3208
3242
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3209
3243
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3210
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3244
|
+
return (React.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) {
|
|
3211
3245
|
var _a;
|
|
3212
3246
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3213
3247
|
_a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3214
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3248
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1y, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3215
3249
|
React.createElement(Divider, null)))));
|
|
3216
3250
|
})));
|
|
3217
3251
|
};
|
|
3218
3252
|
/**
|
|
3219
3253
|
* Molecule UI child component of user menu analyst
|
|
3220
3254
|
*/
|
|
3221
|
-
var UserMenuAnalystOptions = Component$
|
|
3255
|
+
var UserMenuAnalystOptions = Component$1H;
|
|
3222
3256
|
|
|
3223
|
-
var styles$
|
|
3257
|
+
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"};
|
|
3224
3258
|
|
|
3225
|
-
var Component$
|
|
3259
|
+
var Component$1G = function (_a) {
|
|
3226
3260
|
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;
|
|
3227
3261
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3228
3262
|
var actionUrl = useMemo(function () {
|
|
@@ -3240,58 +3274,58 @@ var Component$1F = function (_a) {
|
|
|
3240
3274
|
: action.data;
|
|
3241
3275
|
}
|
|
3242
3276
|
}, [action, queryString]);
|
|
3243
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3244
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3245
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3277
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst'] }) },
|
|
3278
|
+
React.createElement("header", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__header'] }) },
|
|
3279
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user'] }) },
|
|
3246
3280
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3247
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3248
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3249
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3250
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3281
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info'] }) },
|
|
3282
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3283
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3284
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3251
3285
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3252
|
-
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3286
|
+
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3253
3287
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3254
|
-
styles: styles$
|
|
3288
|
+
styles: styles$1s,
|
|
3255
3289
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3256
3290
|
}), optionClassNames: {
|
|
3257
|
-
link: CNM.get({ styles: styles$
|
|
3258
|
-
dropdown: CNM.get({ styles: styles$
|
|
3291
|
+
link: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__company-link'] }),
|
|
3292
|
+
dropdown: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3259
3293
|
} }))),
|
|
3260
3294
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3261
3295
|
};
|
|
3262
3296
|
/**
|
|
3263
3297
|
* Molecule UI component for user menu
|
|
3264
3298
|
*/
|
|
3265
|
-
var UserMenuAnalyst = Component$
|
|
3299
|
+
var UserMenuAnalyst = Component$1G;
|
|
3266
3300
|
|
|
3267
|
-
var styles$
|
|
3301
|
+
var styles$1r = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3268
3302
|
|
|
3269
|
-
var Component$
|
|
3303
|
+
var Component$1F = function (_a) {
|
|
3270
3304
|
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;
|
|
3271
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3305
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3272
3306
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
3273
3307
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3274
3308
|
};
|
|
3275
3309
|
/**
|
|
3276
3310
|
* Molecule UI child component of user menu analyst wrapper
|
|
3277
3311
|
*/
|
|
3278
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3312
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1F);
|
|
3279
3313
|
|
|
3280
|
-
var styles$
|
|
3314
|
+
var styles$1q = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3281
3315
|
|
|
3282
|
-
var Component$
|
|
3316
|
+
var Component$1E = function (_a) {
|
|
3283
3317
|
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;
|
|
3284
3318
|
return (React.createElement(React.Fragment, null,
|
|
3285
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3319
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1q, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3286
3320
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3287
3321
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3288
3322
|
};
|
|
3289
3323
|
/**
|
|
3290
3324
|
* Molecule UI child component of user menu analyst wrapper
|
|
3291
3325
|
*/
|
|
3292
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3326
|
+
var UserMenuWrapperAnalystModal = Component$1E;
|
|
3293
3327
|
|
|
3294
|
-
var Component$
|
|
3328
|
+
var Component$1D = function (_a) {
|
|
3295
3329
|
var props = __rest(_a, []);
|
|
3296
3330
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3297
3331
|
useEffect(function () {
|
|
@@ -3313,21 +3347,21 @@ var Component$1C = function (_a) {
|
|
|
3313
3347
|
/**
|
|
3314
3348
|
* Molecule UI component for user menu wrapper analyst
|
|
3315
3349
|
*/
|
|
3316
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3350
|
+
var UserMenuWrapperAnalyst = Component$1D;
|
|
3317
3351
|
|
|
3318
|
-
var styles$
|
|
3352
|
+
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"};
|
|
3319
3353
|
|
|
3320
|
-
var styles$
|
|
3354
|
+
var styles$1o = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3321
3355
|
|
|
3322
|
-
var cx$
|
|
3356
|
+
var cx$J = classNames.bind(styles$1o);
|
|
3323
3357
|
var AlertJobStatusContainer = function (_a) {
|
|
3324
3358
|
var className = _a.className, children = _a.children;
|
|
3325
|
-
return React.createElement("div", { className: cx$
|
|
3359
|
+
return React.createElement("div", { className: cx$J('alert-job__content', className) }, children);
|
|
3326
3360
|
};
|
|
3327
3361
|
|
|
3328
|
-
var styles$
|
|
3362
|
+
var styles$1n = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3329
3363
|
|
|
3330
|
-
var cx$
|
|
3364
|
+
var cx$I = classNames.bind(styles$1n);
|
|
3331
3365
|
var alertIcons = {
|
|
3332
3366
|
success: Checked2,
|
|
3333
3367
|
warning: Warning3D
|
|
@@ -3336,47 +3370,58 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3336
3370
|
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;
|
|
3337
3371
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3338
3372
|
var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
|
|
3339
|
-
return (React.createElement("img", { style: customWidth, className: cx$
|
|
3373
|
+
return (React.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" }));
|
|
3340
3374
|
};
|
|
3341
3375
|
|
|
3342
|
-
var
|
|
3343
|
-
|
|
3376
|
+
var styles$1m = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
3377
|
+
|
|
3378
|
+
var cx$H = classNames.bind(styles$1m);
|
|
3379
|
+
var AlertJobStatusButton = function (_a) {
|
|
3380
|
+
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"]);
|
|
3381
|
+
return (React.createElement("button", __assign({ className: cx$H('alert-modal__button', className) }, buttonProps),
|
|
3382
|
+
React.createElement("p", null, children),
|
|
3383
|
+
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3384
|
+
};
|
|
3385
|
+
|
|
3386
|
+
var cx$G = classNames.bind(styles$1p);
|
|
3387
|
+
var Component$1C = function (_a) {
|
|
3344
3388
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3345
|
-
return React.createElement("div", { className: cx$
|
|
3389
|
+
return React.createElement("div", { className: cx$G('alert-job', className, type) }, children);
|
|
3346
3390
|
};
|
|
3347
|
-
var AlertJobStatus = Object.assign(Component$
|
|
3391
|
+
var AlertJobStatus = Object.assign(Component$1C, {
|
|
3348
3392
|
Container: AlertJobStatusContainer,
|
|
3349
3393
|
Icon: AlertJobStatusIcon,
|
|
3394
|
+
Button: AlertJobStatusButton,
|
|
3350
3395
|
Text: Text$1
|
|
3351
3396
|
});
|
|
3352
3397
|
|
|
3353
|
-
var styles$
|
|
3398
|
+
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"};
|
|
3354
3399
|
|
|
3355
|
-
var styles$
|
|
3400
|
+
var styles$1k = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3356
3401
|
|
|
3357
|
-
var cx$
|
|
3358
|
-
var Component$
|
|
3402
|
+
var cx$F = classNames.bind(styles$1k);
|
|
3403
|
+
var Component$1B = function (_a) {
|
|
3359
3404
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3360
3405
|
if (hideLogo)
|
|
3361
3406
|
return null;
|
|
3362
|
-
return (React.createElement("img", { className: cx$
|
|
3407
|
+
return (React.createElement("img", { className: cx$F("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3363
3408
|
};
|
|
3364
|
-
var SimilarCardLogo = Component$
|
|
3409
|
+
var SimilarCardLogo = Component$1B;
|
|
3365
3410
|
|
|
3366
|
-
var cx$
|
|
3367
|
-
var Component$
|
|
3411
|
+
var cx$E = classNames.bind(styles$1l);
|
|
3412
|
+
var Component$1A = function (_a) {
|
|
3368
3413
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3369
3414
|
return (React.createElement(React.Fragment, null,
|
|
3370
|
-
React.createElement(IconItem, { className: cx$
|
|
3415
|
+
React.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' })));
|
|
3371
3416
|
};
|
|
3372
|
-
var SimilarCardIcon = Component$
|
|
3417
|
+
var SimilarCardIcon = Component$1A;
|
|
3373
3418
|
|
|
3374
|
-
var cx$
|
|
3375
|
-
var Component$
|
|
3419
|
+
var cx$D = classNames.bind(styles$1l);
|
|
3420
|
+
var Component$1z = function (_a) {
|
|
3376
3421
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3377
|
-
return (React.createElement("a", { className: cx$
|
|
3422
|
+
return (React.createElement("a", { className: cx$D("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3378
3423
|
};
|
|
3379
|
-
var SimilarCard = Object.assign(Component$
|
|
3424
|
+
var SimilarCard = Object.assign(Component$1z, {
|
|
3380
3425
|
Text: Text$1,
|
|
3381
3426
|
Logo: SimilarCardLogo,
|
|
3382
3427
|
Icon: SimilarCardIcon
|
|
@@ -3413,7 +3458,7 @@ var ModalPortal = function (_a) {
|
|
|
3413
3458
|
return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
|
|
3414
3459
|
};
|
|
3415
3460
|
|
|
3416
|
-
var styles$
|
|
3461
|
+
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"};
|
|
3417
3462
|
|
|
3418
3463
|
var Notification = function (_a) {
|
|
3419
3464
|
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;
|
|
@@ -3424,25 +3469,83 @@ var Notification = function (_a) {
|
|
|
3424
3469
|
}
|
|
3425
3470
|
}, [autoCloseDuration, onClose]);
|
|
3426
3471
|
return (React.createElement(ModalPortal, null,
|
|
3427
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3428
|
-
React.createElement("div", { className: styles$
|
|
3429
|
-
React.createElement("div", { className: styles$
|
|
3430
|
-
React.createElement("button", { className: styles$
|
|
3472
|
+
React.createElement("div", { className: "".concat(styles$1j.notification, " ").concat(styles$1j[position], " ").concat(className), role: "alert" },
|
|
3473
|
+
React.createElement("div", { className: styles$1j['notification__content'] },
|
|
3474
|
+
React.createElement("div", { className: styles$1j['notification__message'] }, message),
|
|
3475
|
+
React.createElement("button", { className: styles$1j['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
3431
3476
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
3432
3477
|
extraContent && extraContent)));
|
|
3433
3478
|
};
|
|
3434
3479
|
|
|
3480
|
+
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"};
|
|
3481
|
+
|
|
3482
|
+
var cx$C = classNames.bind(styles$1i);
|
|
3483
|
+
var AlertJobModalIcon = function (_a) {
|
|
3484
|
+
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
3485
|
+
var customWidth = size ? { width: size + 'px' } : {};
|
|
3486
|
+
return (React.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" }));
|
|
3487
|
+
};
|
|
3488
|
+
|
|
3489
|
+
var cx$B = classNames.bind(styles$1i);
|
|
3490
|
+
var AlertJobModalHeader = function (_a) {
|
|
3491
|
+
var className = _a.className, children = _a.children;
|
|
3492
|
+
return React.createElement("div", { className: cx$B('alert-modal__header', className) }, children);
|
|
3493
|
+
};
|
|
3494
|
+
|
|
3495
|
+
var cx$A = classNames.bind(styles$1i);
|
|
3496
|
+
var AlertJobModalTitle = function (_a) {
|
|
3497
|
+
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
3498
|
+
return (React.createElement("div", { className: cx$A('alert-modal__title', className) },
|
|
3499
|
+
React.createElement("p", null, subtitle),
|
|
3500
|
+
React.createElement("p", null, "\u201C".concat(title, "\u201D")),
|
|
3501
|
+
children));
|
|
3502
|
+
};
|
|
3503
|
+
|
|
3504
|
+
var cx$z = classNames.bind(styles$1i);
|
|
3505
|
+
var AlertJobModalBody = function (_a) {
|
|
3506
|
+
var className = _a.className, children = _a.children;
|
|
3507
|
+
return React.createElement("div", { className: cx$z('alert-modal__body', className) }, children);
|
|
3508
|
+
};
|
|
3509
|
+
|
|
3510
|
+
var cx$y = classNames.bind(styles$1i);
|
|
3511
|
+
var AlertJobModalFooter = function (_a) {
|
|
3512
|
+
var className = _a.className, children = _a.children;
|
|
3513
|
+
return React.createElement("div", { className: cx$y('alert-modal__footer', className) }, children);
|
|
3514
|
+
};
|
|
3515
|
+
|
|
3516
|
+
var cx$x = classNames.bind(styles$1i);
|
|
3517
|
+
var AlertJobModalButton = function (_a) {
|
|
3518
|
+
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"]);
|
|
3519
|
+
return (React.createElement("button", __assign({ className: cx$x('alert-modal__button', className) }, buttonProps),
|
|
3520
|
+
React.createElement("p", null, children),
|
|
3521
|
+
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3522
|
+
};
|
|
3523
|
+
|
|
3524
|
+
var cx$w = classNames.bind(styles$1i);
|
|
3525
|
+
var Component$1y = function (_a) {
|
|
3526
|
+
var children = _a.children, className = _a.className, open = _a.open, onClose = _a.onClose;
|
|
3527
|
+
return (React.createElement(Modal$1, { isOpen: open, onClose: onClose, className: cx$w('alert-modal', className) }, children));
|
|
3528
|
+
};
|
|
3529
|
+
var AlertJobModal = Object.assign(Component$1y, {
|
|
3530
|
+
Header: AlertJobModalHeader,
|
|
3531
|
+
Body: AlertJobModalBody,
|
|
3532
|
+
Footer: AlertJobModalFooter,
|
|
3533
|
+
Title: AlertJobModalTitle,
|
|
3534
|
+
Icon: AlertJobModalIcon,
|
|
3535
|
+
Button: AlertJobModalButton
|
|
3536
|
+
});
|
|
3537
|
+
|
|
3435
3538
|
var Component$1x = function (_a) {
|
|
3436
3539
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3437
3540
|
var component = useMemo(function () {
|
|
3438
3541
|
var _a, _b, _c;
|
|
3439
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3542
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container'] }) },
|
|
3440
3543
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3441
3544
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3442
3545
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3443
3546
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3444
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3445
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3547
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3548
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3446
3549
|
});
|
|
3447
3550
|
return container;
|
|
3448
3551
|
};
|
|
@@ -4295,6 +4398,15 @@ Array(36).fill(megaMenuJobIcon);
|
|
|
4295
4398
|
Array(36).fill(megaMenuJobImage);
|
|
4296
4399
|
var megaMenuHelpIcons = [QuestionCircle, HeadsetBlackOutline];
|
|
4297
4400
|
var megaMenuJobsIcons = [LocationBlue, CourthouseBlue, BriefcaseBlue, BuildingBlue];
|
|
4401
|
+
var megaMenuUserLoggedIcons = {
|
|
4402
|
+
allJobs: AllJobs,
|
|
4403
|
+
suggestedJobs: SuggestedJobs,
|
|
4404
|
+
savedJobs: ArchiveTick,
|
|
4405
|
+
inProcess: TaskSquare,
|
|
4406
|
+
resume: DocumentText,
|
|
4407
|
+
settings: Setting2,
|
|
4408
|
+
help: MessageQuestion
|
|
4409
|
+
};
|
|
4298
4410
|
var mobileSocialIcons = [Book, HeadsetBlackOutline, QuestionCircle];
|
|
4299
4411
|
|
|
4300
4412
|
var CNM = /** @class */ (function () {
|
|
@@ -8127,7 +8239,10 @@ var styles$1 = {"mega-menu-main-header":"mg_mega_menu_main_header_mega-menu-main
|
|
|
8127
8239
|
var Component$4 = function (_a) {
|
|
8128
8240
|
var toggleDrawerMenu = _a.toggleDrawerMenu;
|
|
8129
8241
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
8130
|
-
var _c =
|
|
8242
|
+
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
8243
|
+
var _d = useMegaMenuMain(), homeUrl = _d.homeUrl, searchBarProps = _d.searchBarProps, loginProps = _d.loginProps;
|
|
8244
|
+
var listMenuUserProps = useLoggedInUser();
|
|
8245
|
+
var profileImage = listMenuUserProps.profileImage, isAuthenticated = listMenuUserProps.isAuthenticated;
|
|
8131
8246
|
var toggleSearchBar = function () {
|
|
8132
8247
|
setShowSearchBar(!showSearchBar);
|
|
8133
8248
|
};
|
|
@@ -8148,15 +8263,20 @@ var Component$4 = function (_a) {
|
|
|
8148
8263
|
});
|
|
8149
8264
|
var loginAction = (React.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' }) }));
|
|
8150
8265
|
var logoutAction = (React.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 }) })));
|
|
8266
|
+
var loginHeaderPopover = useMediaQuery(React.createElement(UserMenu, { listMenuUserProps: listMenuUserProps, profileImage: profileImage }), {
|
|
8267
|
+
md: React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setToggleMobileDrawer(true); } }))
|
|
8268
|
+
});
|
|
8151
8269
|
return (React.createElement("div", { className: styles$1['mega-menu-main-header'] },
|
|
8152
8270
|
React.createElement("div", { className: styles$1['mega-menu-main-header__main'] },
|
|
8153
8271
|
LogoutHeaderMobileSearchbar,
|
|
8154
8272
|
LogoutHeaderMenuButton,
|
|
8155
8273
|
React.createElement("a", { href: homeUrl }, renderLogo),
|
|
8156
8274
|
React.createElement("div", { className: styles$1['mega-menu-main-header__search'] }, renderSearchBar)),
|
|
8157
|
-
React.createElement("div", { className: styles$1['mega-menu-main-header__login'] },
|
|
8275
|
+
React.createElement("div", { className: styles$1['mega-menu-main-header__login'] }, isAuthenticated ? (loginHeaderPopover) : (React.createElement(React.Fragment, null,
|
|
8158
8276
|
loginAction,
|
|
8159
|
-
logoutAction)))
|
|
8277
|
+
logoutAction))),
|
|
8278
|
+
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
8279
|
+
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
8160
8280
|
};
|
|
8161
8281
|
var MegaMenuMainHeader = Component$4;
|
|
8162
8282
|
|
|
@@ -8377,5 +8497,5 @@ var Component = function (_a) {
|
|
|
8377
8497
|
};
|
|
8378
8498
|
var SuggestedJobsPage = Component;
|
|
8379
8499
|
|
|
8380
|
-
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8500
|
+
export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8381
8501
|
//# sourceMappingURL=index.js.map
|