magneto365.ui 2.52.1 → 2.54.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/58346511fd62e29a.svg +5 -0
- package/dist/assets/8a37a9c7b0fd5027.svg +9 -0
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +446 -409
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/Badge/Badge.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/atoms/Badge/Badge.interface.d.ts +10 -0
- package/dist/cjs/types/components/UI/atoms/Badge/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/atoms/HeaderTab/HeaderTab.interface.d.ts +7 -0
- package/dist/cjs/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/FraudCardJob/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +4 -0
- package/dist/cjs/types/constants/icons.constants.d.ts +2 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +445 -410
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/Badge/Badge.component.d.ts +3 -0
- package/dist/esm/types/components/UI/atoms/Badge/Badge.interface.d.ts +10 -0
- package/dist/esm/types/components/UI/atoms/Badge/index.d.ts +1 -0
- package/dist/esm/types/components/UI/atoms/HeaderTab/HeaderTab.interface.d.ts +7 -0
- package/dist/esm/types/components/UI/atoms/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/FraudCardJob/FraudCardJob.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/FraudCardJob/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/JobDetailsDrawer/JobDetailsDrawer.interface.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/MobileJobDetailsDrawer/MobileJobDetailsDrawer.interface.d.ts +4 -0
- package/dist/esm/types/constants/icons.constants.d.ts +2 -0
- package/dist/index.d.ts +33 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$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$29 = 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$27 = {"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
|
|
|
@@ -501,6 +501,10 @@ var UserSearchWhiteOutline = "https://static.magneto365.com/lib/assets/eb30208cb
|
|
|
501
501
|
|
|
502
502
|
var Warning = "https://static.magneto365.com/lib/assets/bfab45bdc4d8d900.svg";
|
|
503
503
|
|
|
504
|
+
var WarningHex = "https://static.magneto365.com/lib/assets/58346511fd62e29a.svg";
|
|
505
|
+
|
|
506
|
+
var Warning3D = "https://static.magneto365.com/lib/assets/8a37a9c7b0fd5027.svg";
|
|
507
|
+
|
|
504
508
|
var WarningYellowBold = "https://static.magneto365.com/lib/assets/8949e8e4bfb2ef16.svg";
|
|
505
509
|
|
|
506
510
|
var WhatsAppColor = "https://static.magneto365.com/lib/assets/75c50160036c6fdf.svg";
|
|
@@ -513,21 +517,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
513
517
|
|
|
514
518
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
515
519
|
|
|
516
|
-
var Component$
|
|
520
|
+
var Component$2a = function (_a) {
|
|
517
521
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
518
522
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
519
523
|
var handleError = function () {
|
|
520
524
|
setImageError(true);
|
|
521
525
|
};
|
|
522
|
-
return (React.createElement("div", { className: styles$
|
|
526
|
+
return (React.createElement("div", { className: styles$27.avatarComponent, onClick: onClick },
|
|
523
527
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
524
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
528
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$27['magneto-ui-default-avatar'] },
|
|
525
529
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
526
530
|
};
|
|
527
531
|
/**
|
|
528
532
|
* UI Atom component of Avatar
|
|
529
533
|
*/
|
|
530
|
-
var Avatar = Component$
|
|
534
|
+
var Avatar = Component$2a;
|
|
535
|
+
|
|
536
|
+
var styles$26 = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
537
|
+
|
|
538
|
+
var Component$29 = function (_a) {
|
|
539
|
+
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
540
|
+
return (React.createElement("p", { className: "".concat(styles$26['badge-count'], " ").concat(className) },
|
|
541
|
+
React.createElement("span", { className: styles$26['badge-count__animation'] }),
|
|
542
|
+
number && number));
|
|
543
|
+
};
|
|
544
|
+
var Badge = Component$29;
|
|
531
545
|
|
|
532
546
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
533
547
|
|
|
@@ -644,9 +658,9 @@ var SignUpButtonStyle = {
|
|
|
644
658
|
}
|
|
645
659
|
};
|
|
646
660
|
|
|
647
|
-
var styles$
|
|
661
|
+
var styles$25 = {"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"};
|
|
648
662
|
|
|
649
|
-
var styles$
|
|
663
|
+
var styles$24 = {"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"};
|
|
650
664
|
|
|
651
665
|
var ShareIcons = {
|
|
652
666
|
Facebook: {
|
|
@@ -666,7 +680,7 @@ var ShareIcons = {
|
|
|
666
680
|
}
|
|
667
681
|
};
|
|
668
682
|
|
|
669
|
-
var Component$
|
|
683
|
+
var Component$28 = function (_a) {
|
|
670
684
|
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;
|
|
671
685
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
672
686
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -679,46 +693,46 @@ var Component$27 = function (_a) {
|
|
|
679
693
|
};
|
|
680
694
|
if (component)
|
|
681
695
|
return component;
|
|
682
|
-
return (React.createElement("div", { className: styles$
|
|
683
|
-
React.createElement("div", { id: styles$
|
|
696
|
+
return (React.createElement("div", { className: styles$24['magneto-ui-actions'] },
|
|
697
|
+
React.createElement("div", { id: styles$24['magneto-ui__external-child'] }, externalButtonChild),
|
|
684
698
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
685
|
-
React.createElement("button", { className: styles$
|
|
699
|
+
React.createElement("button", { className: styles$24['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
686
700
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
687
701
|
} },
|
|
688
702
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
689
703
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
690
704
|
actionsLinkList.map(function (_a, index) {
|
|
691
705
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
692
|
-
return (React.createElement("a", { className: styles$
|
|
706
|
+
return (React.createElement("a", { className: styles$24['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
693
707
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
694
708
|
React.createElement("p", { key: index }, text)));
|
|
695
709
|
}),
|
|
696
|
-
React.createElement("div", { className: styles$
|
|
697
|
-
React.createElement("p", { className: styles$
|
|
698
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
710
|
+
React.createElement("div", { className: styles$24['magneto-ui-actions__header'] },
|
|
711
|
+
React.createElement("p", { className: styles$24['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
712
|
+
offerCompanyName ? React.createElement("p", { className: styles$24['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
699
713
|
};
|
|
700
714
|
var ShareLinksAction = function (_a) {
|
|
701
715
|
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;
|
|
702
|
-
return (React.createElement("div", { className: styles$
|
|
703
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
716
|
+
return (React.createElement("div", { className: styles$24['magneto-ui-actions'] },
|
|
717
|
+
React.createElement(ShareButton, __assign({ className: styles$24['magneto-ui-actions__share'] }, shareProps)),
|
|
704
718
|
shareLinks.map(function (_a, index) {
|
|
705
719
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
706
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
720
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$24['magneto-ui-actions__link'], styles$24['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
707
721
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
708
722
|
React.createElement("span", null, title)));
|
|
709
723
|
}),
|
|
710
|
-
React.createElement("div", { className: styles$
|
|
711
|
-
React.createElement("p", { className: styles$
|
|
712
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
713
|
-
React.createElement("div", { className: styles$
|
|
714
|
-
React.createElement("button", { className: styles$
|
|
724
|
+
React.createElement("div", { className: styles$24['magneto-ui-actions__header'] },
|
|
725
|
+
React.createElement("p", { className: styles$24['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
726
|
+
offerCompanyName ? React.createElement("p", { className: styles$24['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
727
|
+
React.createElement("div", { className: styles$24['magneto-ui-actions__back'] },
|
|
728
|
+
React.createElement("button", { className: styles$24['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
715
729
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
716
730
|
backText)));
|
|
717
731
|
};
|
|
718
732
|
/**
|
|
719
733
|
* UI Molecule componet of Actions
|
|
720
734
|
*/
|
|
721
|
-
var Actions = Object.assign(Component$
|
|
735
|
+
var Actions = Object.assign(Component$28, { ShareLinks: ShareLinksAction });
|
|
722
736
|
|
|
723
737
|
var style$Z = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
724
738
|
|
|
@@ -744,7 +758,7 @@ var alertIcons = {
|
|
|
744
758
|
warning: Warning,
|
|
745
759
|
error: Error
|
|
746
760
|
};
|
|
747
|
-
var Component$
|
|
761
|
+
var Component$27 = function (_a) {
|
|
748
762
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
749
763
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
750
764
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -756,7 +770,7 @@ var Component$26 = function (_a) {
|
|
|
756
770
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
757
771
|
extraButton));
|
|
758
772
|
};
|
|
759
|
-
var Alert = Component$
|
|
773
|
+
var Alert = Component$27;
|
|
760
774
|
|
|
761
775
|
var style$X = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
762
776
|
|
|
@@ -844,7 +858,7 @@ var classNames = {
|
|
|
844
858
|
};
|
|
845
859
|
|
|
846
860
|
var cx$f = classNames.bind(style$W);
|
|
847
|
-
var Component$
|
|
861
|
+
var Component$26 = function (_a) {
|
|
848
862
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
849
863
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
850
864
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -880,7 +894,7 @@ var Component$25 = function (_a) {
|
|
|
880
894
|
/**
|
|
881
895
|
* Molecule UI component for Mobile Drawer
|
|
882
896
|
*/
|
|
883
|
-
var MobileDrawer = Component$
|
|
897
|
+
var MobileDrawer = Component$26;
|
|
884
898
|
|
|
885
899
|
var style$V = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
886
900
|
|
|
@@ -936,11 +950,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
936
950
|
};
|
|
937
951
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
938
952
|
|
|
939
|
-
var styles$
|
|
953
|
+
var styles$23 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
940
954
|
|
|
941
|
-
var Component$
|
|
955
|
+
var Component$25 = function (_a) {
|
|
942
956
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
943
|
-
return (React.createElement("div", { className: styles$
|
|
957
|
+
return (React.createElement("div", { className: styles$23.BreadcrumbsComponent },
|
|
944
958
|
React.createElement("a", { href: homeUrl },
|
|
945
959
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
946
960
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -948,52 +962,52 @@ var Component$24 = function (_a) {
|
|
|
948
962
|
/**
|
|
949
963
|
* Molecule UI component for breadcrums information
|
|
950
964
|
*/
|
|
951
|
-
var Breadcrumbs = Component$
|
|
965
|
+
var Breadcrumbs = Component$25;
|
|
952
966
|
|
|
953
|
-
var styles$
|
|
967
|
+
var styles$22 = {"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"};
|
|
954
968
|
|
|
955
969
|
var CitiesDetailDrawer = function (_a) {
|
|
956
970
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
957
|
-
return (React.createElement("div", { className: styles$
|
|
958
|
-
React.createElement("div", { className: styles$
|
|
971
|
+
return (React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
972
|
+
React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
959
973
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
960
|
-
React.createElement("div", { className: styles$
|
|
961
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
974
|
+
React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
975
|
+
isRemote && (React.createElement("p", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
962
976
|
cities &&
|
|
963
977
|
cities.map(function (_a, index) {
|
|
964
978
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
965
|
-
return (React.createElement("div", { className: styles$
|
|
979
|
+
return (React.createElement("div", { className: styles$22['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
966
980
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
967
981
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
968
982
|
})))) : null));
|
|
969
983
|
};
|
|
970
984
|
|
|
971
|
-
var styles$
|
|
985
|
+
var styles$21 = {"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"};
|
|
972
986
|
|
|
973
|
-
var Component$
|
|
987
|
+
var Component$24 = function (_a) {
|
|
974
988
|
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;
|
|
975
989
|
var disabledArrow = useMemo(function () {
|
|
976
990
|
if (disabled)
|
|
977
|
-
return (React.createElement(IconItem, { className: styles$
|
|
991
|
+
return (React.createElement(IconItem, { className: styles$21['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
978
992
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
979
993
|
}, [disabled]);
|
|
980
|
-
return (React.createElement("div", { className: styles$
|
|
981
|
-
React.createElement("select", { className: styles$
|
|
982
|
-
React.createElement("option", { className: styles$
|
|
994
|
+
return (React.createElement("div", { className: styles$21['magneto-ui--date-dropdown__wrapper'] },
|
|
995
|
+
React.createElement("select", { className: styles$21["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
996
|
+
React.createElement("option", { className: styles$21['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
983
997
|
dateOptions.map(function (_a) {
|
|
984
998
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
985
|
-
return (React.createElement("option", { className: styles$
|
|
999
|
+
return (React.createElement("option", { className: styles$21['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
986
1000
|
})),
|
|
987
|
-
React.createElement("span", { className: styles$
|
|
1001
|
+
React.createElement("span", { className: styles$21['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
988
1002
|
};
|
|
989
|
-
var DateDropdown = Component$
|
|
1003
|
+
var DateDropdown = Component$24;
|
|
990
1004
|
|
|
991
|
-
var styles$
|
|
1005
|
+
var styles$20 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
992
1006
|
|
|
993
1007
|
var defaultValue$1 = function (value) {
|
|
994
1008
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
995
1009
|
};
|
|
996
|
-
var Component$
|
|
1010
|
+
var Component$23 = function (_a) {
|
|
997
1011
|
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;
|
|
998
1012
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
999
1013
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1027,16 +1041,16 @@ var Component$22 = function (_a) {
|
|
|
1027
1041
|
}
|
|
1028
1042
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1029
1043
|
}, [disabled]);
|
|
1030
|
-
return (React.createElement("div", { className: styles$
|
|
1044
|
+
return (React.createElement("div", { className: styles$20['magneto-ui--date-picker__wrapper'] },
|
|
1031
1045
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1032
1046
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1033
1047
|
};
|
|
1034
|
-
var DatePicker = Component$
|
|
1048
|
+
var DatePicker = Component$23;
|
|
1035
1049
|
|
|
1036
1050
|
var style$U = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1037
1051
|
|
|
1038
1052
|
var DEFAULT_PADDING = 20;
|
|
1039
|
-
var Component$
|
|
1053
|
+
var Component$22 = function (_a) {
|
|
1040
1054
|
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;
|
|
1041
1055
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1042
1056
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1082,7 +1096,7 @@ var Component$21 = function (_a) {
|
|
|
1082
1096
|
/**
|
|
1083
1097
|
* Molecule UI component for Drawer
|
|
1084
1098
|
*/
|
|
1085
|
-
var Drawer = Component$
|
|
1099
|
+
var Drawer = Component$22;
|
|
1086
1100
|
|
|
1087
1101
|
var style$T = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1088
1102
|
|
|
@@ -1145,15 +1159,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1145
1159
|
_c)
|
|
1146
1160
|
};
|
|
1147
1161
|
|
|
1148
|
-
var styles$
|
|
1162
|
+
var styles$1$ = {"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"};
|
|
1149
1163
|
|
|
1150
|
-
var Component$
|
|
1164
|
+
var Component$21 = function (_a) {
|
|
1151
1165
|
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;
|
|
1152
1166
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1153
1167
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1154
1168
|
var componentProps = useMemo(function () {
|
|
1155
1169
|
var className = CNM.get({
|
|
1156
|
-
styles: styles$
|
|
1170
|
+
styles: styles$1$,
|
|
1157
1171
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1158
1172
|
});
|
|
1159
1173
|
if (isUrl)
|
|
@@ -1175,48 +1189,48 @@ var Component$20 = function (_a) {
|
|
|
1175
1189
|
}
|
|
1176
1190
|
return;
|
|
1177
1191
|
}, [loading, variant]);
|
|
1178
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1179
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1192
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action', className] }) },
|
|
1193
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__container'] }) },
|
|
1180
1194
|
React.createElement(Component, __assign({}, componentProps),
|
|
1181
1195
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1182
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1196
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__title'] }) }, title),
|
|
1183
1197
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1184
1198
|
};
|
|
1185
1199
|
/**
|
|
1186
1200
|
* Molecule UI child component of expandable info
|
|
1187
1201
|
*/
|
|
1188
|
-
var ExpandableInfoAction = Component$
|
|
1202
|
+
var ExpandableInfoAction = Component$21;
|
|
1189
1203
|
|
|
1190
|
-
var styles$
|
|
1204
|
+
var styles$1_ = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
1191
1205
|
|
|
1192
|
-
var Component$
|
|
1206
|
+
var Component$20 = function (_a) {
|
|
1193
1207
|
var sections = _a.sections, footer = _a.footer;
|
|
1194
1208
|
var sectionStyles = useCallback(function (multiple) {
|
|
1195
1209
|
return CNM.get({
|
|
1196
|
-
styles: styles$
|
|
1210
|
+
styles: styles$1_,
|
|
1197
1211
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1198
1212
|
});
|
|
1199
1213
|
}, []);
|
|
1200
1214
|
var subSectionStyles = useCallback(function (initial) {
|
|
1201
1215
|
return CNM.get({
|
|
1202
|
-
styles: styles$
|
|
1216
|
+
styles: styles$1_,
|
|
1203
1217
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1204
1218
|
});
|
|
1205
1219
|
}, []);
|
|
1206
1220
|
var itemStyles = useCallback(function (first) {
|
|
1207
1221
|
return CNM.get({
|
|
1208
|
-
styles: styles$
|
|
1222
|
+
styles: styles$1_,
|
|
1209
1223
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1210
1224
|
});
|
|
1211
1225
|
}, []);
|
|
1212
1226
|
var textStyles = useCallback(function (bold) {
|
|
1213
1227
|
return CNM.get({
|
|
1214
|
-
styles: styles$
|
|
1228
|
+
styles: styles$1_,
|
|
1215
1229
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1216
1230
|
});
|
|
1217
1231
|
}, []);
|
|
1218
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1219
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1232
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details'] }) },
|
|
1233
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1220
1234
|
sections.map(function (section, index) {
|
|
1221
1235
|
var _a, _b;
|
|
1222
1236
|
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) {
|
|
@@ -1230,13 +1244,13 @@ var Component$1$ = function (_a) {
|
|
|
1230
1244
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1231
1245
|
})));
|
|
1232
1246
|
}),
|
|
1233
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1234
|
-
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$
|
|
1247
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__footer'] }) },
|
|
1248
|
+
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$1_, cls: ['expandable-info-details__action'] }) }))))));
|
|
1235
1249
|
};
|
|
1236
1250
|
/**
|
|
1237
1251
|
* Molecule UI child component of expandable info
|
|
1238
1252
|
*/
|
|
1239
|
-
var ExpandableInfoDetails = Component$
|
|
1253
|
+
var ExpandableInfoDetails = Component$20;
|
|
1240
1254
|
|
|
1241
1255
|
var EExpandableInfoVariant;
|
|
1242
1256
|
(function (EExpandableInfoVariant) {
|
|
@@ -1257,9 +1271,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1257
1271
|
_a$3)
|
|
1258
1272
|
};
|
|
1259
1273
|
|
|
1260
|
-
var styles$
|
|
1274
|
+
var styles$1Z = {"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"};
|
|
1261
1275
|
|
|
1262
|
-
var Component$
|
|
1276
|
+
var Component$1$ = function (_a) {
|
|
1263
1277
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1264
1278
|
var icon = useCallback(function (icon) {
|
|
1265
1279
|
if (icon) {
|
|
@@ -1272,22 +1286,22 @@ var Component$1_ = function (_a) {
|
|
|
1272
1286
|
}, [variant]);
|
|
1273
1287
|
if (!title)
|
|
1274
1288
|
return null;
|
|
1275
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1276
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1289
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message', className] }) },
|
|
1290
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1Z, cls: ['expandable-info-message__container'] }) },
|
|
1277
1291
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1278
1292
|
React.createElement("span", { className: CNM.get({
|
|
1279
|
-
styles: styles$
|
|
1293
|
+
styles: styles$1Z,
|
|
1280
1294
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1281
1295
|
}) }, title))));
|
|
1282
1296
|
};
|
|
1283
1297
|
/**
|
|
1284
1298
|
* Molecule UI child component of expandable info
|
|
1285
1299
|
*/
|
|
1286
|
-
var ExpandableInfoMessage = Component$
|
|
1300
|
+
var ExpandableInfoMessage = Component$1$;
|
|
1287
1301
|
|
|
1288
|
-
var styles$
|
|
1302
|
+
var styles$1Y = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1289
1303
|
|
|
1290
|
-
var Component$
|
|
1304
|
+
var Component$1_ = function (_a) {
|
|
1291
1305
|
var toggler = _a.toggler, details = _a.details;
|
|
1292
1306
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1293
1307
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1295,28 +1309,28 @@ var Component$1Z = function (_a) {
|
|
|
1295
1309
|
}, []);
|
|
1296
1310
|
return (React.createElement(React.Fragment, null,
|
|
1297
1311
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1298
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1312
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1Y, cls: ['expandable-info-modal'] }) },
|
|
1299
1313
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1300
1314
|
};
|
|
1301
1315
|
/**
|
|
1302
1316
|
* Molecule UI child component of expandable info
|
|
1303
1317
|
*/
|
|
1304
|
-
var ExpandableInfoModal = Component$
|
|
1318
|
+
var ExpandableInfoModal = Component$1_;
|
|
1305
1319
|
|
|
1306
|
-
var styles$
|
|
1320
|
+
var styles$1X = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
1307
1321
|
|
|
1308
1322
|
var style$S = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
|
|
1309
1323
|
|
|
1310
|
-
var styles$
|
|
1324
|
+
var styles$1W = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1311
1325
|
|
|
1312
1326
|
var Image = function (_a) {
|
|
1313
1327
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1314
1328
|
return (React.createElement(React.Fragment, null,
|
|
1315
1329
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1316
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1330
|
+
playIcon && React.createElement("div", { className: styles$1W['magneto-ui-play-button'] }, playIcon)));
|
|
1317
1331
|
};
|
|
1318
1332
|
|
|
1319
|
-
var styles$
|
|
1333
|
+
var styles$1V = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_1bg7o","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_1bg7o","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_1bg7o","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_1bg7o","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_1bg7o","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_1bg7o"};
|
|
1320
1334
|
|
|
1321
1335
|
var MegaMenuCard = function (_a) {
|
|
1322
1336
|
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;
|
|
@@ -1326,17 +1340,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1326
1340
|
onClick();
|
|
1327
1341
|
}
|
|
1328
1342
|
}, [onClick]);
|
|
1329
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
1330
|
-
icon && (React.createElement("div", { className: styles$
|
|
1343
|
+
return (React.createElement("a", { className: "".concat(styles$1V["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1344
|
+
icon && (React.createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__icon"] },
|
|
1331
1345
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1332
|
-
logo && (React.createElement("div", { className: styles$
|
|
1333
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1334
|
-
React.createElement("div", { className: styles$
|
|
1335
|
-
React.createElement("div", { className: styles$
|
|
1336
|
-
React.createElement("div", { className: styles$
|
|
1346
|
+
logo && (React.createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__logo"] },
|
|
1347
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1V["magneto-ui-mega-menu-card__logo"] }))),
|
|
1348
|
+
React.createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__content"] },
|
|
1349
|
+
React.createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__title"] }, title),
|
|
1350
|
+
React.createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1337
1351
|
maximumFractionDigits: 3
|
|
1338
1352
|
}), " cupos"))),
|
|
1339
|
-
showRigthArrow && (React.createElement("div", { className: styles$
|
|
1353
|
+
showRigthArrow && (React.createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__arrow"] },
|
|
1340
1354
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1341
1355
|
};
|
|
1342
1356
|
|
|
@@ -1355,24 +1369,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1355
1369
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1356
1370
|
};
|
|
1357
1371
|
|
|
1358
|
-
var styles$
|
|
1372
|
+
var styles$1U = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
|
|
1359
1373
|
|
|
1360
1374
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1361
1375
|
var Component = function (_a) {
|
|
1362
1376
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1363
|
-
return (React.createElement("div", { className: styles$
|
|
1364
|
-
React.createElement("div", { className: styles$
|
|
1377
|
+
return (React.createElement("div", { className: styles$1U['mega-menu-side-container'] },
|
|
1378
|
+
React.createElement("div", { className: styles$1U['mega-menu-side-container__side'] },
|
|
1365
1379
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1366
|
-
React.createElement("div", { className: styles$
|
|
1380
|
+
React.createElement("div", { className: styles$1U['mega-menu-side-container__main'] },
|
|
1367
1381
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1368
1382
|
};
|
|
1369
1383
|
return Component;
|
|
1370
1384
|
};
|
|
1371
1385
|
|
|
1372
|
-
var Component$
|
|
1386
|
+
var Component$1Z = function (_a) {
|
|
1373
1387
|
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;
|
|
1374
1388
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1375
|
-
styles: styles$
|
|
1389
|
+
styles: styles$1X,
|
|
1376
1390
|
cls: [
|
|
1377
1391
|
'expandable-info-popover',
|
|
1378
1392
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1380,7 +1394,7 @@ var Component$1Y = function (_a) {
|
|
|
1380
1394
|
]
|
|
1381
1395
|
}), content: React.createElement(React.Fragment, null,
|
|
1382
1396
|
React.createElement("span", { className: CNM.get({
|
|
1383
|
-
styles: styles$
|
|
1397
|
+
styles: styles$1X,
|
|
1384
1398
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1385
1399
|
}) }),
|
|
1386
1400
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1389,19 +1403,19 @@ var Component$1Y = function (_a) {
|
|
|
1389
1403
|
/**
|
|
1390
1404
|
* Molecule UI child component of expandable info
|
|
1391
1405
|
*/
|
|
1392
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1406
|
+
var ExpandableInfoPopover = withClickOut(Component$1Z);
|
|
1393
1407
|
|
|
1394
1408
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1395
1409
|
coin: CoinBlackOutline
|
|
1396
1410
|
};
|
|
1397
1411
|
|
|
1398
|
-
var styles$
|
|
1412
|
+
var styles$1T = {"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"};
|
|
1399
1413
|
|
|
1400
|
-
var Component$
|
|
1414
|
+
var Component$1Y = function (_a) {
|
|
1401
1415
|
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;
|
|
1402
1416
|
var styleGenerator = useCallback(function (base) {
|
|
1403
1417
|
return CNM.get({
|
|
1404
|
-
styles: styles$
|
|
1418
|
+
styles: styles$1T,
|
|
1405
1419
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1406
1420
|
});
|
|
1407
1421
|
}, [variant]);
|
|
@@ -1433,7 +1447,7 @@ var Component$1X = function (_a) {
|
|
|
1433
1447
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1434
1448
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1435
1449
|
React.createElement("div", { className: CNM.get({
|
|
1436
|
-
styles: styles$
|
|
1450
|
+
styles: styles$1T,
|
|
1437
1451
|
cls: [
|
|
1438
1452
|
'expandable-info-toggler__summary',
|
|
1439
1453
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1446,11 +1460,11 @@ var Component$1X = function (_a) {
|
|
|
1446
1460
|
/**
|
|
1447
1461
|
* Molecule UI child component of expandable info
|
|
1448
1462
|
*/
|
|
1449
|
-
var ExpandableInfoToggler = Component$
|
|
1463
|
+
var ExpandableInfoToggler = Component$1Y;
|
|
1450
1464
|
|
|
1451
|
-
var styles$
|
|
1465
|
+
var styles$1S = {"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"};
|
|
1452
1466
|
|
|
1453
|
-
var Component$
|
|
1467
|
+
var Component$1X = function (_a) {
|
|
1454
1468
|
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;
|
|
1455
1469
|
var togglerProps = useMemo(function () { return ({
|
|
1456
1470
|
details: details,
|
|
@@ -1464,9 +1478,9 @@ var Component$1W = function (_a) {
|
|
|
1464
1478
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1465
1479
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1466
1480
|
});
|
|
1467
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1481
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info'] }) },
|
|
1468
1482
|
React.createElement("div", { className: CNM.get({
|
|
1469
|
-
styles: styles$
|
|
1483
|
+
styles: styles$1S,
|
|
1470
1484
|
cls: [
|
|
1471
1485
|
'expandable-info__container',
|
|
1472
1486
|
"expandable-info__container--".concat(variant),
|
|
@@ -1476,13 +1490,13 @@ var Component$1W = function (_a) {
|
|
|
1476
1490
|
}) },
|
|
1477
1491
|
container,
|
|
1478
1492
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1479
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1493
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$1S, 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)); }))),
|
|
1480
1494
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1481
1495
|
};
|
|
1482
1496
|
/**
|
|
1483
1497
|
* Molecule UI component for expandable info
|
|
1484
1498
|
*/
|
|
1485
|
-
var ExpandableInfo = Component$
|
|
1499
|
+
var ExpandableInfo = Component$1X;
|
|
1486
1500
|
|
|
1487
1501
|
var style$R = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
1488
1502
|
|
|
@@ -1510,7 +1524,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1510
1524
|
return React.createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1511
1525
|
};
|
|
1512
1526
|
|
|
1513
|
-
var styles$
|
|
1527
|
+
var styles$1R = {"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"};
|
|
1514
1528
|
|
|
1515
1529
|
var FilterMenuItem = function (_a) {
|
|
1516
1530
|
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"]);
|
|
@@ -1525,35 +1539,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1525
1539
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1526
1540
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1527
1541
|
var className = useMemo(function () {
|
|
1528
|
-
return isApplied ? styles$
|
|
1542
|
+
return isApplied ? styles$1R.selected : isSearched ? styles$1R.isSearched : hiddenCount ? '' : !total && styles$1R.disabled;
|
|
1529
1543
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1530
1544
|
var handleClick = useCallback(function () {
|
|
1531
1545
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1532
1546
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1533
1547
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1534
1548
|
if (loading)
|
|
1535
|
-
return React.createElement("div", { className: styles$
|
|
1536
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1549
|
+
return React.createElement("div", { className: styles$1R.skeleton });
|
|
1550
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1R['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1537
1551
|
React.createElement("span", null, label),
|
|
1538
1552
|
displayOutput));
|
|
1539
1553
|
};
|
|
1540
1554
|
|
|
1541
|
-
var styles$
|
|
1555
|
+
var styles$1Q = {"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"};
|
|
1542
1556
|
|
|
1543
1557
|
var FilterSearchItem = function (_a) {
|
|
1544
1558
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1545
1559
|
var inputRef = useRef(null);
|
|
1546
1560
|
if (loading)
|
|
1547
|
-
return (React.createElement("div", { className: styles$
|
|
1561
|
+
return (React.createElement("div", { className: styles$1Q.skeleton },
|
|
1548
1562
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1549
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1563
|
+
return (React.createElement("div", { className: "".concat(styles$1Q['magneto-ui-filter-search'], " ").concat(disabled ? styles$1Q.disabled : '') },
|
|
1550
1564
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1551
1565
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1552
1566
|
};
|
|
1553
1567
|
|
|
1554
|
-
var styles$
|
|
1568
|
+
var styles$1P = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
1555
1569
|
|
|
1556
|
-
var Component$
|
|
1570
|
+
var Component$1W = function (_a) {
|
|
1557
1571
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1558
1572
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1559
1573
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1563,46 +1577,46 @@ var Component$1V = function (_a) {
|
|
|
1563
1577
|
return searchList;
|
|
1564
1578
|
}, [searchList, showFullList]);
|
|
1565
1579
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1566
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1567
|
-
React.createElement("h2", { className: styles$
|
|
1568
|
-
React.createElement("div", { className: styles$
|
|
1580
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1P['magneto-ui-frequent-search'] },
|
|
1581
|
+
React.createElement("h2", { className: styles$1P['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1582
|
+
React.createElement("div", { className: styles$1P['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1569
1583
|
var props = __rest(_a, []);
|
|
1570
1584
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1571
1585
|
})),
|
|
1572
|
-
React.createElement("div", { className: styles$
|
|
1586
|
+
React.createElement("div", { className: styles$1P['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1P['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1573
1587
|
showMore,
|
|
1574
1588
|
" (",
|
|
1575
1589
|
searchList.length,
|
|
1576
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1590
|
+
")")) : (React.createElement("button", { className: styles$1P['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1577
1591
|
};
|
|
1578
1592
|
/**
|
|
1579
1593
|
* UI Atom component of Frequent Search
|
|
1580
1594
|
*/
|
|
1581
|
-
var FrequentSearch = Component$
|
|
1595
|
+
var FrequentSearch = Component$1W;
|
|
1582
1596
|
|
|
1583
1597
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1584
1598
|
|
|
1585
|
-
var Component$
|
|
1599
|
+
var Component$1V = function (_a) {
|
|
1586
1600
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1587
1601
|
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1588
1602
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1589
1603
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1590
1604
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1591
1605
|
};
|
|
1592
|
-
var HeaderDrawerCompany = Component$
|
|
1606
|
+
var HeaderDrawerCompany = Component$1V;
|
|
1593
1607
|
|
|
1594
|
-
var styles$
|
|
1608
|
+
var styles$1O = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1595
1609
|
|
|
1596
|
-
var Component$
|
|
1610
|
+
var Component$1U = function (_a) {
|
|
1597
1611
|
var children = _a.children;
|
|
1598
|
-
return React.createElement("div", { className: styles$
|
|
1612
|
+
return React.createElement("div", { className: styles$1O.TabComponent }, children);
|
|
1599
1613
|
};
|
|
1600
1614
|
/**
|
|
1601
1615
|
* Molecule UI for Tab
|
|
1602
1616
|
*/
|
|
1603
|
-
var Tab = Component$
|
|
1617
|
+
var Tab = Component$1U;
|
|
1604
1618
|
|
|
1605
|
-
var styles$
|
|
1619
|
+
var styles$1N = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1606
1620
|
|
|
1607
1621
|
var toCSSVariables = function (input) {
|
|
1608
1622
|
var output = {};
|
|
@@ -1617,35 +1631,35 @@ var toCSSVariables = function (input) {
|
|
|
1617
1631
|
return output;
|
|
1618
1632
|
};
|
|
1619
1633
|
|
|
1620
|
-
var Component$
|
|
1634
|
+
var Component$1T = function (_a) {
|
|
1621
1635
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1622
1636
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1623
1637
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1624
|
-
return (React.createElement("div", { className: styles$
|
|
1638
|
+
return (React.createElement("div", { className: styles$1N.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1625
1639
|
};
|
|
1626
1640
|
/**
|
|
1627
1641
|
* Molecule UI component for Tab Button
|
|
1628
1642
|
*/
|
|
1629
|
-
var TabButton = Component$
|
|
1643
|
+
var TabButton = Component$1T;
|
|
1630
1644
|
|
|
1631
|
-
var styles$
|
|
1645
|
+
var styles$1M = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1632
1646
|
|
|
1633
|
-
var Component$
|
|
1647
|
+
var Component$1S = function (_a) {
|
|
1634
1648
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1635
|
-
return (React.createElement("div", { className: styles$
|
|
1649
|
+
return (React.createElement("div", { className: styles$1M.HeaderDrawerTabsComponent },
|
|
1636
1650
|
React.createElement("a", { href: homeUrl },
|
|
1637
1651
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1638
1652
|
React.createElement(Tab, null,
|
|
1639
1653
|
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 }),
|
|
1640
1654
|
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 }))));
|
|
1641
1655
|
};
|
|
1642
|
-
var HeaderDrawerTabs = Component$
|
|
1656
|
+
var HeaderDrawerTabs = Component$1S;
|
|
1643
1657
|
|
|
1644
|
-
var styles$
|
|
1658
|
+
var styles$1L = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1645
1659
|
|
|
1646
|
-
var Component$
|
|
1660
|
+
var Component$1R = function (_a) {
|
|
1647
1661
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1648
|
-
return (React.createElement("div", { className: styles$
|
|
1662
|
+
return (React.createElement("div", { className: styles$1L.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1649
1663
|
var headerTabProps = __rest(_a, []);
|
|
1650
1664
|
return (React.createElement(React.Fragment, { key: index },
|
|
1651
1665
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1656,9 +1670,9 @@ var Component$1Q = function (_a) {
|
|
|
1656
1670
|
/**
|
|
1657
1671
|
* Molecule UI component for header tabs information`
|
|
1658
1672
|
*/
|
|
1659
|
-
var HeaderTabs = Component$
|
|
1673
|
+
var HeaderTabs = Component$1R;
|
|
1660
1674
|
|
|
1661
|
-
var styles$
|
|
1675
|
+
var styles$1K = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
1662
1676
|
|
|
1663
1677
|
var Input = function (_a) {
|
|
1664
1678
|
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"]);
|
|
@@ -1693,28 +1707,28 @@ var Input = function (_a) {
|
|
|
1693
1707
|
setInputValue(e.target.value);
|
|
1694
1708
|
}, [onChange]);
|
|
1695
1709
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1696
|
-
React.createElement("div", { className: styles$
|
|
1710
|
+
React.createElement("div", { className: styles$1K["".concat(classMUI, "-input")] },
|
|
1697
1711
|
React.createElement("div", null,
|
|
1698
|
-
React.createElement("div", { className: styles$
|
|
1712
|
+
React.createElement("div", { className: styles$1K["".concat(classMUI, "-input--container")] },
|
|
1699
1713
|
React.createElement("label", { htmlFor: name, style: {
|
|
1700
1714
|
left: hideIcon ? '10px' : '40px',
|
|
1701
1715
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1702
1716
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1703
|
-
}, className: styles$
|
|
1717
|
+
}, className: styles$1K["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1704
1718
|
React.createElement("input", __assign({}, props, { style: {
|
|
1705
1719
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1706
|
-
}, disabled: disabled, className: styles$
|
|
1707
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1708
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1720
|
+
}, disabled: disabled, className: styles$1K["".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" })),
|
|
1721
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1K["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1722
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1K["".concat(classMUI, "-input--container__icon-action")] },
|
|
1709
1723
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1710
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1711
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1724
|
+
React.createElement("div", { className: "".concat(styles$1K["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1K['footer-without-error'] : '') },
|
|
1725
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1K["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1712
1726
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1713
1727
|
};
|
|
1714
1728
|
|
|
1715
|
-
var styles$
|
|
1729
|
+
var styles$1J = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1716
1730
|
|
|
1717
|
-
var Component$
|
|
1731
|
+
var Component$1Q = function (_a) {
|
|
1718
1732
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1719
1733
|
var loadingSize = useMemo(function () {
|
|
1720
1734
|
if (size) {
|
|
@@ -1728,11 +1742,11 @@ var Component$1P = function (_a) {
|
|
|
1728
1742
|
height: '15px'
|
|
1729
1743
|
};
|
|
1730
1744
|
}, [size]);
|
|
1731
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1745
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1J["".concat(classMUI, "-flat-loader")] }));
|
|
1732
1746
|
};
|
|
1733
|
-
var FlatLoader = Component$
|
|
1747
|
+
var FlatLoader = Component$1Q;
|
|
1734
1748
|
|
|
1735
|
-
var styles$
|
|
1749
|
+
var styles$1I = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
1736
1750
|
|
|
1737
1751
|
var InputPlus = function (_a) {
|
|
1738
1752
|
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;
|
|
@@ -1776,16 +1790,16 @@ var InputPlus = function (_a) {
|
|
|
1776
1790
|
}
|
|
1777
1791
|
}
|
|
1778
1792
|
}, [disabledBtn, handleSubmmit]);
|
|
1779
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1793
|
+
return (React.createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1780
1794
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1781
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1795
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1I["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1I.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1I['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1782
1796
|
};
|
|
1783
1797
|
|
|
1784
|
-
var styles$
|
|
1798
|
+
var styles$1H = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
|
|
1785
1799
|
|
|
1786
1800
|
var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
|
|
1787
1801
|
|
|
1788
|
-
var Component$
|
|
1802
|
+
var Component$1P = function (_a) {
|
|
1789
1803
|
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"]);
|
|
1790
1804
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1791
1805
|
return (React.createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1803,10 +1817,10 @@ var Component$1O = function (_a) {
|
|
|
1803
1817
|
React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1804
1818
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1805
1819
|
};
|
|
1806
|
-
Component$
|
|
1807
|
-
var SharePopover = Component$
|
|
1820
|
+
Component$1P.displayName = 'SharePopover';
|
|
1821
|
+
var SharePopover = Component$1P;
|
|
1808
1822
|
|
|
1809
|
-
var Component$
|
|
1823
|
+
var Component$1O = function (_a) {
|
|
1810
1824
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1811
1825
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1812
1826
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1814,30 +1828,30 @@ var Component$1N = function (_a) {
|
|
|
1814
1828
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1815
1829
|
}); });
|
|
1816
1830
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1817
|
-
return (React.createElement("div", { className: styles$
|
|
1818
|
-
React.createElement("div", { id: styles$
|
|
1819
|
-
React.createElement("div", { className: styles$
|
|
1831
|
+
return (React.createElement("div", { className: styles$1H['magneto-ui-job-actions'] },
|
|
1832
|
+
React.createElement("div", { id: styles$1H['magneto-ui__external-child'] }, externalButtonChild),
|
|
1833
|
+
React.createElement("div", { className: styles$1H['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1820
1834
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1821
1835
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1822
1836
|
filteredActionsLinkList.map(function (_a) {
|
|
1823
1837
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1824
|
-
return (React.createElement("div", { className: styles$
|
|
1825
|
-
React.createElement("a", { className: styles$
|
|
1838
|
+
return (React.createElement("div", { className: styles$1H['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1839
|
+
React.createElement("a", { className: styles$1H['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1826
1840
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1827
1841
|
}))));
|
|
1828
1842
|
};
|
|
1829
1843
|
/**
|
|
1830
1844
|
* UI Molecule Component for Jobs Actions
|
|
1831
1845
|
*/
|
|
1832
|
-
var JobActions = Component$
|
|
1846
|
+
var JobActions = Component$1O;
|
|
1833
1847
|
|
|
1834
|
-
var styles$
|
|
1848
|
+
var styles$1G = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1835
1849
|
|
|
1836
|
-
var Component$
|
|
1850
|
+
var Component$1N = function (_a) {
|
|
1837
1851
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1838
|
-
return (React.createElement("div", { className: styles$
|
|
1839
|
-
React.createElement("div", { className: styles$
|
|
1840
|
-
React.createElement("div", { className: styles$
|
|
1852
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card'] },
|
|
1853
|
+
React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__wrapper'] },
|
|
1854
|
+
React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__header'] },
|
|
1841
1855
|
React.createElement("p", null, offerApplyHeader),
|
|
1842
1856
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1843
1857
|
offerApplyElements
|
|
@@ -1847,16 +1861,16 @@ var Component$1M = function (_a) {
|
|
|
1847
1861
|
})
|
|
1848
1862
|
.map(function (_a) {
|
|
1849
1863
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1850
|
-
return (React.createElement("div", { className: styles$
|
|
1864
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1851
1865
|
React.createElement("p", null, offerApplyLabel),
|
|
1852
1866
|
React.createElement("p", null, offerApplyInfo)));
|
|
1853
1867
|
})),
|
|
1854
|
-
React.createElement("div", { id: styles$
|
|
1868
|
+
React.createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalChild))));
|
|
1855
1869
|
};
|
|
1856
1870
|
/**
|
|
1857
1871
|
* UI Molecule Component for Job Apply Card
|
|
1858
1872
|
*/
|
|
1859
|
-
var JobApplyCard = Component$
|
|
1873
|
+
var JobApplyCard = Component$1N;
|
|
1860
1874
|
|
|
1861
1875
|
var style$N = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1862
1876
|
|
|
@@ -1940,29 +1954,29 @@ var JobCard = function (_a) {
|
|
|
1940
1954
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1941
1955
|
};
|
|
1942
1956
|
|
|
1943
|
-
var styles$
|
|
1957
|
+
var styles$1F = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1944
1958
|
|
|
1945
|
-
var Component$
|
|
1959
|
+
var Component$1M = function (_a) {
|
|
1946
1960
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1947
|
-
return (React.createElement("div", { className: styles$
|
|
1961
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-job-company-header'] },
|
|
1948
1962
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1949
1963
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1950
1964
|
};
|
|
1951
1965
|
/**
|
|
1952
1966
|
* UI Molecule component for Company Job Header
|
|
1953
1967
|
*/
|
|
1954
|
-
var JobCompanyHeader = Component$
|
|
1968
|
+
var JobCompanyHeader = Component$1M;
|
|
1955
1969
|
|
|
1956
|
-
var styles$
|
|
1970
|
+
var styles$1E = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1957
1971
|
|
|
1958
|
-
var Component$
|
|
1972
|
+
var Component$1L = function (_a) {
|
|
1959
1973
|
var offerDescription = _a.offerDescription;
|
|
1960
|
-
return (React.createElement("div", { className: styles$
|
|
1974
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
1961
1975
|
};
|
|
1962
1976
|
/**
|
|
1963
1977
|
* UI Molecule Component for Job Detail Card Header
|
|
1964
1978
|
*/
|
|
1965
|
-
var JobDetailCard = Component$
|
|
1979
|
+
var JobDetailCard = Component$1L;
|
|
1966
1980
|
|
|
1967
1981
|
var style$L = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
1968
1982
|
|
|
@@ -1977,9 +1991,9 @@ var JobDetailContainer = function (_a) {
|
|
|
1977
1991
|
children));
|
|
1978
1992
|
};
|
|
1979
1993
|
|
|
1980
|
-
var styles$
|
|
1994
|
+
var styles$1D = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
1981
1995
|
|
|
1982
|
-
var Component$
|
|
1996
|
+
var Component$1K = function (_a) {
|
|
1983
1997
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1984
1998
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1985
1999
|
icon: iconList && iconList[index],
|
|
@@ -1989,27 +2003,27 @@ var Component$1J = function (_a) {
|
|
|
1989
2003
|
var offerDetailText = _a.offerDetailText;
|
|
1990
2004
|
return !!offerDetailText && index !== 1;
|
|
1991
2005
|
});
|
|
1992
|
-
return (React.createElement("div", { className: styles$
|
|
1993
|
-
React.createElement("div", { className: styles$
|
|
2006
|
+
return (React.createElement("div", { className: styles$1D['magneto-ui-job-details'] },
|
|
2007
|
+
React.createElement("div", { className: styles$1D['magneto-ui-job-details__wrapper'] },
|
|
1994
2008
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
1995
2009
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
1996
2010
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
1997
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
1998
|
-
React.createElement("div", { className: styles$
|
|
2011
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1D['magneto-ui-job-details__item-detail'] },
|
|
2012
|
+
React.createElement("div", { className: styles$1D['magneto-ui-job-details__item-detail-icon'] },
|
|
1999
2013
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2000
|
-
React.createElement("p", { className: styles$
|
|
2014
|
+
React.createElement("p", { className: styles$1D['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2001
2015
|
})),
|
|
2002
2016
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2003
2017
|
};
|
|
2004
2018
|
/**
|
|
2005
2019
|
* UI Molecule component for Job Detail
|
|
2006
2020
|
*/
|
|
2007
|
-
Component$
|
|
2008
|
-
var JobDetails = Component$
|
|
2021
|
+
Component$1K.displayName = 'JobDetails';
|
|
2022
|
+
var JobDetails = Component$1K;
|
|
2009
2023
|
|
|
2010
|
-
var styles$
|
|
2024
|
+
var styles$1C = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
2011
2025
|
|
|
2012
|
-
var Component$
|
|
2026
|
+
var Component$1J = function (_a) {
|
|
2013
2027
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2014
2028
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2015
2029
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2020,28 +2034,28 @@ var Component$1I = function (_a) {
|
|
|
2020
2034
|
title: title
|
|
2021
2035
|
});
|
|
2022
2036
|
});
|
|
2023
|
-
return (React.createElement("div", { className: styles$
|
|
2037
|
+
return (React.createElement("div", { className: styles$1C['magneto-ui-job-footer-card'] },
|
|
2024
2038
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2025
|
-
React.createElement("div", { className: styles$
|
|
2039
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-footer-card__icons'] },
|
|
2026
2040
|
React.createElement("p", null, offerFooterHeader),
|
|
2027
|
-
React.createElement("div", { className: styles$
|
|
2041
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-footer-card__wrapper'] },
|
|
2028
2042
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2029
2043
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2030
2044
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2031
2045
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2032
2046
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2033
2047
|
})),
|
|
2034
|
-
React.createElement("div", { className: styles$
|
|
2048
|
+
React.createElement("div", { className: styles$1C['magneto-ui__share-button'] },
|
|
2035
2049
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2036
2050
|
};
|
|
2037
2051
|
/**
|
|
2038
2052
|
* UI Molecule component for Job Footer Card
|
|
2039
2053
|
*/
|
|
2040
|
-
var JobFooterCard = Component$
|
|
2054
|
+
var JobFooterCard = Component$1J;
|
|
2041
2055
|
|
|
2042
|
-
var styles$
|
|
2056
|
+
var styles$1B = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
2043
2057
|
|
|
2044
|
-
var Component$
|
|
2058
|
+
var Component$1I = function (_a) {
|
|
2045
2059
|
var name = _a.name, score = _a.score;
|
|
2046
2060
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2047
2061
|
var skillRef = useRef(null);
|
|
@@ -2077,21 +2091,21 @@ var Component$1H = function (_a) {
|
|
|
2077
2091
|
4: 'four'
|
|
2078
2092
|
};
|
|
2079
2093
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2080
|
-
var fillAnimation = animationApplied ? styles$
|
|
2081
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2082
|
-
React.createElement("div", { className: styles$
|
|
2094
|
+
var fillAnimation = animationApplied ? styles$1B[levelClass] : '';
|
|
2095
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1B['magneto-ui-skill'] },
|
|
2096
|
+
React.createElement("div", { className: styles$1B['magneto-ui-skill__wrapper'] },
|
|
2083
2097
|
React.createElement("p", null, name),
|
|
2084
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2098
|
+
React.createElement("div", { className: "".concat(styles$1B['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1B['magneto-ui-skill--no-animation']) }))));
|
|
2085
2099
|
};
|
|
2086
|
-
var Skill = Component$
|
|
2100
|
+
var Skill = Component$1I;
|
|
2087
2101
|
|
|
2088
|
-
var styles$
|
|
2102
|
+
var styles$1A = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
2089
2103
|
|
|
2090
|
-
var Component$
|
|
2104
|
+
var Component$1H = function (_a) {
|
|
2091
2105
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2092
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2106
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1A['magneto-ui-job-skills-card'] },
|
|
2093
2107
|
React.createElement("p", null, offerSkillsLabel),
|
|
2094
|
-
React.createElement("div", { className: styles$
|
|
2108
|
+
React.createElement("div", { className: styles$1A['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2095
2109
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2096
2110
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2097
2111
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2100,9 +2114,9 @@ var Component$1G = function (_a) {
|
|
|
2100
2114
|
/**
|
|
2101
2115
|
* UI Molecule component of Job Skills Card
|
|
2102
2116
|
*/
|
|
2103
|
-
var JobSkillsCard = Component$
|
|
2117
|
+
var JobSkillsCard = Component$1H;
|
|
2104
2118
|
|
|
2105
|
-
var styles$
|
|
2119
|
+
var styles$1z = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
2106
2120
|
|
|
2107
2121
|
var JobVideo = function (_a) {
|
|
2108
2122
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2117,13 +2131,13 @@ var JobVideo = function (_a) {
|
|
|
2117
2131
|
setLoadVideo && setLoadVideo(false);
|
|
2118
2132
|
}
|
|
2119
2133
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2120
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2134
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1z[videoClassName] })) : (React.createElement("div", { className: styles$1z['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2121
2135
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2122
2136
|
};
|
|
2123
2137
|
|
|
2124
2138
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2125
2139
|
|
|
2126
|
-
var Component$
|
|
2140
|
+
var Component$1G = function (_a) {
|
|
2127
2141
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2128
2142
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2129
2143
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2131,11 +2145,11 @@ var Component$1F = function (_a) {
|
|
|
2131
2145
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2132
2146
|
})));
|
|
2133
2147
|
};
|
|
2134
|
-
var ListIconLink = Component$
|
|
2148
|
+
var ListIconLink = Component$1G;
|
|
2135
2149
|
|
|
2136
2150
|
var style$J = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2137
2151
|
|
|
2138
|
-
var Component$
|
|
2152
|
+
var Component$1F = function (_a) {
|
|
2139
2153
|
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;
|
|
2140
2154
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2141
2155
|
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2144,11 +2158,11 @@ var Component$1E = function (_a) {
|
|
|
2144
2158
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2145
2159
|
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2146
2160
|
};
|
|
2147
|
-
var MenuIcon = Component$
|
|
2161
|
+
var MenuIcon = Component$1F;
|
|
2148
2162
|
|
|
2149
2163
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2150
2164
|
|
|
2151
|
-
var Component$
|
|
2165
|
+
var Component$1E = function (_a) {
|
|
2152
2166
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2153
2167
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2154
2168
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2169,16 +2183,16 @@ var Component$1D = function (_a) {
|
|
|
2169
2183
|
React.createElement(Divider, null),
|
|
2170
2184
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2171
2185
|
};
|
|
2172
|
-
var ListMenuIcons = Component$
|
|
2186
|
+
var ListMenuIcons = Component$1E;
|
|
2173
2187
|
|
|
2174
|
-
var Component$
|
|
2188
|
+
var Component$1D = function (_a) {
|
|
2175
2189
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2176
2190
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2177
2191
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2178
2192
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2179
2193
|
})));
|
|
2180
2194
|
};
|
|
2181
|
-
var ListMenuItems = Component$
|
|
2195
|
+
var ListMenuItems = Component$1D;
|
|
2182
2196
|
|
|
2183
2197
|
var style$H = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2184
2198
|
|
|
@@ -2252,9 +2266,9 @@ var useMegaMenuMain = function () {
|
|
|
2252
2266
|
return mainHeaderProps;
|
|
2253
2267
|
};
|
|
2254
2268
|
|
|
2255
|
-
var styles$
|
|
2269
|
+
var styles$1y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2256
2270
|
|
|
2257
|
-
var Component$
|
|
2271
|
+
var Component$1C = function (_a) {
|
|
2258
2272
|
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;
|
|
2259
2273
|
var handleClick = useCallback(function (event) {
|
|
2260
2274
|
if (onClick) {
|
|
@@ -2262,15 +2276,15 @@ var Component$1B = function (_a) {
|
|
|
2262
2276
|
onClick();
|
|
2263
2277
|
}
|
|
2264
2278
|
}, [onClick]);
|
|
2265
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2266
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2267
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2268
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2279
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1y['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2280
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1y['button-link__icon'] })),
|
|
2281
|
+
buttonText && React.createElement("p", { className: styles$1y['button-link__text'] }, buttonText),
|
|
2282
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1y['button-link__icon'] }))));
|
|
2269
2283
|
};
|
|
2270
2284
|
/**
|
|
2271
2285
|
* UI Atom Component of Save Button
|
|
2272
2286
|
*/
|
|
2273
|
-
var ButtonLink = Component$
|
|
2287
|
+
var ButtonLink = Component$1C;
|
|
2274
2288
|
|
|
2275
2289
|
var MegaMenuJobsTabs = function () {
|
|
2276
2290
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2297,7 +2311,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2297
2311
|
React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2298
2312
|
};
|
|
2299
2313
|
|
|
2300
|
-
var styles$
|
|
2314
|
+
var styles$1x = {"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"};
|
|
2301
2315
|
|
|
2302
2316
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2303
2317
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2316,27 +2330,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2316
2330
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2317
2331
|
}, [showContent]);
|
|
2318
2332
|
return (React.createElement(React.Fragment, null,
|
|
2319
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2320
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2321
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2322
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2323
|
-
React.createElement("div", { className: styles$
|
|
2324
|
-
React.createElement("div", { className: styles$
|
|
2333
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1x["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2334
|
+
React.createElement("p", { className: "".concat(styles$1x["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2335
|
+
React.createElement(IconItem, { className: "".concat(styles$1x["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2336
|
+
React.createElement("div", { className: "".concat(styles$1x["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2337
|
+
React.createElement("div", { className: styles$1x["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2338
|
+
React.createElement("div", { className: styles$1x["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2325
2339
|
event.stopPropagation();
|
|
2326
2340
|
} }, children))));
|
|
2327
2341
|
};
|
|
2328
2342
|
|
|
2329
|
-
var styles$
|
|
2343
|
+
var styles$1w = {"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"};
|
|
2330
2344
|
|
|
2331
2345
|
var MenuSearch = function (_a) {
|
|
2332
2346
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2333
2347
|
var onBlur = useCallback(function () {
|
|
2334
2348
|
handleOnBlur && handleOnBlur();
|
|
2335
2349
|
}, [handleOnBlur]);
|
|
2336
|
-
return (React.createElement("div", { className: styles$
|
|
2337
|
-
React.createElement("div", { className: styles$
|
|
2350
|
+
return (React.createElement("div", { className: styles$1w['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2351
|
+
React.createElement("div", { className: styles$1w['magneto-ui-menu-search_container'] },
|
|
2338
2352
|
children,
|
|
2339
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2353
|
+
React.createElement("div", { className: "".concat(styles$1w['magneto-ui-menu-search_content'], " ").concat(show && styles$1w.open) }, content))));
|
|
2340
2354
|
};
|
|
2341
2355
|
|
|
2342
2356
|
var iconByType = {
|
|
@@ -2347,9 +2361,9 @@ var iconByType = {
|
|
|
2347
2361
|
};
|
|
2348
2362
|
var transitionDuration = 300;
|
|
2349
2363
|
|
|
2350
|
-
var styles$
|
|
2364
|
+
var styles$1v = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
2351
2365
|
|
|
2352
|
-
var Component$
|
|
2366
|
+
var Component$1B = function (_a) {
|
|
2353
2367
|
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;
|
|
2354
2368
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2355
2369
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2361,7 +2375,7 @@ var Component$1A = function (_a) {
|
|
|
2361
2375
|
}); }, []);
|
|
2362
2376
|
var containerStyles = useMemo(function () {
|
|
2363
2377
|
return CNM.get({
|
|
2364
|
-
styles: styles$
|
|
2378
|
+
styles: styles$1v,
|
|
2365
2379
|
cls: [
|
|
2366
2380
|
'message__container',
|
|
2367
2381
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2369,7 +2383,7 @@ var Component$1A = function (_a) {
|
|
|
2369
2383
|
]
|
|
2370
2384
|
});
|
|
2371
2385
|
}, [type, toggleAnimation]);
|
|
2372
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2386
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1v, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2373
2387
|
useEffect(function () {
|
|
2374
2388
|
if (!localVisible)
|
|
2375
2389
|
return;
|
|
@@ -2401,9 +2415,9 @@ var Component$1A = function (_a) {
|
|
|
2401
2415
|
setIsAnimating(visible);
|
|
2402
2416
|
}, [isAnimating, visible]);
|
|
2403
2417
|
return localVisible
|
|
2404
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2418
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1v, cls: [className] }) },
|
|
2405
2419
|
React.createElement("div", { className: containerStyles },
|
|
2406
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2420
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1v, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2407
2421
|
React.createElement("div", null,
|
|
2408
2422
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2409
2423
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2412,13 +2426,13 @@ var Component$1A = function (_a) {
|
|
|
2412
2426
|
/**
|
|
2413
2427
|
* Molecule UI component for Message
|
|
2414
2428
|
*/
|
|
2415
|
-
var Message = Component$
|
|
2429
|
+
var Message = Component$1B;
|
|
2416
2430
|
|
|
2417
|
-
var styles$
|
|
2431
|
+
var styles$1u = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2418
2432
|
|
|
2419
|
-
var Component$
|
|
2433
|
+
var Component$1A = function (_a) {
|
|
2420
2434
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2421
|
-
return (React.createElement("div", { className: styles$
|
|
2435
|
+
return (React.createElement("div", { className: styles$1u['magneto-ui-mobile-job-details-header'] },
|
|
2422
2436
|
React.createElement("button", { onClick: onClick },
|
|
2423
2437
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2424
2438
|
React.createElement("p", null, returnText)));
|
|
@@ -2426,11 +2440,11 @@ var Component$1z = function (_a) {
|
|
|
2426
2440
|
/**
|
|
2427
2441
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2428
2442
|
*/
|
|
2429
|
-
var MobileJobDetailsHeader = Component$
|
|
2443
|
+
var MobileJobDetailsHeader = Component$1A;
|
|
2430
2444
|
|
|
2431
|
-
var styles$
|
|
2445
|
+
var styles$1t = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
2432
2446
|
|
|
2433
|
-
var Component$
|
|
2447
|
+
var Component$1z = function (_a) {
|
|
2434
2448
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2435
2449
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2436
2450
|
var searchInputRef = useRef(null);
|
|
@@ -2452,20 +2466,20 @@ var Component$1y = function (_a) {
|
|
|
2452
2466
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2453
2467
|
}
|
|
2454
2468
|
}, [focusSearchInput]);
|
|
2455
|
-
return (React.createElement("div", { className: styles$
|
|
2469
|
+
return (React.createElement("div", { className: styles$1t.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2456
2470
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2457
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2458
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2471
|
+
searchValue && React.createElement("div", { className: styles$1t['search-badge'] }),
|
|
2472
|
+
React.createElement(MainButton, __assign({ className: styles$1t['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2459
2473
|
React.createElement("label", { htmlFor: "search" }),
|
|
2460
2474
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2461
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2475
|
+
React.createElement(MainButton, __assign({ className: styles$1t['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2462
2476
|
};
|
|
2463
2477
|
/**
|
|
2464
2478
|
* Molecule UI component for MobileSearchbar
|
|
2465
2479
|
*/
|
|
2466
|
-
var MobileSearchbar = Component$
|
|
2480
|
+
var MobileSearchbar = Component$1z;
|
|
2467
2481
|
|
|
2468
|
-
var styles$
|
|
2482
|
+
var styles$1s = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
|
|
2469
2483
|
|
|
2470
2484
|
var Modal = function (_a) {
|
|
2471
2485
|
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;
|
|
@@ -2478,40 +2492,40 @@ var Modal = function (_a) {
|
|
|
2478
2492
|
if (!isOpen)
|
|
2479
2493
|
return null;
|
|
2480
2494
|
return (React.createElement(Fragment, null,
|
|
2481
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2482
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2483
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2495
|
+
React.createElement("div", { className: "".concat(styles$1s["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2496
|
+
title ? React.createElement("h2", { className: "".concat(styles$1s["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2497
|
+
description ? React.createElement("p", { className: "".concat(styles$1s["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2484
2498
|
children,
|
|
2485
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2499
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1s["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2486
2500
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2487
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2501
|
+
React.createElement("span", { className: "".concat(styles$1s["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2488
2502
|
};
|
|
2489
2503
|
var Title = function (_a) {
|
|
2490
2504
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2491
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2505
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1s["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2492
2506
|
};
|
|
2493
2507
|
var Description = function (_a) {
|
|
2494
2508
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2495
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2509
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1s["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2496
2510
|
};
|
|
2497
2511
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2498
2512
|
|
|
2499
|
-
var styles$
|
|
2513
|
+
var styles$1r = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
2500
2514
|
|
|
2501
2515
|
var BtnPagination = function (_a) {
|
|
2502
2516
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2503
2517
|
var displayContent = useMemo(function () {
|
|
2504
2518
|
if (loading && value && current === value)
|
|
2505
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2519
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1r['magneto-ui-btn-pagination_spinner'] });
|
|
2506
2520
|
return value;
|
|
2507
2521
|
}, [loading, current, value]);
|
|
2508
2522
|
var pageQueryParam = 'paginator[page]=';
|
|
2509
2523
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2510
2524
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2511
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2512
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2525
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1r['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2526
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2513
2527
|
displayContent,
|
|
2514
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2528
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2515
2529
|
displayContent,
|
|
2516
2530
|
displayIcon))));
|
|
2517
2531
|
};
|
|
@@ -2562,7 +2576,7 @@ var createPagination = function (_a) {
|
|
|
2562
2576
|
};
|
|
2563
2577
|
};
|
|
2564
2578
|
|
|
2565
|
-
var styles$
|
|
2579
|
+
var styles$1q = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2566
2580
|
|
|
2567
2581
|
var Pagination = function (_a) {
|
|
2568
2582
|
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;
|
|
@@ -2581,16 +2595,16 @@ var Pagination = function (_a) {
|
|
|
2581
2595
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2582
2596
|
if (total <= pageSize)
|
|
2583
2597
|
return React.createElement(Fragment, null);
|
|
2584
|
-
return (React.createElement("div", { className: styles$
|
|
2598
|
+
return (React.createElement("div", { className: styles$1q['magneto-ui-pagination'] },
|
|
2585
2599
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2586
2600
|
React.createElement("ul", null,
|
|
2587
2601
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2588
2602
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2589
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2603
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }))),
|
|
2590
2604
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2591
2605
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2592
2606
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2593
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2607
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }),
|
|
2594
2608
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2595
2609
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2596
2610
|
};
|
|
@@ -2610,9 +2624,9 @@ var generateID = function () {
|
|
|
2610
2624
|
return uniqueID;
|
|
2611
2625
|
};
|
|
2612
2626
|
|
|
2613
|
-
var styles$
|
|
2627
|
+
var styles$1p = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
2614
2628
|
|
|
2615
|
-
var Component$
|
|
2629
|
+
var Component$1y = function (_a) {
|
|
2616
2630
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2617
2631
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2618
2632
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2640,19 +2654,19 @@ var Component$1x = function (_a) {
|
|
|
2640
2654
|
}
|
|
2641
2655
|
return { backgroundColor: '#c4c4c4' };
|
|
2642
2656
|
}, [color, score, spanHover]);
|
|
2643
|
-
return (React.createElement("div", { className: styles$
|
|
2657
|
+
return (React.createElement("div", { className: styles$1p['magneto-ui-score-level'] },
|
|
2644
2658
|
React.createElement("p", null, name),
|
|
2645
|
-
React.createElement("div", { className: styles$
|
|
2659
|
+
React.createElement("div", { className: styles$1p['magneto-ui-score-level__summary'] },
|
|
2646
2660
|
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); } })); })),
|
|
2647
2661
|
React.createElement("p", null, labelScore)),
|
|
2648
|
-
React.createElement("button", { className: styles$
|
|
2662
|
+
React.createElement("button", { className: styles$1p['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2649
2663
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2650
2664
|
};
|
|
2651
|
-
var ScoreLevel = Component$
|
|
2665
|
+
var ScoreLevel = Component$1y;
|
|
2652
2666
|
|
|
2653
|
-
var styles$
|
|
2667
|
+
var styles$1o = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
2654
2668
|
|
|
2655
|
-
var Component$
|
|
2669
|
+
var Component$1x = function (_a) {
|
|
2656
2670
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2657
2671
|
var labelScore = useMemo(function () {
|
|
2658
2672
|
return levels[scoreValue - 1];
|
|
@@ -2667,17 +2681,17 @@ var Component$1w = function (_a) {
|
|
|
2667
2681
|
}
|
|
2668
2682
|
return { backgroundColor: '#c4c4c4' };
|
|
2669
2683
|
}, [color, scoreValue]);
|
|
2670
|
-
return (React.createElement("div", { className: styles$
|
|
2684
|
+
return (React.createElement("div", { className: styles$1o['magneto-ui-score-level'] },
|
|
2671
2685
|
React.createElement("p", null, name),
|
|
2672
|
-
React.createElement("div", { className: styles$
|
|
2686
|
+
React.createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
|
|
2673
2687
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2674
2688
|
React.createElement("p", null, labelScore))));
|
|
2675
2689
|
};
|
|
2676
|
-
var ScoreLevelStatic = Component$
|
|
2690
|
+
var ScoreLevelStatic = Component$1x;
|
|
2677
2691
|
|
|
2678
|
-
var styles$
|
|
2692
|
+
var styles$1n = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
2679
2693
|
|
|
2680
|
-
var Component$
|
|
2694
|
+
var Component$1w = function (_a) {
|
|
2681
2695
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2682
2696
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2683
2697
|
useEffect(function () {
|
|
@@ -2693,32 +2707,32 @@ var Component$1v = function (_a) {
|
|
|
2693
2707
|
setSearchValue('');
|
|
2694
2708
|
onSearch('');
|
|
2695
2709
|
};
|
|
2696
|
-
return (React.createElement("div", { className: styles$
|
|
2710
|
+
return (React.createElement("div", { className: styles$1n.SearchbarComponent },
|
|
2697
2711
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2698
2712
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2699
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2700
|
-
React.createElement("div", { className: styles$
|
|
2713
|
+
searchValue && React.createElement("div", { className: styles$1n['SearchbarComponent__badge'] }),
|
|
2714
|
+
React.createElement("div", { className: styles$1n['magneto-ui-searchbar-buttons'] },
|
|
2701
2715
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2702
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2716
|
+
React.createElement(MainButton, __assign({ className: styles$1n['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2703
2717
|
React.createElement("span", null, "|"))),
|
|
2704
2718
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2705
2719
|
};
|
|
2706
2720
|
/**
|
|
2707
2721
|
* UI Molecule of a searchbar
|
|
2708
2722
|
*/
|
|
2709
|
-
var Searchbar = Component$
|
|
2723
|
+
var Searchbar = Component$1w;
|
|
2710
2724
|
|
|
2711
|
-
var styles$
|
|
2725
|
+
var styles$1m = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2712
2726
|
|
|
2713
|
-
var Component$
|
|
2727
|
+
var Component$1v = function (_a) {
|
|
2714
2728
|
var props = __rest(_a, []);
|
|
2715
|
-
return (React.createElement("div", { className: styles$
|
|
2716
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2729
|
+
return (React.createElement("div", { className: styles$1m['search-button'] },
|
|
2730
|
+
props.searchValue && React.createElement("div", { className: styles$1m['search-button__badge'] }),
|
|
2717
2731
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2718
2732
|
};
|
|
2719
|
-
var SearchButton = Component$
|
|
2733
|
+
var SearchButton = Component$1v;
|
|
2720
2734
|
|
|
2721
|
-
var styles$
|
|
2735
|
+
var styles$1l = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
2722
2736
|
|
|
2723
2737
|
var SimilarJobsCard = function (_a) {
|
|
2724
2738
|
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;
|
|
@@ -2728,12 +2742,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2728
2742
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2729
2743
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2730
2744
|
}, [cities, salary, experience]);
|
|
2731
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2732
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2745
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2746
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2733
2747
|
React.createElement("div", null,
|
|
2734
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2735
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2736
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2748
|
+
React.createElement("p", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2749
|
+
React.createElement("p", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2750
|
+
React.createElement(IconItem, { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2737
2751
|
};
|
|
2738
2752
|
|
|
2739
2753
|
var style$C = {"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"};
|
|
@@ -2755,7 +2769,7 @@ var SortMenu = function (_a) {
|
|
|
2755
2769
|
};
|
|
2756
2770
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2757
2771
|
|
|
2758
|
-
var styles$
|
|
2772
|
+
var styles$1k = {"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"};
|
|
2759
2773
|
|
|
2760
2774
|
var TextArea = function (_a) {
|
|
2761
2775
|
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"]);
|
|
@@ -2781,15 +2795,15 @@ var TextArea = function (_a) {
|
|
|
2781
2795
|
return;
|
|
2782
2796
|
setShowPlaceholder(scrollTop === 0);
|
|
2783
2797
|
}, [showPlaceholder]);
|
|
2784
|
-
return (React.createElement("div", { className: styles$
|
|
2785
|
-
React.createElement("div", { className: styles$
|
|
2798
|
+
return (React.createElement("div", { className: styles$1k["".concat(classMUI, "-text-area")] },
|
|
2799
|
+
React.createElement("div", { className: styles$1k["".concat(classMUI, "-text-area--container")] },
|
|
2786
2800
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2787
2801
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2788
2802
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2789
|
-
}, className: styles$
|
|
2790
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2791
|
-
React.createElement("div", { className: styles$
|
|
2792
|
-
React.createElement("span", { className: styles$
|
|
2803
|
+
}, className: styles$1k["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2804
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1k["".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 }))),
|
|
2805
|
+
React.createElement("div", { className: styles$1k["".concat(classMUI, "-text-area__footer")] },
|
|
2806
|
+
React.createElement("span", { className: styles$1k["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2793
2807
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2794
2808
|
};
|
|
2795
2809
|
|
|
@@ -2800,7 +2814,7 @@ var timelineIcons = {
|
|
|
2800
2814
|
current: Clock,
|
|
2801
2815
|
blocked: Lock
|
|
2802
2816
|
};
|
|
2803
|
-
var Component$
|
|
2817
|
+
var Component$1u = function (_a) {
|
|
2804
2818
|
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;
|
|
2805
2819
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2806
2820
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2813,11 +2827,11 @@ var Component$1t = function (_a) {
|
|
|
2813
2827
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2814
2828
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2815
2829
|
};
|
|
2816
|
-
var TimelineEvent = Component$
|
|
2830
|
+
var TimelineEvent = Component$1u;
|
|
2817
2831
|
|
|
2818
|
-
var styles$
|
|
2832
|
+
var styles$1j = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2819
2833
|
|
|
2820
|
-
var Component$
|
|
2834
|
+
var Component$1t = function (_a) {
|
|
2821
2835
|
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;
|
|
2822
2836
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2823
2837
|
useEffect(function () {
|
|
@@ -2840,29 +2854,29 @@ var Component$1s = function (_a) {
|
|
|
2840
2854
|
}
|
|
2841
2855
|
return false;
|
|
2842
2856
|
};
|
|
2843
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2857
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1j['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2844
2858
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2845
2859
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2846
2860
|
})));
|
|
2847
2861
|
};
|
|
2848
|
-
var ToggleButtonList = Component$
|
|
2862
|
+
var ToggleButtonList = Component$1t;
|
|
2849
2863
|
|
|
2850
|
-
var styles$
|
|
2864
|
+
var styles$1i = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
2851
2865
|
|
|
2852
2866
|
var Tooltip = function (_a) {
|
|
2853
2867
|
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;
|
|
2854
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2855
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2868
|
+
return (React.createElement("div", { className: "".concat(styles$1i['tooltip-container'], " ").concat(styles$1i["tooltip-".concat(position)]) },
|
|
2869
|
+
React.createElement("div", { className: "".concat(styles$1i['tooltip'], " ").concat(styles$1i["tooltip-".concat(position)]) },
|
|
2856
2870
|
children,
|
|
2857
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2871
|
+
React.createElement("span", { className: "".concat(styles$1i['tooltip-text'], " ").concat(styles$1i["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2858
2872
|
};
|
|
2859
2873
|
|
|
2860
|
-
var Component$
|
|
2874
|
+
var Component$1s = function (_a) {
|
|
2861
2875
|
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;
|
|
2862
2876
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2863
2877
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2864
2878
|
};
|
|
2865
|
-
var UserMenu = withClickOut(Component$
|
|
2879
|
+
var UserMenu = withClickOut(Component$1s);
|
|
2866
2880
|
|
|
2867
2881
|
var userMenuAnalystIcons = {
|
|
2868
2882
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2876,11 +2890,11 @@ var userMenuAnalystIcons = {
|
|
|
2876
2890
|
rateUsHelp: Messages2BlackOutline
|
|
2877
2891
|
};
|
|
2878
2892
|
|
|
2879
|
-
var styles$
|
|
2893
|
+
var styles$1h = {"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"};
|
|
2880
2894
|
|
|
2881
|
-
var styles$
|
|
2895
|
+
var styles$1g = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
2882
2896
|
|
|
2883
|
-
var Component$
|
|
2897
|
+
var Component$1r = function (_a) {
|
|
2884
2898
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2885
2899
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2886
2900
|
var handleOnClick = useCallback(function () {
|
|
@@ -2894,12 +2908,12 @@ var Component$1q = function (_a) {
|
|
|
2894
2908
|
}
|
|
2895
2909
|
}, [handleModal, handleMenuOpen, option]);
|
|
2896
2910
|
return (React.createElement("span", { className: CNM.get({
|
|
2897
|
-
styles: styles$
|
|
2911
|
+
styles: styles$1g,
|
|
2898
2912
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2899
2913
|
}) },
|
|
2900
2914
|
prefix,
|
|
2901
2915
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
2902
|
-
styles: styles$
|
|
2916
|
+
styles: styles$1g,
|
|
2903
2917
|
cls: ['user-menu-analyst-option-default__container']
|
|
2904
2918
|
}), 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 }),
|
|
2905
2919
|
suffix));
|
|
@@ -2907,31 +2921,31 @@ var Component$1q = function (_a) {
|
|
|
2907
2921
|
/**
|
|
2908
2922
|
* Molecule UI great-grand child component of menu dropdown
|
|
2909
2923
|
*/
|
|
2910
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
2924
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1r);
|
|
2911
2925
|
|
|
2912
|
-
var styles$
|
|
2926
|
+
var styles$1f = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
2913
2927
|
|
|
2914
|
-
var Component$
|
|
2928
|
+
var Component$1q = function (_a) {
|
|
2915
2929
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2916
2930
|
return (React.createElement("span", { className: CNM.get({
|
|
2917
|
-
styles: styles$
|
|
2931
|
+
styles: styles$1f,
|
|
2918
2932
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2919
2933
|
}) },
|
|
2920
2934
|
prefix,
|
|
2921
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2935
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1f, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2922
2936
|
suffix));
|
|
2923
2937
|
};
|
|
2924
2938
|
/**
|
|
2925
2939
|
* Molecule UI great-grand child component of menu dropdown
|
|
2926
2940
|
*/
|
|
2927
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
2941
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1q);
|
|
2928
2942
|
|
|
2929
|
-
var styles$
|
|
2943
|
+
var styles$1e = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2930
2944
|
|
|
2931
|
-
var Component$
|
|
2945
|
+
var Component$1p = function (_a) {
|
|
2932
2946
|
var option = _a.option, className = _a.className;
|
|
2933
2947
|
return (React.createElement("span", { className: CNM.get({
|
|
2934
|
-
styles: styles$
|
|
2948
|
+
styles: styles$1e,
|
|
2935
2949
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2936
2950
|
}) },
|
|
2937
2951
|
React.createElement("p", null, option.title)));
|
|
@@ -2939,9 +2953,9 @@ var Component$1o = function (_a) {
|
|
|
2939
2953
|
/**
|
|
2940
2954
|
* Molecule UI great-grand child component of menu dropdown
|
|
2941
2955
|
*/
|
|
2942
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
2956
|
+
var UserMenuAnalystOptionText = React.memo(Component$1p);
|
|
2943
2957
|
|
|
2944
|
-
var Component$
|
|
2958
|
+
var Component$1o = function (_a) {
|
|
2945
2959
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2946
2960
|
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" },
|
|
2947
2961
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2961,7 +2975,7 @@ var Action = function (_a) {
|
|
|
2961
2975
|
/**
|
|
2962
2976
|
* Molecule UI great-grand child component of menu dropdown
|
|
2963
2977
|
*/
|
|
2964
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
2978
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1o);
|
|
2965
2979
|
|
|
2966
2980
|
var EUserMenuAnalystOptionType;
|
|
2967
2981
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -2987,28 +3001,28 @@ var optionTypes = (_b = {},
|
|
|
2987
3001
|
_b);
|
|
2988
3002
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
2989
3003
|
|
|
2990
|
-
var styles$
|
|
3004
|
+
var styles$1d = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
2991
3005
|
|
|
2992
|
-
var Component$
|
|
3006
|
+
var Component$1n = function (_a) {
|
|
2993
3007
|
var subTitle = _a.subTitle, title = _a.title;
|
|
2994
3008
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
2995
3009
|
return (React.createElement("div", null,
|
|
2996
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3010
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
2997
3011
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
2998
3012
|
React.createElement("span", { className: CNM.get({
|
|
2999
|
-
styles: styles$
|
|
3013
|
+
styles: styles$1d,
|
|
3000
3014
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3001
3015
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3002
3016
|
React.createElement("span", { className: CNM.get({
|
|
3003
|
-
styles: styles$
|
|
3017
|
+
styles: styles$1d,
|
|
3004
3018
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3005
3019
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3006
3020
|
};
|
|
3007
|
-
var UserMenuAnalystTitle = Component$
|
|
3021
|
+
var UserMenuAnalystTitle = Component$1n;
|
|
3008
3022
|
|
|
3009
|
-
var styles$
|
|
3023
|
+
var styles$1c = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
3010
3024
|
|
|
3011
|
-
var Component$
|
|
3025
|
+
var Component$1m = function (_a) {
|
|
3012
3026
|
var _b;
|
|
3013
3027
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3014
3028
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3034,13 +3048,13 @@ var Component$1l = function (_a) {
|
|
|
3034
3048
|
var OptionType = getOptionType(option.type);
|
|
3035
3049
|
if (!OptionType)
|
|
3036
3050
|
return null;
|
|
3037
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3038
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3051
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__object'] }) },
|
|
3052
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$1c, 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 }) })));
|
|
3039
3053
|
}
|
|
3040
|
-
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$
|
|
3054
|
+
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$1c, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3041
3055
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3042
3056
|
}, className: CNM.get({
|
|
3043
|
-
styles: styles$
|
|
3057
|
+
styles: styles$1c,
|
|
3044
3058
|
cls: [
|
|
3045
3059
|
'user-menu-analyst-option__dropdown',
|
|
3046
3060
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3049,8 +3063,8 @@ var Component$1l = function (_a) {
|
|
|
3049
3063
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3050
3064
|
var _a;
|
|
3051
3065
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3052
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3053
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
3066
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
3067
|
+
_a.map(function (child, j) { return (React.createElement(Component$1m, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3054
3068
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3055
3069
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3056
3070
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3059,27 +3073,27 @@ var Component$1l = function (_a) {
|
|
|
3059
3073
|
/**
|
|
3060
3074
|
* Molecule UI grand child component of menu dropdown
|
|
3061
3075
|
*/
|
|
3062
|
-
var UserMenuAnalystOption = Component$
|
|
3076
|
+
var UserMenuAnalystOption = Component$1m;
|
|
3063
3077
|
|
|
3064
|
-
var Component$
|
|
3078
|
+
var Component$1l = function (_a) {
|
|
3065
3079
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3066
3080
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3067
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3081
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3068
3082
|
var _a;
|
|
3069
3083
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3070
3084
|
_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 })); }),
|
|
3071
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3085
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1h, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3072
3086
|
React.createElement(Divider, null)))));
|
|
3073
3087
|
})));
|
|
3074
3088
|
};
|
|
3075
3089
|
/**
|
|
3076
3090
|
* Molecule UI child component of user menu analyst
|
|
3077
3091
|
*/
|
|
3078
|
-
var UserMenuAnalystOptions = Component$
|
|
3092
|
+
var UserMenuAnalystOptions = Component$1l;
|
|
3079
3093
|
|
|
3080
|
-
var styles$
|
|
3094
|
+
var styles$1b = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
3081
3095
|
|
|
3082
|
-
var Component$
|
|
3096
|
+
var Component$1k = function (_a) {
|
|
3083
3097
|
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;
|
|
3084
3098
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3085
3099
|
var actionUrl = useMemo(function () {
|
|
@@ -3097,58 +3111,58 @@ var Component$1j = function (_a) {
|
|
|
3097
3111
|
: action.data;
|
|
3098
3112
|
}
|
|
3099
3113
|
}, [action, queryString]);
|
|
3100
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3101
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3102
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3114
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst'] }) },
|
|
3115
|
+
React.createElement("header", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__header'] }) },
|
|
3116
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user'] }) },
|
|
3103
3117
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3104
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3105
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3106
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3107
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3118
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info'] }) },
|
|
3119
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3120
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3121
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3108
3122
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3109
|
-
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$
|
|
3123
|
+
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$1b, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3110
3124
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3111
|
-
styles: styles$
|
|
3125
|
+
styles: styles$1b,
|
|
3112
3126
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3113
3127
|
}), optionClassNames: {
|
|
3114
|
-
link: CNM.get({ styles: styles$
|
|
3115
|
-
dropdown: CNM.get({ styles: styles$
|
|
3128
|
+
link: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__company-link'] }),
|
|
3129
|
+
dropdown: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3116
3130
|
} }))),
|
|
3117
3131
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3118
3132
|
};
|
|
3119
3133
|
/**
|
|
3120
3134
|
* Molecule UI component for user menu
|
|
3121
3135
|
*/
|
|
3122
|
-
var UserMenuAnalyst = Component$
|
|
3136
|
+
var UserMenuAnalyst = Component$1k;
|
|
3123
3137
|
|
|
3124
|
-
var styles$
|
|
3138
|
+
var styles$1a = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3125
3139
|
|
|
3126
|
-
var Component$
|
|
3140
|
+
var Component$1j = function (_a) {
|
|
3127
3141
|
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;
|
|
3128
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3142
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1a, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3129
3143
|
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" },
|
|
3130
3144
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3131
3145
|
};
|
|
3132
3146
|
/**
|
|
3133
3147
|
* Molecule UI child component of user menu analyst wrapper
|
|
3134
3148
|
*/
|
|
3135
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3149
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1j);
|
|
3136
3150
|
|
|
3137
|
-
var styles$
|
|
3151
|
+
var styles$19 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3138
3152
|
|
|
3139
|
-
var Component$
|
|
3153
|
+
var Component$1i = function (_a) {
|
|
3140
3154
|
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;
|
|
3141
3155
|
return (React.createElement(React.Fragment, null,
|
|
3142
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3156
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$19, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3143
3157
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3144
3158
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3145
3159
|
};
|
|
3146
3160
|
/**
|
|
3147
3161
|
* Molecule UI child component of user menu analyst wrapper
|
|
3148
3162
|
*/
|
|
3149
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3163
|
+
var UserMenuWrapperAnalystModal = Component$1i;
|
|
3150
3164
|
|
|
3151
|
-
var Component$
|
|
3165
|
+
var Component$1h = function (_a) {
|
|
3152
3166
|
var props = __rest(_a, []);
|
|
3153
3167
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3154
3168
|
useEffect(function () {
|
|
@@ -3170,19 +3184,35 @@ var Component$1g = function (_a) {
|
|
|
3170
3184
|
/**
|
|
3171
3185
|
* Molecule UI component for user menu wrapper analyst
|
|
3172
3186
|
*/
|
|
3173
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3187
|
+
var UserMenuWrapperAnalyst = Component$1h;
|
|
3188
|
+
|
|
3189
|
+
var styles$18 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_i29nu","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_i29nu","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_i29nu","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_i29nu"};
|
|
3190
|
+
|
|
3191
|
+
var Component$1g = function (_a) {
|
|
3192
|
+
var fraudLink = _a.fraudLink;
|
|
3193
|
+
return (React.createElement("div", { className: styles$18['fraud-card-job'] },
|
|
3194
|
+
React.createElement("div", { className: styles$18['fraud-card-job__header'] },
|
|
3195
|
+
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
3196
|
+
React.createElement("h4", null, "\u00A1Ten cuidado con el fraude!")),
|
|
3197
|
+
React.createElement("div", null,
|
|
3198
|
+
React.createElement("p", { className: styles$18['fraud-card-job__text'] }, "Magneto y sus empresas aliadas nunca te pedir\u00E1n dinero a cambio en un proceso de selecci\u00F3n. Ten cuidado, revisa bien la vacante y si ves algo sospechoso rep\u00F3rtalo."),
|
|
3199
|
+
React.createElement("a", { className: styles$18['fraud-card-job__link'], href: fraudLink },
|
|
3200
|
+
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
3201
|
+
"Reportar fraude"))));
|
|
3202
|
+
};
|
|
3203
|
+
var FraudCardJob = Component$1g;
|
|
3174
3204
|
|
|
3175
3205
|
var Component$1f = function (_a) {
|
|
3176
3206
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3177
3207
|
var component = useMemo(function () {
|
|
3178
3208
|
var _a, _b, _c;
|
|
3179
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3209
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container'] }) },
|
|
3180
3210
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3181
3211
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3182
3212
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3183
3213
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3184
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3185
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3214
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3215
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3186
3216
|
});
|
|
3187
3217
|
return container;
|
|
3188
3218
|
};
|
|
@@ -4389,14 +4419,16 @@ var Component$15 = function (_a) {
|
|
|
4389
4419
|
*/
|
|
4390
4420
|
var Divider = Component$15;
|
|
4391
4421
|
|
|
4392
|
-
var styles$$ = {"headerTabComponent":"
|
|
4422
|
+
var styles$$ = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
4393
4423
|
|
|
4394
4424
|
var Component$14 = function (_a) {
|
|
4395
|
-
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive;
|
|
4425
|
+
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
4396
4426
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4397
4427
|
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$$.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4398
|
-
|
|
4399
|
-
React.createElement("p",
|
|
4428
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$$['headerTabComponent__count'] }),
|
|
4429
|
+
React.createElement("p", { className: styles$$['headerTabComponent__text'] }, tabText))) : (React.createElement("a", { className: styles$$.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4430
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$$['headerTabComponent__count'] }),
|
|
4431
|
+
React.createElement("p", { className: styles$$['headerTabComponent__text'] }, tabText)))));
|
|
4400
4432
|
};
|
|
4401
4433
|
/**
|
|
4402
4434
|
* UI Atom component for HeaderTab
|
|
@@ -5180,7 +5212,7 @@ var SimilarJobs = function (_a) {
|
|
|
5180
5212
|
};
|
|
5181
5213
|
|
|
5182
5214
|
var Component$H = function (_a) {
|
|
5183
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5215
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5184
5216
|
var jobDetailsRef = useRef(null);
|
|
5185
5217
|
useEffect(function () {
|
|
5186
5218
|
if (jobDetailsRef.current) {
|
|
@@ -5199,6 +5231,7 @@ var Component$H = function (_a) {
|
|
|
5199
5231
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5200
5232
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5201
5233
|
React.createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5234
|
+
React.createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5202
5235
|
React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5203
5236
|
React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5204
5237
|
similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
|
|
@@ -5736,7 +5769,7 @@ var Swipe = function (_a) {
|
|
|
5736
5769
|
};
|
|
5737
5770
|
|
|
5738
5771
|
var Component$y = function (_a) {
|
|
5739
|
-
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
5772
|
+
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudLink = _a.fraudLink;
|
|
5740
5773
|
var handleClose = useCallback(function () {
|
|
5741
5774
|
if (onClose) {
|
|
5742
5775
|
onClose();
|
|
@@ -5750,27 +5783,29 @@ var Component$y = function (_a) {
|
|
|
5750
5783
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5751
5784
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5752
5785
|
jobSkillsCardProps && React.createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5786
|
+
React.createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5753
5787
|
React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5754
5788
|
React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5755
5789
|
similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
|
|
5756
5790
|
}, [
|
|
5757
|
-
handleClose,
|
|
5758
|
-
isLoading,
|
|
5759
|
-
jobApplyCardProps,
|
|
5760
|
-
jobCompanyLogoProps,
|
|
5761
5791
|
jobDetailAction,
|
|
5762
|
-
|
|
5792
|
+
isLoading,
|
|
5763
5793
|
jobDetailsHeaderText,
|
|
5794
|
+
handleClose,
|
|
5795
|
+
jobCompanyLogoProps,
|
|
5764
5796
|
jobDetailsProps,
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5797
|
+
cities,
|
|
5798
|
+
isRemote,
|
|
5799
|
+
textRemote,
|
|
5768
5800
|
jobVideo,
|
|
5769
5801
|
loadVideo,
|
|
5770
5802
|
setLoadVideo,
|
|
5771
|
-
|
|
5772
|
-
|
|
5773
|
-
|
|
5803
|
+
jobDetailCardProps,
|
|
5804
|
+
jobSkillsCardProps,
|
|
5805
|
+
fraudLink,
|
|
5806
|
+
jobApplyCardProps,
|
|
5807
|
+
jobFooterCardProps,
|
|
5808
|
+
similarJobsProps
|
|
5774
5809
|
]);
|
|
5775
5810
|
var content = useMemo(function () {
|
|
5776
5811
|
return swipeProps ? (React.createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
|
|
@@ -7801,5 +7836,5 @@ var Component = function (_a) {
|
|
|
7801
7836
|
};
|
|
7802
7837
|
var SuggestedJobsPage = Component;
|
|
7803
7838
|
|
|
7804
|
-
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7839
|
+
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
7805
7840
|
//# sourceMappingURL=index.js.map
|