magneto365.ui 2.53.0 → 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 +434 -410
- package/dist/cjs/index.js.map +1 -1
- 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 +434 -411
- package/dist/esm/index.js.map +1 -1
- 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 +13 -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$2a = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$2b;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$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,31 +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;
|
|
531
535
|
|
|
532
|
-
var styles$
|
|
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"};
|
|
533
537
|
|
|
534
|
-
var Component$
|
|
538
|
+
var Component$29 = function (_a) {
|
|
535
539
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
536
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
537
|
-
React.createElement("span", { className: styles$
|
|
540
|
+
return (React.createElement("p", { className: "".concat(styles$26['badge-count'], " ").concat(className) },
|
|
541
|
+
React.createElement("span", { className: styles$26['badge-count__animation'] }),
|
|
538
542
|
number && number));
|
|
539
543
|
};
|
|
540
|
-
var Badge = Component$
|
|
544
|
+
var Badge = Component$29;
|
|
541
545
|
|
|
542
546
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
543
547
|
|
|
@@ -654,9 +658,9 @@ var SignUpButtonStyle = {
|
|
|
654
658
|
}
|
|
655
659
|
};
|
|
656
660
|
|
|
657
|
-
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"};
|
|
658
662
|
|
|
659
|
-
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"};
|
|
660
664
|
|
|
661
665
|
var ShareIcons = {
|
|
662
666
|
Facebook: {
|
|
@@ -676,7 +680,7 @@ var ShareIcons = {
|
|
|
676
680
|
}
|
|
677
681
|
};
|
|
678
682
|
|
|
679
|
-
var Component$
|
|
683
|
+
var Component$28 = function (_a) {
|
|
680
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;
|
|
681
685
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
682
686
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -689,46 +693,46 @@ var Component$27 = function (_a) {
|
|
|
689
693
|
};
|
|
690
694
|
if (component)
|
|
691
695
|
return component;
|
|
692
|
-
return (React.createElement("div", { className: styles$
|
|
693
|
-
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),
|
|
694
698
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
695
|
-
React.createElement("button", { className: styles$
|
|
699
|
+
React.createElement("button", { className: styles$24['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
696
700
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
697
701
|
} },
|
|
698
702
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
699
703
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
700
704
|
actionsLinkList.map(function (_a, index) {
|
|
701
705
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
702
|
-
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" },
|
|
703
707
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
704
708
|
React.createElement("p", { key: index }, text)));
|
|
705
709
|
}),
|
|
706
|
-
React.createElement("div", { className: styles$
|
|
707
|
-
React.createElement("p", { className: styles$
|
|
708
|
-
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)));
|
|
709
713
|
};
|
|
710
714
|
var ShareLinksAction = function (_a) {
|
|
711
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;
|
|
712
|
-
return (React.createElement("div", { className: styles$
|
|
713
|
-
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)),
|
|
714
718
|
shareLinks.map(function (_a, index) {
|
|
715
719
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
716
|
-
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(' ') },
|
|
717
721
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
718
722
|
React.createElement("span", null, title)));
|
|
719
723
|
}),
|
|
720
|
-
React.createElement("div", { className: styles$
|
|
721
|
-
React.createElement("p", { className: styles$
|
|
722
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
723
|
-
React.createElement("div", { className: styles$
|
|
724
|
-
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(); } },
|
|
725
729
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
726
730
|
backText)));
|
|
727
731
|
};
|
|
728
732
|
/**
|
|
729
733
|
* UI Molecule componet of Actions
|
|
730
734
|
*/
|
|
731
|
-
var Actions = Object.assign(Component$
|
|
735
|
+
var Actions = Object.assign(Component$28, { ShareLinks: ShareLinksAction });
|
|
732
736
|
|
|
733
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"};
|
|
734
738
|
|
|
@@ -754,7 +758,7 @@ var alertIcons = {
|
|
|
754
758
|
warning: Warning,
|
|
755
759
|
error: Error
|
|
756
760
|
};
|
|
757
|
-
var Component$
|
|
761
|
+
var Component$27 = function (_a) {
|
|
758
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;
|
|
759
763
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
760
764
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -766,7 +770,7 @@ var Component$26 = function (_a) {
|
|
|
766
770
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
767
771
|
extraButton));
|
|
768
772
|
};
|
|
769
|
-
var Alert = Component$
|
|
773
|
+
var Alert = Component$27;
|
|
770
774
|
|
|
771
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"};
|
|
772
776
|
|
|
@@ -854,7 +858,7 @@ var classNames = {
|
|
|
854
858
|
};
|
|
855
859
|
|
|
856
860
|
var cx$f = classNames.bind(style$W);
|
|
857
|
-
var Component$
|
|
861
|
+
var Component$26 = function (_a) {
|
|
858
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;
|
|
859
863
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
860
864
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -890,7 +894,7 @@ var Component$25 = function (_a) {
|
|
|
890
894
|
/**
|
|
891
895
|
* Molecule UI component for Mobile Drawer
|
|
892
896
|
*/
|
|
893
|
-
var MobileDrawer = Component$
|
|
897
|
+
var MobileDrawer = Component$26;
|
|
894
898
|
|
|
895
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"};
|
|
896
900
|
|
|
@@ -946,11 +950,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
946
950
|
};
|
|
947
951
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
948
952
|
|
|
949
|
-
var styles$
|
|
953
|
+
var styles$23 = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
950
954
|
|
|
951
|
-
var Component$
|
|
955
|
+
var Component$25 = function (_a) {
|
|
952
956
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
953
|
-
return (React.createElement("div", { className: styles$
|
|
957
|
+
return (React.createElement("div", { className: styles$23.BreadcrumbsComponent },
|
|
954
958
|
React.createElement("a", { href: homeUrl },
|
|
955
959
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
956
960
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -958,52 +962,52 @@ var Component$24 = function (_a) {
|
|
|
958
962
|
/**
|
|
959
963
|
* Molecule UI component for breadcrums information
|
|
960
964
|
*/
|
|
961
|
-
var Breadcrumbs = Component$
|
|
965
|
+
var Breadcrumbs = Component$25;
|
|
962
966
|
|
|
963
|
-
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"};
|
|
964
968
|
|
|
965
969
|
var CitiesDetailDrawer = function (_a) {
|
|
966
970
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
967
|
-
return (React.createElement("div", { className: styles$
|
|
968
|
-
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'] },
|
|
969
973
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
970
|
-
React.createElement("div", { className: styles$
|
|
971
|
-
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)),
|
|
972
976
|
cities &&
|
|
973
977
|
cities.map(function (_a, index) {
|
|
974
978
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
975
|
-
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 },
|
|
976
980
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
977
981
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
978
982
|
})))) : null));
|
|
979
983
|
};
|
|
980
984
|
|
|
981
|
-
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"};
|
|
982
986
|
|
|
983
|
-
var Component$
|
|
987
|
+
var Component$24 = function (_a) {
|
|
984
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;
|
|
985
989
|
var disabledArrow = useMemo(function () {
|
|
986
990
|
if (disabled)
|
|
987
|
-
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 }));
|
|
988
992
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
989
993
|
}, [disabled]);
|
|
990
|
-
return (React.createElement("div", { className: styles$
|
|
991
|
-
React.createElement("select", { className: styles$
|
|
992
|
-
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 :
|
|
993
997
|
dateOptions.map(function (_a) {
|
|
994
998
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
995
|
-
return (React.createElement("option", { className: styles$
|
|
999
|
+
return (React.createElement("option", { className: styles$21['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
996
1000
|
})),
|
|
997
|
-
React.createElement("span", { className: styles$
|
|
1001
|
+
React.createElement("span", { className: styles$21['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
998
1002
|
};
|
|
999
|
-
var DateDropdown = Component$
|
|
1003
|
+
var DateDropdown = Component$24;
|
|
1000
1004
|
|
|
1001
|
-
var styles$
|
|
1005
|
+
var styles$20 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1002
1006
|
|
|
1003
1007
|
var defaultValue$1 = function (value) {
|
|
1004
1008
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1005
1009
|
};
|
|
1006
|
-
var Component$
|
|
1010
|
+
var Component$23 = function (_a) {
|
|
1007
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;
|
|
1008
1012
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1009
1013
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1037,16 +1041,16 @@ var Component$22 = function (_a) {
|
|
|
1037
1041
|
}
|
|
1038
1042
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1039
1043
|
}, [disabled]);
|
|
1040
|
-
return (React.createElement("div", { className: styles$
|
|
1044
|
+
return (React.createElement("div", { className: styles$20['magneto-ui--date-picker__wrapper'] },
|
|
1041
1045
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1042
1046
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1043
1047
|
};
|
|
1044
|
-
var DatePicker = Component$
|
|
1048
|
+
var DatePicker = Component$23;
|
|
1045
1049
|
|
|
1046
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"};
|
|
1047
1051
|
|
|
1048
1052
|
var DEFAULT_PADDING = 20;
|
|
1049
|
-
var Component$
|
|
1053
|
+
var Component$22 = function (_a) {
|
|
1050
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;
|
|
1051
1055
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1052
1056
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1092,7 +1096,7 @@ var Component$21 = function (_a) {
|
|
|
1092
1096
|
/**
|
|
1093
1097
|
* Molecule UI component for Drawer
|
|
1094
1098
|
*/
|
|
1095
|
-
var Drawer = Component$
|
|
1099
|
+
var Drawer = Component$22;
|
|
1096
1100
|
|
|
1097
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"};
|
|
1098
1102
|
|
|
@@ -1155,15 +1159,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1155
1159
|
_c)
|
|
1156
1160
|
};
|
|
1157
1161
|
|
|
1158
|
-
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"};
|
|
1159
1163
|
|
|
1160
|
-
var Component$
|
|
1164
|
+
var Component$21 = function (_a) {
|
|
1161
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;
|
|
1162
1166
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1163
1167
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1164
1168
|
var componentProps = useMemo(function () {
|
|
1165
1169
|
var className = CNM.get({
|
|
1166
|
-
styles: styles$
|
|
1170
|
+
styles: styles$1$,
|
|
1167
1171
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1168
1172
|
});
|
|
1169
1173
|
if (isUrl)
|
|
@@ -1185,48 +1189,48 @@ var Component$20 = function (_a) {
|
|
|
1185
1189
|
}
|
|
1186
1190
|
return;
|
|
1187
1191
|
}, [loading, variant]);
|
|
1188
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1189
|
-
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'] }) },
|
|
1190
1194
|
React.createElement(Component, __assign({}, componentProps),
|
|
1191
1195
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1192
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1196
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info-action__title'] }) }, title),
|
|
1193
1197
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1194
1198
|
};
|
|
1195
1199
|
/**
|
|
1196
1200
|
* Molecule UI child component of expandable info
|
|
1197
1201
|
*/
|
|
1198
|
-
var ExpandableInfoAction = Component$
|
|
1202
|
+
var ExpandableInfoAction = Component$21;
|
|
1199
1203
|
|
|
1200
|
-
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"};
|
|
1201
1205
|
|
|
1202
|
-
var Component$
|
|
1206
|
+
var Component$20 = function (_a) {
|
|
1203
1207
|
var sections = _a.sections, footer = _a.footer;
|
|
1204
1208
|
var sectionStyles = useCallback(function (multiple) {
|
|
1205
1209
|
return CNM.get({
|
|
1206
|
-
styles: styles$
|
|
1210
|
+
styles: styles$1_,
|
|
1207
1211
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1208
1212
|
});
|
|
1209
1213
|
}, []);
|
|
1210
1214
|
var subSectionStyles = useCallback(function (initial) {
|
|
1211
1215
|
return CNM.get({
|
|
1212
|
-
styles: styles$
|
|
1216
|
+
styles: styles$1_,
|
|
1213
1217
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1214
1218
|
});
|
|
1215
1219
|
}, []);
|
|
1216
1220
|
var itemStyles = useCallback(function (first) {
|
|
1217
1221
|
return CNM.get({
|
|
1218
|
-
styles: styles$
|
|
1222
|
+
styles: styles$1_,
|
|
1219
1223
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1220
1224
|
});
|
|
1221
1225
|
}, []);
|
|
1222
1226
|
var textStyles = useCallback(function (bold) {
|
|
1223
1227
|
return CNM.get({
|
|
1224
|
-
styles: styles$
|
|
1228
|
+
styles: styles$1_,
|
|
1225
1229
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1226
1230
|
});
|
|
1227
1231
|
}, []);
|
|
1228
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1229
|
-
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 :
|
|
1230
1234
|
sections.map(function (section, index) {
|
|
1231
1235
|
var _a, _b;
|
|
1232
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) {
|
|
@@ -1240,13 +1244,13 @@ var Component$1$ = function (_a) {
|
|
|
1240
1244
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1241
1245
|
})));
|
|
1242
1246
|
}),
|
|
1243
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1244
|
-
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'] }) }))))));
|
|
1245
1249
|
};
|
|
1246
1250
|
/**
|
|
1247
1251
|
* Molecule UI child component of expandable info
|
|
1248
1252
|
*/
|
|
1249
|
-
var ExpandableInfoDetails = Component$
|
|
1253
|
+
var ExpandableInfoDetails = Component$20;
|
|
1250
1254
|
|
|
1251
1255
|
var EExpandableInfoVariant;
|
|
1252
1256
|
(function (EExpandableInfoVariant) {
|
|
@@ -1267,9 +1271,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1267
1271
|
_a$3)
|
|
1268
1272
|
};
|
|
1269
1273
|
|
|
1270
|
-
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"};
|
|
1271
1275
|
|
|
1272
|
-
var Component$
|
|
1276
|
+
var Component$1$ = function (_a) {
|
|
1273
1277
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1274
1278
|
var icon = useCallback(function (icon) {
|
|
1275
1279
|
if (icon) {
|
|
@@ -1282,22 +1286,22 @@ var Component$1_ = function (_a) {
|
|
|
1282
1286
|
}, [variant]);
|
|
1283
1287
|
if (!title)
|
|
1284
1288
|
return null;
|
|
1285
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1286
|
-
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'] }) },
|
|
1287
1291
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1288
1292
|
React.createElement("span", { className: CNM.get({
|
|
1289
|
-
styles: styles$
|
|
1293
|
+
styles: styles$1Z,
|
|
1290
1294
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1291
1295
|
}) }, title))));
|
|
1292
1296
|
};
|
|
1293
1297
|
/**
|
|
1294
1298
|
* Molecule UI child component of expandable info
|
|
1295
1299
|
*/
|
|
1296
|
-
var ExpandableInfoMessage = Component$
|
|
1300
|
+
var ExpandableInfoMessage = Component$1$;
|
|
1297
1301
|
|
|
1298
|
-
var styles$
|
|
1302
|
+
var styles$1Y = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1299
1303
|
|
|
1300
|
-
var Component$
|
|
1304
|
+
var Component$1_ = function (_a) {
|
|
1301
1305
|
var toggler = _a.toggler, details = _a.details;
|
|
1302
1306
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1303
1307
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1305,28 +1309,28 @@ var Component$1Z = function (_a) {
|
|
|
1305
1309
|
}, []);
|
|
1306
1310
|
return (React.createElement(React.Fragment, null,
|
|
1307
1311
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1308
|
-
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'] }) },
|
|
1309
1313
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1310
1314
|
};
|
|
1311
1315
|
/**
|
|
1312
1316
|
* Molecule UI child component of expandable info
|
|
1313
1317
|
*/
|
|
1314
|
-
var ExpandableInfoModal = Component$
|
|
1318
|
+
var ExpandableInfoModal = Component$1_;
|
|
1315
1319
|
|
|
1316
|
-
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"};
|
|
1317
1321
|
|
|
1318
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"};
|
|
1319
1323
|
|
|
1320
|
-
var styles$
|
|
1324
|
+
var styles$1W = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1321
1325
|
|
|
1322
1326
|
var Image = function (_a) {
|
|
1323
1327
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1324
1328
|
return (React.createElement(React.Fragment, null,
|
|
1325
1329
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1326
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1330
|
+
playIcon && React.createElement("div", { className: styles$1W['magneto-ui-play-button'] }, playIcon)));
|
|
1327
1331
|
};
|
|
1328
1332
|
|
|
1329
|
-
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"};
|
|
1330
1334
|
|
|
1331
1335
|
var MegaMenuCard = function (_a) {
|
|
1332
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;
|
|
@@ -1336,17 +1340,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1336
1340
|
onClick();
|
|
1337
1341
|
}
|
|
1338
1342
|
}, [onClick]);
|
|
1339
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
1340
|
-
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"] },
|
|
1341
1345
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1342
|
-
logo && (React.createElement("div", { className: styles$
|
|
1343
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1344
|
-
React.createElement("div", { className: styles$
|
|
1345
|
-
React.createElement("div", { className: styles$
|
|
1346
|
-
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', {
|
|
1347
1351
|
maximumFractionDigits: 3
|
|
1348
1352
|
}), " cupos"))),
|
|
1349
|
-
showRigthArrow && (React.createElement("div", { className: styles$
|
|
1353
|
+
showRigthArrow && (React.createElement("div", { className: styles$1V["magneto-ui-mega-menu-card__arrow"] },
|
|
1350
1354
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1351
1355
|
};
|
|
1352
1356
|
|
|
@@ -1365,24 +1369,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1365
1369
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1366
1370
|
};
|
|
1367
1371
|
|
|
1368
|
-
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"};
|
|
1369
1373
|
|
|
1370
1374
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1371
1375
|
var Component = function (_a) {
|
|
1372
1376
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1373
|
-
return (React.createElement("div", { className: styles$
|
|
1374
|
-
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'] },
|
|
1375
1379
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1376
|
-
React.createElement("div", { className: styles$
|
|
1380
|
+
React.createElement("div", { className: styles$1U['mega-menu-side-container__main'] },
|
|
1377
1381
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1378
1382
|
};
|
|
1379
1383
|
return Component;
|
|
1380
1384
|
};
|
|
1381
1385
|
|
|
1382
|
-
var Component$
|
|
1386
|
+
var Component$1Z = function (_a) {
|
|
1383
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;
|
|
1384
1388
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1385
|
-
styles: styles$
|
|
1389
|
+
styles: styles$1X,
|
|
1386
1390
|
cls: [
|
|
1387
1391
|
'expandable-info-popover',
|
|
1388
1392
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1390,7 +1394,7 @@ var Component$1Y = function (_a) {
|
|
|
1390
1394
|
]
|
|
1391
1395
|
}), content: React.createElement(React.Fragment, null,
|
|
1392
1396
|
React.createElement("span", { className: CNM.get({
|
|
1393
|
-
styles: styles$
|
|
1397
|
+
styles: styles$1X,
|
|
1394
1398
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1395
1399
|
}) }),
|
|
1396
1400
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1399,19 +1403,19 @@ var Component$1Y = function (_a) {
|
|
|
1399
1403
|
/**
|
|
1400
1404
|
* Molecule UI child component of expandable info
|
|
1401
1405
|
*/
|
|
1402
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1406
|
+
var ExpandableInfoPopover = withClickOut(Component$1Z);
|
|
1403
1407
|
|
|
1404
1408
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1405
1409
|
coin: CoinBlackOutline
|
|
1406
1410
|
};
|
|
1407
1411
|
|
|
1408
|
-
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"};
|
|
1409
1413
|
|
|
1410
|
-
var Component$
|
|
1414
|
+
var Component$1Y = function (_a) {
|
|
1411
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;
|
|
1412
1416
|
var styleGenerator = useCallback(function (base) {
|
|
1413
1417
|
return CNM.get({
|
|
1414
|
-
styles: styles$
|
|
1418
|
+
styles: styles$1T,
|
|
1415
1419
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1416
1420
|
});
|
|
1417
1421
|
}, [variant]);
|
|
@@ -1443,7 +1447,7 @@ var Component$1X = function (_a) {
|
|
|
1443
1447
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1444
1448
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1445
1449
|
React.createElement("div", { className: CNM.get({
|
|
1446
|
-
styles: styles$
|
|
1450
|
+
styles: styles$1T,
|
|
1447
1451
|
cls: [
|
|
1448
1452
|
'expandable-info-toggler__summary',
|
|
1449
1453
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1456,11 +1460,11 @@ var Component$1X = function (_a) {
|
|
|
1456
1460
|
/**
|
|
1457
1461
|
* Molecule UI child component of expandable info
|
|
1458
1462
|
*/
|
|
1459
|
-
var ExpandableInfoToggler = Component$
|
|
1463
|
+
var ExpandableInfoToggler = Component$1Y;
|
|
1460
1464
|
|
|
1461
|
-
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"};
|
|
1462
1466
|
|
|
1463
|
-
var Component$
|
|
1467
|
+
var Component$1X = function (_a) {
|
|
1464
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;
|
|
1465
1469
|
var togglerProps = useMemo(function () { return ({
|
|
1466
1470
|
details: details,
|
|
@@ -1474,9 +1478,9 @@ var Component$1W = function (_a) {
|
|
|
1474
1478
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1475
1479
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1476
1480
|
});
|
|
1477
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1481
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1S, cls: ['expandable-info'] }) },
|
|
1478
1482
|
React.createElement("div", { className: CNM.get({
|
|
1479
|
-
styles: styles$
|
|
1483
|
+
styles: styles$1S,
|
|
1480
1484
|
cls: [
|
|
1481
1485
|
'expandable-info__container',
|
|
1482
1486
|
"expandable-info__container--".concat(variant),
|
|
@@ -1486,13 +1490,13 @@ var Component$1W = function (_a) {
|
|
|
1486
1490
|
}) },
|
|
1487
1491
|
container,
|
|
1488
1492
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1489
|
-
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)); }))),
|
|
1490
1494
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1491
1495
|
};
|
|
1492
1496
|
/**
|
|
1493
1497
|
* Molecule UI component for expandable info
|
|
1494
1498
|
*/
|
|
1495
|
-
var ExpandableInfo = Component$
|
|
1499
|
+
var ExpandableInfo = Component$1X;
|
|
1496
1500
|
|
|
1497
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"};
|
|
1498
1502
|
|
|
@@ -1520,7 +1524,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1520
1524
|
return React.createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1521
1525
|
};
|
|
1522
1526
|
|
|
1523
|
-
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"};
|
|
1524
1528
|
|
|
1525
1529
|
var FilterMenuItem = function (_a) {
|
|
1526
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"]);
|
|
@@ -1535,35 +1539,35 @@ var FilterMenuItem = function (_a) {
|
|
|
1535
1539
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1536
1540
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1537
1541
|
var className = useMemo(function () {
|
|
1538
|
-
return isApplied ? styles$
|
|
1542
|
+
return isApplied ? styles$1R.selected : isSearched ? styles$1R.isSearched : hiddenCount ? '' : !total && styles$1R.disabled;
|
|
1539
1543
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1540
1544
|
var handleClick = useCallback(function () {
|
|
1541
1545
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1542
1546
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1543
1547
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1544
1548
|
if (loading)
|
|
1545
|
-
return React.createElement("div", { className: styles$
|
|
1546
|
-
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 },
|
|
1547
1551
|
React.createElement("span", null, label),
|
|
1548
1552
|
displayOutput));
|
|
1549
1553
|
};
|
|
1550
1554
|
|
|
1551
|
-
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"};
|
|
1552
1556
|
|
|
1553
1557
|
var FilterSearchItem = function (_a) {
|
|
1554
1558
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1555
1559
|
var inputRef = useRef(null);
|
|
1556
1560
|
if (loading)
|
|
1557
|
-
return (React.createElement("div", { className: styles$
|
|
1561
|
+
return (React.createElement("div", { className: styles$1Q.skeleton },
|
|
1558
1562
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1559
|
-
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 : '') },
|
|
1560
1564
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1561
1565
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1562
1566
|
};
|
|
1563
1567
|
|
|
1564
|
-
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"};
|
|
1565
1569
|
|
|
1566
|
-
var Component$
|
|
1570
|
+
var Component$1W = function (_a) {
|
|
1567
1571
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1568
1572
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1569
1573
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1573,46 +1577,46 @@ var Component$1V = function (_a) {
|
|
|
1573
1577
|
return searchList;
|
|
1574
1578
|
}, [searchList, showFullList]);
|
|
1575
1579
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1576
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1577
|
-
React.createElement("h2", { className: styles$
|
|
1578
|
-
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) {
|
|
1579
1583
|
var props = __rest(_a, []);
|
|
1580
1584
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1581
1585
|
})),
|
|
1582
|
-
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 },
|
|
1583
1587
|
showMore,
|
|
1584
1588
|
" (",
|
|
1585
1589
|
searchList.length,
|
|
1586
|
-
")")) : (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))));
|
|
1587
1591
|
};
|
|
1588
1592
|
/**
|
|
1589
1593
|
* UI Atom component of Frequent Search
|
|
1590
1594
|
*/
|
|
1591
|
-
var FrequentSearch = Component$
|
|
1595
|
+
var FrequentSearch = Component$1W;
|
|
1592
1596
|
|
|
1593
1597
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1594
1598
|
|
|
1595
|
-
var Component$
|
|
1599
|
+
var Component$1V = function (_a) {
|
|
1596
1600
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1597
1601
|
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1598
1602
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1599
1603
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1600
1604
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1601
1605
|
};
|
|
1602
|
-
var HeaderDrawerCompany = Component$
|
|
1606
|
+
var HeaderDrawerCompany = Component$1V;
|
|
1603
1607
|
|
|
1604
|
-
var styles$
|
|
1608
|
+
var styles$1O = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1605
1609
|
|
|
1606
|
-
var Component$
|
|
1610
|
+
var Component$1U = function (_a) {
|
|
1607
1611
|
var children = _a.children;
|
|
1608
|
-
return React.createElement("div", { className: styles$
|
|
1612
|
+
return React.createElement("div", { className: styles$1O.TabComponent }, children);
|
|
1609
1613
|
};
|
|
1610
1614
|
/**
|
|
1611
1615
|
* Molecule UI for Tab
|
|
1612
1616
|
*/
|
|
1613
|
-
var Tab = Component$
|
|
1617
|
+
var Tab = Component$1U;
|
|
1614
1618
|
|
|
1615
|
-
var styles$
|
|
1619
|
+
var styles$1N = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1616
1620
|
|
|
1617
1621
|
var toCSSVariables = function (input) {
|
|
1618
1622
|
var output = {};
|
|
@@ -1627,35 +1631,35 @@ var toCSSVariables = function (input) {
|
|
|
1627
1631
|
return output;
|
|
1628
1632
|
};
|
|
1629
1633
|
|
|
1630
|
-
var Component$
|
|
1634
|
+
var Component$1T = function (_a) {
|
|
1631
1635
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1632
1636
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1633
1637
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1634
|
-
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 }))));
|
|
1635
1639
|
};
|
|
1636
1640
|
/**
|
|
1637
1641
|
* Molecule UI component for Tab Button
|
|
1638
1642
|
*/
|
|
1639
|
-
var TabButton = Component$
|
|
1643
|
+
var TabButton = Component$1T;
|
|
1640
1644
|
|
|
1641
|
-
var styles$
|
|
1645
|
+
var styles$1M = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1642
1646
|
|
|
1643
|
-
var Component$
|
|
1647
|
+
var Component$1S = function (_a) {
|
|
1644
1648
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1645
|
-
return (React.createElement("div", { className: styles$
|
|
1649
|
+
return (React.createElement("div", { className: styles$1M.HeaderDrawerTabsComponent },
|
|
1646
1650
|
React.createElement("a", { href: homeUrl },
|
|
1647
1651
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1648
1652
|
React.createElement(Tab, null,
|
|
1649
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 }),
|
|
1650
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 }))));
|
|
1651
1655
|
};
|
|
1652
|
-
var HeaderDrawerTabs = Component$
|
|
1656
|
+
var HeaderDrawerTabs = Component$1S;
|
|
1653
1657
|
|
|
1654
|
-
var styles$
|
|
1658
|
+
var styles$1L = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1655
1659
|
|
|
1656
|
-
var Component$
|
|
1660
|
+
var Component$1R = function (_a) {
|
|
1657
1661
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1658
|
-
return (React.createElement("div", { className: styles$
|
|
1662
|
+
return (React.createElement("div", { className: styles$1L.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1659
1663
|
var headerTabProps = __rest(_a, []);
|
|
1660
1664
|
return (React.createElement(React.Fragment, { key: index },
|
|
1661
1665
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1666,9 +1670,9 @@ var Component$1Q = function (_a) {
|
|
|
1666
1670
|
/**
|
|
1667
1671
|
* Molecule UI component for header tabs information`
|
|
1668
1672
|
*/
|
|
1669
|
-
var HeaderTabs = Component$
|
|
1673
|
+
var HeaderTabs = Component$1R;
|
|
1670
1674
|
|
|
1671
|
-
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"};
|
|
1672
1676
|
|
|
1673
1677
|
var Input = function (_a) {
|
|
1674
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"]);
|
|
@@ -1703,28 +1707,28 @@ var Input = function (_a) {
|
|
|
1703
1707
|
setInputValue(e.target.value);
|
|
1704
1708
|
}, [onChange]);
|
|
1705
1709
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1706
|
-
React.createElement("div", { className: styles$
|
|
1710
|
+
React.createElement("div", { className: styles$1K["".concat(classMUI, "-input")] },
|
|
1707
1711
|
React.createElement("div", null,
|
|
1708
|
-
React.createElement("div", { className: styles$
|
|
1712
|
+
React.createElement("div", { className: styles$1K["".concat(classMUI, "-input--container")] },
|
|
1709
1713
|
React.createElement("label", { htmlFor: name, style: {
|
|
1710
1714
|
left: hideIcon ? '10px' : '40px',
|
|
1711
1715
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1712
1716
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1713
|
-
}, className: styles$
|
|
1717
|
+
}, className: styles$1K["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1714
1718
|
React.createElement("input", __assign({}, props, { style: {
|
|
1715
1719
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1716
|
-
}, disabled: disabled, className: styles$
|
|
1717
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1718
|
-
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")] },
|
|
1719
1723
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1720
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1721
|
-
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)),
|
|
1722
1726
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1723
1727
|
};
|
|
1724
1728
|
|
|
1725
|
-
var styles$
|
|
1729
|
+
var styles$1J = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1726
1730
|
|
|
1727
|
-
var Component$
|
|
1731
|
+
var Component$1Q = function (_a) {
|
|
1728
1732
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1729
1733
|
var loadingSize = useMemo(function () {
|
|
1730
1734
|
if (size) {
|
|
@@ -1738,11 +1742,11 @@ var Component$1P = function (_a) {
|
|
|
1738
1742
|
height: '15px'
|
|
1739
1743
|
};
|
|
1740
1744
|
}, [size]);
|
|
1741
|
-
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")] }));
|
|
1742
1746
|
};
|
|
1743
|
-
var FlatLoader = Component$
|
|
1747
|
+
var FlatLoader = Component$1Q;
|
|
1744
1748
|
|
|
1745
|
-
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"};
|
|
1746
1750
|
|
|
1747
1751
|
var InputPlus = function (_a) {
|
|
1748
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;
|
|
@@ -1786,16 +1790,16 @@ var InputPlus = function (_a) {
|
|
|
1786
1790
|
}
|
|
1787
1791
|
}
|
|
1788
1792
|
}, [disabledBtn, handleSubmmit]);
|
|
1789
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1793
|
+
return (React.createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1790
1794
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1791
|
-
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" })))));
|
|
1792
1796
|
};
|
|
1793
1797
|
|
|
1794
|
-
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"};
|
|
1795
1799
|
|
|
1796
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"};
|
|
1797
1801
|
|
|
1798
|
-
var Component$
|
|
1802
|
+
var Component$1P = function (_a) {
|
|
1799
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"]);
|
|
1800
1804
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1801
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(' ') },
|
|
@@ -1813,10 +1817,10 @@ var Component$1O = function (_a) {
|
|
|
1813
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); } }),
|
|
1814
1818
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1815
1819
|
};
|
|
1816
|
-
Component$
|
|
1817
|
-
var SharePopover = Component$
|
|
1820
|
+
Component$1P.displayName = 'SharePopover';
|
|
1821
|
+
var SharePopover = Component$1P;
|
|
1818
1822
|
|
|
1819
|
-
var Component$
|
|
1823
|
+
var Component$1O = function (_a) {
|
|
1820
1824
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1821
1825
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1822
1826
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1824,30 +1828,30 @@ var Component$1N = function (_a) {
|
|
|
1824
1828
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1825
1829
|
}); });
|
|
1826
1830
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1827
|
-
return (React.createElement("div", { className: styles$
|
|
1828
|
-
React.createElement("div", { id: styles$
|
|
1829
|
-
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'] },
|
|
1830
1834
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1831
1835
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1832
1836
|
filteredActionsLinkList.map(function (_a) {
|
|
1833
1837
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1834
|
-
return (React.createElement("div", { className: styles$
|
|
1835
|
-
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 },
|
|
1836
1840
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1837
1841
|
}))));
|
|
1838
1842
|
};
|
|
1839
1843
|
/**
|
|
1840
1844
|
* UI Molecule Component for Jobs Actions
|
|
1841
1845
|
*/
|
|
1842
|
-
var JobActions = Component$
|
|
1846
|
+
var JobActions = Component$1O;
|
|
1843
1847
|
|
|
1844
|
-
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"};
|
|
1845
1849
|
|
|
1846
|
-
var Component$
|
|
1850
|
+
var Component$1N = function (_a) {
|
|
1847
1851
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1848
|
-
return (React.createElement("div", { className: styles$
|
|
1849
|
-
React.createElement("div", { className: styles$
|
|
1850
|
-
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'] },
|
|
1851
1855
|
React.createElement("p", null, offerApplyHeader),
|
|
1852
1856
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1853
1857
|
offerApplyElements
|
|
@@ -1857,16 +1861,16 @@ var Component$1M = function (_a) {
|
|
|
1857
1861
|
})
|
|
1858
1862
|
.map(function (_a) {
|
|
1859
1863
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1860
|
-
return (React.createElement("div", { className: styles$
|
|
1864
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1861
1865
|
React.createElement("p", null, offerApplyLabel),
|
|
1862
1866
|
React.createElement("p", null, offerApplyInfo)));
|
|
1863
1867
|
})),
|
|
1864
|
-
React.createElement("div", { id: styles$
|
|
1868
|
+
React.createElement("div", { id: styles$1G['magneto-ui__external-child'] }, externalChild))));
|
|
1865
1869
|
};
|
|
1866
1870
|
/**
|
|
1867
1871
|
* UI Molecule Component for Job Apply Card
|
|
1868
1872
|
*/
|
|
1869
|
-
var JobApplyCard = Component$
|
|
1873
|
+
var JobApplyCard = Component$1N;
|
|
1870
1874
|
|
|
1871
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"};
|
|
1872
1876
|
|
|
@@ -1950,29 +1954,29 @@ var JobCard = function (_a) {
|
|
|
1950
1954
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1951
1955
|
};
|
|
1952
1956
|
|
|
1953
|
-
var styles$
|
|
1957
|
+
var styles$1F = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1954
1958
|
|
|
1955
|
-
var Component$
|
|
1959
|
+
var Component$1M = function (_a) {
|
|
1956
1960
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1957
|
-
return (React.createElement("div", { className: styles$
|
|
1961
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-job-company-header'] },
|
|
1958
1962
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1959
1963
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1960
1964
|
};
|
|
1961
1965
|
/**
|
|
1962
1966
|
* UI Molecule component for Company Job Header
|
|
1963
1967
|
*/
|
|
1964
|
-
var JobCompanyHeader = Component$
|
|
1968
|
+
var JobCompanyHeader = Component$1M;
|
|
1965
1969
|
|
|
1966
|
-
var styles$
|
|
1970
|
+
var styles$1E = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1967
1971
|
|
|
1968
|
-
var Component$
|
|
1972
|
+
var Component$1L = function (_a) {
|
|
1969
1973
|
var offerDescription = _a.offerDescription;
|
|
1970
|
-
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)));
|
|
1971
1975
|
};
|
|
1972
1976
|
/**
|
|
1973
1977
|
* UI Molecule Component for Job Detail Card Header
|
|
1974
1978
|
*/
|
|
1975
|
-
var JobDetailCard = Component$
|
|
1979
|
+
var JobDetailCard = Component$1L;
|
|
1976
1980
|
|
|
1977
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"};
|
|
1978
1982
|
|
|
@@ -1987,9 +1991,9 @@ var JobDetailContainer = function (_a) {
|
|
|
1987
1991
|
children));
|
|
1988
1992
|
};
|
|
1989
1993
|
|
|
1990
|
-
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"};
|
|
1991
1995
|
|
|
1992
|
-
var Component$
|
|
1996
|
+
var Component$1K = function (_a) {
|
|
1993
1997
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
1994
1998
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
1995
1999
|
icon: iconList && iconList[index],
|
|
@@ -1999,27 +2003,27 @@ var Component$1J = function (_a) {
|
|
|
1999
2003
|
var offerDetailText = _a.offerDetailText;
|
|
2000
2004
|
return !!offerDetailText && index !== 1;
|
|
2001
2005
|
});
|
|
2002
|
-
return (React.createElement("div", { className: styles$
|
|
2003
|
-
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'] },
|
|
2004
2008
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2005
2009
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2006
2010
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2007
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2008
|
-
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'] },
|
|
2009
2013
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2010
|
-
React.createElement("p", { className: styles$
|
|
2014
|
+
React.createElement("p", { className: styles$1D['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2011
2015
|
})),
|
|
2012
2016
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2013
2017
|
};
|
|
2014
2018
|
/**
|
|
2015
2019
|
* UI Molecule component for Job Detail
|
|
2016
2020
|
*/
|
|
2017
|
-
Component$
|
|
2018
|
-
var JobDetails = Component$
|
|
2021
|
+
Component$1K.displayName = 'JobDetails';
|
|
2022
|
+
var JobDetails = Component$1K;
|
|
2019
2023
|
|
|
2020
|
-
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"};
|
|
2021
2025
|
|
|
2022
|
-
var Component$
|
|
2026
|
+
var Component$1J = function (_a) {
|
|
2023
2027
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2024
2028
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2025
2029
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2030,28 +2034,28 @@ var Component$1I = function (_a) {
|
|
|
2030
2034
|
title: title
|
|
2031
2035
|
});
|
|
2032
2036
|
});
|
|
2033
|
-
return (React.createElement("div", { className: styles$
|
|
2037
|
+
return (React.createElement("div", { className: styles$1C['magneto-ui-job-footer-card'] },
|
|
2034
2038
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2035
|
-
React.createElement("div", { className: styles$
|
|
2039
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-footer-card__icons'] },
|
|
2036
2040
|
React.createElement("p", null, offerFooterHeader),
|
|
2037
|
-
React.createElement("div", { className: styles$
|
|
2041
|
+
React.createElement("div", { className: styles$1C['magneto-ui-job-footer-card__wrapper'] },
|
|
2038
2042
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2039
2043
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2040
2044
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2041
2045
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2042
2046
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2043
2047
|
})),
|
|
2044
|
-
React.createElement("div", { className: styles$
|
|
2048
|
+
React.createElement("div", { className: styles$1C['magneto-ui__share-button'] },
|
|
2045
2049
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2046
2050
|
};
|
|
2047
2051
|
/**
|
|
2048
2052
|
* UI Molecule component for Job Footer Card
|
|
2049
2053
|
*/
|
|
2050
|
-
var JobFooterCard = Component$
|
|
2054
|
+
var JobFooterCard = Component$1J;
|
|
2051
2055
|
|
|
2052
|
-
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"};
|
|
2053
2057
|
|
|
2054
|
-
var Component$
|
|
2058
|
+
var Component$1I = function (_a) {
|
|
2055
2059
|
var name = _a.name, score = _a.score;
|
|
2056
2060
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2057
2061
|
var skillRef = useRef(null);
|
|
@@ -2087,21 +2091,21 @@ var Component$1H = function (_a) {
|
|
|
2087
2091
|
4: 'four'
|
|
2088
2092
|
};
|
|
2089
2093
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2090
|
-
var fillAnimation = animationApplied ? styles$
|
|
2091
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2092
|
-
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'] },
|
|
2093
2097
|
React.createElement("p", null, name),
|
|
2094
|
-
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']) }))));
|
|
2095
2099
|
};
|
|
2096
|
-
var Skill = Component$
|
|
2100
|
+
var Skill = Component$1I;
|
|
2097
2101
|
|
|
2098
|
-
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"};
|
|
2099
2103
|
|
|
2100
|
-
var Component$
|
|
2104
|
+
var Component$1H = function (_a) {
|
|
2101
2105
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2102
|
-
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'] },
|
|
2103
2107
|
React.createElement("p", null, offerSkillsLabel),
|
|
2104
|
-
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) {
|
|
2105
2109
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2106
2110
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2107
2111
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2110,9 +2114,9 @@ var Component$1G = function (_a) {
|
|
|
2110
2114
|
/**
|
|
2111
2115
|
* UI Molecule component of Job Skills Card
|
|
2112
2116
|
*/
|
|
2113
|
-
var JobSkillsCard = Component$
|
|
2117
|
+
var JobSkillsCard = Component$1H;
|
|
2114
2118
|
|
|
2115
|
-
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"};
|
|
2116
2120
|
|
|
2117
2121
|
var JobVideo = function (_a) {
|
|
2118
2122
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2127,13 +2131,13 @@ var JobVideo = function (_a) {
|
|
|
2127
2131
|
setLoadVideo && setLoadVideo(false);
|
|
2128
2132
|
}
|
|
2129
2133
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2130
|
-
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 },
|
|
2131
2135
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2132
2136
|
};
|
|
2133
2137
|
|
|
2134
2138
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2135
2139
|
|
|
2136
|
-
var Component$
|
|
2140
|
+
var Component$1G = function (_a) {
|
|
2137
2141
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2138
2142
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2139
2143
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2141,11 +2145,11 @@ var Component$1F = function (_a) {
|
|
|
2141
2145
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2142
2146
|
})));
|
|
2143
2147
|
};
|
|
2144
|
-
var ListIconLink = Component$
|
|
2148
|
+
var ListIconLink = Component$1G;
|
|
2145
2149
|
|
|
2146
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"};
|
|
2147
2151
|
|
|
2148
|
-
var Component$
|
|
2152
|
+
var Component$1F = function (_a) {
|
|
2149
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;
|
|
2150
2154
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2151
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 },
|
|
@@ -2154,11 +2158,11 @@ var Component$1E = function (_a) {
|
|
|
2154
2158
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2155
2159
|
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2156
2160
|
};
|
|
2157
|
-
var MenuIcon = Component$
|
|
2161
|
+
var MenuIcon = Component$1F;
|
|
2158
2162
|
|
|
2159
2163
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2160
2164
|
|
|
2161
|
-
var Component$
|
|
2165
|
+
var Component$1E = function (_a) {
|
|
2162
2166
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2163
2167
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2164
2168
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2179,16 +2183,16 @@ var Component$1D = function (_a) {
|
|
|
2179
2183
|
React.createElement(Divider, null),
|
|
2180
2184
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2181
2185
|
};
|
|
2182
|
-
var ListMenuIcons = Component$
|
|
2186
|
+
var ListMenuIcons = Component$1E;
|
|
2183
2187
|
|
|
2184
|
-
var Component$
|
|
2188
|
+
var Component$1D = function (_a) {
|
|
2185
2189
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2186
2190
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2187
2191
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2188
2192
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2189
2193
|
})));
|
|
2190
2194
|
};
|
|
2191
|
-
var ListMenuItems = Component$
|
|
2195
|
+
var ListMenuItems = Component$1D;
|
|
2192
2196
|
|
|
2193
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"};
|
|
2194
2198
|
|
|
@@ -2262,9 +2266,9 @@ var useMegaMenuMain = function () {
|
|
|
2262
2266
|
return mainHeaderProps;
|
|
2263
2267
|
};
|
|
2264
2268
|
|
|
2265
|
-
var styles$
|
|
2269
|
+
var styles$1y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2266
2270
|
|
|
2267
|
-
var Component$
|
|
2271
|
+
var Component$1C = function (_a) {
|
|
2268
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;
|
|
2269
2273
|
var handleClick = useCallback(function (event) {
|
|
2270
2274
|
if (onClick) {
|
|
@@ -2272,15 +2276,15 @@ var Component$1B = function (_a) {
|
|
|
2272
2276
|
onClick();
|
|
2273
2277
|
}
|
|
2274
2278
|
}, [onClick]);
|
|
2275
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2276
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2277
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2278
|
-
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'] }))));
|
|
2279
2283
|
};
|
|
2280
2284
|
/**
|
|
2281
2285
|
* UI Atom Component of Save Button
|
|
2282
2286
|
*/
|
|
2283
|
-
var ButtonLink = Component$
|
|
2287
|
+
var ButtonLink = Component$1C;
|
|
2284
2288
|
|
|
2285
2289
|
var MegaMenuJobsTabs = function () {
|
|
2286
2290
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2307,7 +2311,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2307
2311
|
React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2308
2312
|
};
|
|
2309
2313
|
|
|
2310
|
-
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"};
|
|
2311
2315
|
|
|
2312
2316
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2313
2317
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2326,27 +2330,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2326
2330
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2327
2331
|
}, [showContent]);
|
|
2328
2332
|
return (React.createElement(React.Fragment, null,
|
|
2329
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2330
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2331
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2332
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2333
|
-
React.createElement("div", { className: styles$
|
|
2334
|
-
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) {
|
|
2335
2339
|
event.stopPropagation();
|
|
2336
2340
|
} }, children))));
|
|
2337
2341
|
};
|
|
2338
2342
|
|
|
2339
|
-
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"};
|
|
2340
2344
|
|
|
2341
2345
|
var MenuSearch = function (_a) {
|
|
2342
2346
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2343
2347
|
var onBlur = useCallback(function () {
|
|
2344
2348
|
handleOnBlur && handleOnBlur();
|
|
2345
2349
|
}, [handleOnBlur]);
|
|
2346
|
-
return (React.createElement("div", { className: styles$
|
|
2347
|
-
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'] },
|
|
2348
2352
|
children,
|
|
2349
|
-
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))));
|
|
2350
2354
|
};
|
|
2351
2355
|
|
|
2352
2356
|
var iconByType = {
|
|
@@ -2357,9 +2361,9 @@ var iconByType = {
|
|
|
2357
2361
|
};
|
|
2358
2362
|
var transitionDuration = 300;
|
|
2359
2363
|
|
|
2360
|
-
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"};
|
|
2361
2365
|
|
|
2362
|
-
var Component$
|
|
2366
|
+
var Component$1B = function (_a) {
|
|
2363
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;
|
|
2364
2368
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2365
2369
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2371,7 +2375,7 @@ var Component$1A = function (_a) {
|
|
|
2371
2375
|
}); }, []);
|
|
2372
2376
|
var containerStyles = useMemo(function () {
|
|
2373
2377
|
return CNM.get({
|
|
2374
|
-
styles: styles$
|
|
2378
|
+
styles: styles$1v,
|
|
2375
2379
|
cls: [
|
|
2376
2380
|
'message__container',
|
|
2377
2381
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2379,7 +2383,7 @@ var Component$1A = function (_a) {
|
|
|
2379
2383
|
]
|
|
2380
2384
|
});
|
|
2381
2385
|
}, [type, toggleAnimation]);
|
|
2382
|
-
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'] }); }, []);
|
|
2383
2387
|
useEffect(function () {
|
|
2384
2388
|
if (!localVisible)
|
|
2385
2389
|
return;
|
|
@@ -2411,9 +2415,9 @@ var Component$1A = function (_a) {
|
|
|
2411
2415
|
setIsAnimating(visible);
|
|
2412
2416
|
}, [isAnimating, visible]);
|
|
2413
2417
|
return localVisible
|
|
2414
|
-
? 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] }) },
|
|
2415
2419
|
React.createElement("div", { className: containerStyles },
|
|
2416
|
-
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)),
|
|
2417
2421
|
React.createElement("div", null,
|
|
2418
2422
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2419
2423
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2422,13 +2426,13 @@ var Component$1A = function (_a) {
|
|
|
2422
2426
|
/**
|
|
2423
2427
|
* Molecule UI component for Message
|
|
2424
2428
|
*/
|
|
2425
|
-
var Message = Component$
|
|
2429
|
+
var Message = Component$1B;
|
|
2426
2430
|
|
|
2427
|
-
var styles$
|
|
2431
|
+
var styles$1u = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2428
2432
|
|
|
2429
|
-
var Component$
|
|
2433
|
+
var Component$1A = function (_a) {
|
|
2430
2434
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2431
|
-
return (React.createElement("div", { className: styles$
|
|
2435
|
+
return (React.createElement("div", { className: styles$1u['magneto-ui-mobile-job-details-header'] },
|
|
2432
2436
|
React.createElement("button", { onClick: onClick },
|
|
2433
2437
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2434
2438
|
React.createElement("p", null, returnText)));
|
|
@@ -2436,11 +2440,11 @@ var Component$1z = function (_a) {
|
|
|
2436
2440
|
/**
|
|
2437
2441
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2438
2442
|
*/
|
|
2439
|
-
var MobileJobDetailsHeader = Component$
|
|
2443
|
+
var MobileJobDetailsHeader = Component$1A;
|
|
2440
2444
|
|
|
2441
|
-
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"};
|
|
2442
2446
|
|
|
2443
|
-
var Component$
|
|
2447
|
+
var Component$1z = function (_a) {
|
|
2444
2448
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2445
2449
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2446
2450
|
var searchInputRef = useRef(null);
|
|
@@ -2462,20 +2466,20 @@ var Component$1y = function (_a) {
|
|
|
2462
2466
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2463
2467
|
}
|
|
2464
2468
|
}, [focusSearchInput]);
|
|
2465
|
-
return (React.createElement("div", { className: styles$
|
|
2469
|
+
return (React.createElement("div", { className: styles$1t.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2466
2470
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2467
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2468
|
-
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)),
|
|
2469
2473
|
React.createElement("label", { htmlFor: "search" }),
|
|
2470
2474
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2471
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2475
|
+
React.createElement(MainButton, __assign({ className: styles$1t['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2472
2476
|
};
|
|
2473
2477
|
/**
|
|
2474
2478
|
* Molecule UI component for MobileSearchbar
|
|
2475
2479
|
*/
|
|
2476
|
-
var MobileSearchbar = Component$
|
|
2480
|
+
var MobileSearchbar = Component$1z;
|
|
2477
2481
|
|
|
2478
|
-
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"};
|
|
2479
2483
|
|
|
2480
2484
|
var Modal = function (_a) {
|
|
2481
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;
|
|
@@ -2488,40 +2492,40 @@ var Modal = function (_a) {
|
|
|
2488
2492
|
if (!isOpen)
|
|
2489
2493
|
return null;
|
|
2490
2494
|
return (React.createElement(Fragment, null,
|
|
2491
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2492
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2493
|
-
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,
|
|
2494
2498
|
children,
|
|
2495
|
-
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" },
|
|
2496
2500
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2497
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2501
|
+
React.createElement("span", { className: "".concat(styles$1s["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2498
2502
|
};
|
|
2499
2503
|
var Title = function (_a) {
|
|
2500
2504
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2501
|
-
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));
|
|
2502
2506
|
};
|
|
2503
2507
|
var Description = function (_a) {
|
|
2504
2508
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2505
|
-
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));
|
|
2506
2510
|
};
|
|
2507
2511
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2508
2512
|
|
|
2509
|
-
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"};
|
|
2510
2514
|
|
|
2511
2515
|
var BtnPagination = function (_a) {
|
|
2512
2516
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2513
2517
|
var displayContent = useMemo(function () {
|
|
2514
2518
|
if (loading && value && current === value)
|
|
2515
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2519
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1r['magneto-ui-btn-pagination_spinner'] });
|
|
2516
2520
|
return value;
|
|
2517
2521
|
}, [loading, current, value]);
|
|
2518
2522
|
var pageQueryParam = 'paginator[page]=';
|
|
2519
2523
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2520
2524
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2521
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2522
|
-
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 },
|
|
2523
2527
|
displayContent,
|
|
2524
|
-
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 },
|
|
2525
2529
|
displayContent,
|
|
2526
2530
|
displayIcon))));
|
|
2527
2531
|
};
|
|
@@ -2572,7 +2576,7 @@ var createPagination = function (_a) {
|
|
|
2572
2576
|
};
|
|
2573
2577
|
};
|
|
2574
2578
|
|
|
2575
|
-
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"};
|
|
2576
2580
|
|
|
2577
2581
|
var Pagination = function (_a) {
|
|
2578
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;
|
|
@@ -2591,16 +2595,16 @@ var Pagination = function (_a) {
|
|
|
2591
2595
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2592
2596
|
if (total <= pageSize)
|
|
2593
2597
|
return React.createElement(Fragment, null);
|
|
2594
|
-
return (React.createElement("div", { className: styles$
|
|
2598
|
+
return (React.createElement("div", { className: styles$1q['magneto-ui-pagination'] },
|
|
2595
2599
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2596
2600
|
React.createElement("ul", null,
|
|
2597
2601
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2598
2602
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2599
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2603
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }))),
|
|
2600
2604
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2601
2605
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2602
2606
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2603
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2607
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }),
|
|
2604
2608
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2605
2609
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2606
2610
|
};
|
|
@@ -2620,9 +2624,9 @@ var generateID = function () {
|
|
|
2620
2624
|
return uniqueID;
|
|
2621
2625
|
};
|
|
2622
2626
|
|
|
2623
|
-
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"};
|
|
2624
2628
|
|
|
2625
|
-
var Component$
|
|
2629
|
+
var Component$1y = function (_a) {
|
|
2626
2630
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2627
2631
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2628
2632
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2650,19 +2654,19 @@ var Component$1x = function (_a) {
|
|
|
2650
2654
|
}
|
|
2651
2655
|
return { backgroundColor: '#c4c4c4' };
|
|
2652
2656
|
}, [color, score, spanHover]);
|
|
2653
|
-
return (React.createElement("div", { className: styles$
|
|
2657
|
+
return (React.createElement("div", { className: styles$1p['magneto-ui-score-level'] },
|
|
2654
2658
|
React.createElement("p", null, name),
|
|
2655
|
-
React.createElement("div", { className: styles$
|
|
2659
|
+
React.createElement("div", { className: styles$1p['magneto-ui-score-level__summary'] },
|
|
2656
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); } })); })),
|
|
2657
2661
|
React.createElement("p", null, labelScore)),
|
|
2658
|
-
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" },
|
|
2659
2663
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2660
2664
|
};
|
|
2661
|
-
var ScoreLevel = Component$
|
|
2665
|
+
var ScoreLevel = Component$1y;
|
|
2662
2666
|
|
|
2663
|
-
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"};
|
|
2664
2668
|
|
|
2665
|
-
var Component$
|
|
2669
|
+
var Component$1x = function (_a) {
|
|
2666
2670
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2667
2671
|
var labelScore = useMemo(function () {
|
|
2668
2672
|
return levels[scoreValue - 1];
|
|
@@ -2677,17 +2681,17 @@ var Component$1w = function (_a) {
|
|
|
2677
2681
|
}
|
|
2678
2682
|
return { backgroundColor: '#c4c4c4' };
|
|
2679
2683
|
}, [color, scoreValue]);
|
|
2680
|
-
return (React.createElement("div", { className: styles$
|
|
2684
|
+
return (React.createElement("div", { className: styles$1o['magneto-ui-score-level'] },
|
|
2681
2685
|
React.createElement("p", null, name),
|
|
2682
|
-
React.createElement("div", { className: styles$
|
|
2686
|
+
React.createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
|
|
2683
2687
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2684
2688
|
React.createElement("p", null, labelScore))));
|
|
2685
2689
|
};
|
|
2686
|
-
var ScoreLevelStatic = Component$
|
|
2690
|
+
var ScoreLevelStatic = Component$1x;
|
|
2687
2691
|
|
|
2688
|
-
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"};
|
|
2689
2693
|
|
|
2690
|
-
var Component$
|
|
2694
|
+
var Component$1w = function (_a) {
|
|
2691
2695
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2692
2696
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2693
2697
|
useEffect(function () {
|
|
@@ -2703,32 +2707,32 @@ var Component$1v = function (_a) {
|
|
|
2703
2707
|
setSearchValue('');
|
|
2704
2708
|
onSearch('');
|
|
2705
2709
|
};
|
|
2706
|
-
return (React.createElement("div", { className: styles$
|
|
2710
|
+
return (React.createElement("div", { className: styles$1n.SearchbarComponent },
|
|
2707
2711
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2708
2712
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2709
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2710
|
-
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'] },
|
|
2711
2715
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2712
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2716
|
+
React.createElement(MainButton, __assign({ className: styles$1n['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2713
2717
|
React.createElement("span", null, "|"))),
|
|
2714
2718
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2715
2719
|
};
|
|
2716
2720
|
/**
|
|
2717
2721
|
* UI Molecule of a searchbar
|
|
2718
2722
|
*/
|
|
2719
|
-
var Searchbar = Component$
|
|
2723
|
+
var Searchbar = Component$1w;
|
|
2720
2724
|
|
|
2721
|
-
var styles$
|
|
2725
|
+
var styles$1m = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2722
2726
|
|
|
2723
|
-
var Component$
|
|
2727
|
+
var Component$1v = function (_a) {
|
|
2724
2728
|
var props = __rest(_a, []);
|
|
2725
|
-
return (React.createElement("div", { className: styles$
|
|
2726
|
-
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'] }),
|
|
2727
2731
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2728
2732
|
};
|
|
2729
|
-
var SearchButton = Component$
|
|
2733
|
+
var SearchButton = Component$1v;
|
|
2730
2734
|
|
|
2731
|
-
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"};
|
|
2732
2736
|
|
|
2733
2737
|
var SimilarJobsCard = function (_a) {
|
|
2734
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;
|
|
@@ -2738,12 +2742,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2738
2742
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2739
2743
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2740
2744
|
}, [cities, salary, experience]);
|
|
2741
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2742
|
-
!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() })),
|
|
2743
2747
|
React.createElement("div", null,
|
|
2744
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2745
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2746
|
-
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" })));
|
|
2747
2751
|
};
|
|
2748
2752
|
|
|
2749
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"};
|
|
@@ -2765,7 +2769,7 @@ var SortMenu = function (_a) {
|
|
|
2765
2769
|
};
|
|
2766
2770
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2767
2771
|
|
|
2768
|
-
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"};
|
|
2769
2773
|
|
|
2770
2774
|
var TextArea = function (_a) {
|
|
2771
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"]);
|
|
@@ -2791,15 +2795,15 @@ var TextArea = function (_a) {
|
|
|
2791
2795
|
return;
|
|
2792
2796
|
setShowPlaceholder(scrollTop === 0);
|
|
2793
2797
|
}, [showPlaceholder]);
|
|
2794
|
-
return (React.createElement("div", { className: styles$
|
|
2795
|
-
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")] },
|
|
2796
2800
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2797
2801
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2798
2802
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2799
|
-
}, className: styles$
|
|
2800
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2801
|
-
React.createElement("div", { className: styles$
|
|
2802
|
-
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),
|
|
2803
2807
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2804
2808
|
};
|
|
2805
2809
|
|
|
@@ -2810,7 +2814,7 @@ var timelineIcons = {
|
|
|
2810
2814
|
current: Clock,
|
|
2811
2815
|
blocked: Lock
|
|
2812
2816
|
};
|
|
2813
|
-
var Component$
|
|
2817
|
+
var Component$1u = function (_a) {
|
|
2814
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;
|
|
2815
2819
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2816
2820
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2823,11 +2827,11 @@ var Component$1t = function (_a) {
|
|
|
2823
2827
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2824
2828
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2825
2829
|
};
|
|
2826
|
-
var TimelineEvent = Component$
|
|
2830
|
+
var TimelineEvent = Component$1u;
|
|
2827
2831
|
|
|
2828
|
-
var styles$
|
|
2832
|
+
var styles$1j = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2829
2833
|
|
|
2830
|
-
var Component$
|
|
2834
|
+
var Component$1t = function (_a) {
|
|
2831
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;
|
|
2832
2836
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2833
2837
|
useEffect(function () {
|
|
@@ -2850,29 +2854,29 @@ var Component$1s = function (_a) {
|
|
|
2850
2854
|
}
|
|
2851
2855
|
return false;
|
|
2852
2856
|
};
|
|
2853
|
-
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) {
|
|
2854
2858
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2855
2859
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2856
2860
|
})));
|
|
2857
2861
|
};
|
|
2858
|
-
var ToggleButtonList = Component$
|
|
2862
|
+
var ToggleButtonList = Component$1t;
|
|
2859
2863
|
|
|
2860
|
-
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"};
|
|
2861
2865
|
|
|
2862
2866
|
var Tooltip = function (_a) {
|
|
2863
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;
|
|
2864
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2865
|
-
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)]) },
|
|
2866
2870
|
children,
|
|
2867
|
-
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))));
|
|
2868
2872
|
};
|
|
2869
2873
|
|
|
2870
|
-
var Component$
|
|
2874
|
+
var Component$1s = function (_a) {
|
|
2871
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;
|
|
2872
2876
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2873
2877
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2874
2878
|
};
|
|
2875
|
-
var UserMenu = withClickOut(Component$
|
|
2879
|
+
var UserMenu = withClickOut(Component$1s);
|
|
2876
2880
|
|
|
2877
2881
|
var userMenuAnalystIcons = {
|
|
2878
2882
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2886,11 +2890,11 @@ var userMenuAnalystIcons = {
|
|
|
2886
2890
|
rateUsHelp: Messages2BlackOutline
|
|
2887
2891
|
};
|
|
2888
2892
|
|
|
2889
|
-
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"};
|
|
2890
2894
|
|
|
2891
|
-
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"};
|
|
2892
2896
|
|
|
2893
|
-
var Component$
|
|
2897
|
+
var Component$1r = function (_a) {
|
|
2894
2898
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2895
2899
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2896
2900
|
var handleOnClick = useCallback(function () {
|
|
@@ -2904,12 +2908,12 @@ var Component$1q = function (_a) {
|
|
|
2904
2908
|
}
|
|
2905
2909
|
}, [handleModal, handleMenuOpen, option]);
|
|
2906
2910
|
return (React.createElement("span", { className: CNM.get({
|
|
2907
|
-
styles: styles$
|
|
2911
|
+
styles: styles$1g,
|
|
2908
2912
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2909
2913
|
}) },
|
|
2910
2914
|
prefix,
|
|
2911
2915
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
2912
|
-
styles: styles$
|
|
2916
|
+
styles: styles$1g,
|
|
2913
2917
|
cls: ['user-menu-analyst-option-default__container']
|
|
2914
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 }),
|
|
2915
2919
|
suffix));
|
|
@@ -2917,31 +2921,31 @@ var Component$1q = function (_a) {
|
|
|
2917
2921
|
/**
|
|
2918
2922
|
* Molecule UI great-grand child component of menu dropdown
|
|
2919
2923
|
*/
|
|
2920
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
2924
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1r);
|
|
2921
2925
|
|
|
2922
|
-
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"};
|
|
2923
2927
|
|
|
2924
|
-
var Component$
|
|
2928
|
+
var Component$1q = function (_a) {
|
|
2925
2929
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2926
2930
|
return (React.createElement("span", { className: CNM.get({
|
|
2927
|
-
styles: styles$
|
|
2931
|
+
styles: styles$1f,
|
|
2928
2932
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2929
2933
|
}) },
|
|
2930
2934
|
prefix,
|
|
2931
|
-
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 }),
|
|
2932
2936
|
suffix));
|
|
2933
2937
|
};
|
|
2934
2938
|
/**
|
|
2935
2939
|
* Molecule UI great-grand child component of menu dropdown
|
|
2936
2940
|
*/
|
|
2937
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
2941
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1q);
|
|
2938
2942
|
|
|
2939
|
-
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"};
|
|
2940
2944
|
|
|
2941
|
-
var Component$
|
|
2945
|
+
var Component$1p = function (_a) {
|
|
2942
2946
|
var option = _a.option, className = _a.className;
|
|
2943
2947
|
return (React.createElement("span", { className: CNM.get({
|
|
2944
|
-
styles: styles$
|
|
2948
|
+
styles: styles$1e,
|
|
2945
2949
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2946
2950
|
}) },
|
|
2947
2951
|
React.createElement("p", null, option.title)));
|
|
@@ -2949,9 +2953,9 @@ var Component$1o = function (_a) {
|
|
|
2949
2953
|
/**
|
|
2950
2954
|
* Molecule UI great-grand child component of menu dropdown
|
|
2951
2955
|
*/
|
|
2952
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
2956
|
+
var UserMenuAnalystOptionText = React.memo(Component$1p);
|
|
2953
2957
|
|
|
2954
|
-
var Component$
|
|
2958
|
+
var Component$1o = function (_a) {
|
|
2955
2959
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2956
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" },
|
|
2957
2961
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -2971,7 +2975,7 @@ var Action = function (_a) {
|
|
|
2971
2975
|
/**
|
|
2972
2976
|
* Molecule UI great-grand child component of menu dropdown
|
|
2973
2977
|
*/
|
|
2974
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
2978
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1o);
|
|
2975
2979
|
|
|
2976
2980
|
var EUserMenuAnalystOptionType;
|
|
2977
2981
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -2997,28 +3001,28 @@ var optionTypes = (_b = {},
|
|
|
2997
3001
|
_b);
|
|
2998
3002
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
2999
3003
|
|
|
3000
|
-
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"};
|
|
3001
3005
|
|
|
3002
|
-
var Component$
|
|
3006
|
+
var Component$1n = function (_a) {
|
|
3003
3007
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3004
3008
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3005
3009
|
return (React.createElement("div", null,
|
|
3006
|
-
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),
|
|
3007
3011
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
3008
3012
|
React.createElement("span", { className: CNM.get({
|
|
3009
|
-
styles: styles$
|
|
3013
|
+
styles: styles$1d,
|
|
3010
3014
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3011
3015
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3012
3016
|
React.createElement("span", { className: CNM.get({
|
|
3013
|
-
styles: styles$
|
|
3017
|
+
styles: styles$1d,
|
|
3014
3018
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3015
3019
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3016
3020
|
};
|
|
3017
|
-
var UserMenuAnalystTitle = Component$
|
|
3021
|
+
var UserMenuAnalystTitle = Component$1n;
|
|
3018
3022
|
|
|
3019
|
-
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"};
|
|
3020
3024
|
|
|
3021
|
-
var Component$
|
|
3025
|
+
var Component$1m = function (_a) {
|
|
3022
3026
|
var _b;
|
|
3023
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;
|
|
3024
3028
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3044,13 +3048,13 @@ var Component$1l = function (_a) {
|
|
|
3044
3048
|
var OptionType = getOptionType(option.type);
|
|
3045
3049
|
if (!OptionType)
|
|
3046
3050
|
return null;
|
|
3047
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3048
|
-
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 }) })));
|
|
3049
3053
|
}
|
|
3050
|
-
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: {
|
|
3051
3055
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3052
3056
|
}, className: CNM.get({
|
|
3053
|
-
styles: styles$
|
|
3057
|
+
styles: styles$1c,
|
|
3054
3058
|
cls: [
|
|
3055
3059
|
'user-menu-analyst-option__dropdown',
|
|
3056
3060
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3059,8 +3063,8 @@ var Component$1l = function (_a) {
|
|
|
3059
3063
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3060
3064
|
var _a;
|
|
3061
3065
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3062
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3063
|
-
_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: {
|
|
3064
3068
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3065
3069
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3066
3070
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3069,27 +3073,27 @@ var Component$1l = function (_a) {
|
|
|
3069
3073
|
/**
|
|
3070
3074
|
* Molecule UI grand child component of menu dropdown
|
|
3071
3075
|
*/
|
|
3072
|
-
var UserMenuAnalystOption = Component$
|
|
3076
|
+
var UserMenuAnalystOption = Component$1m;
|
|
3073
3077
|
|
|
3074
|
-
var Component$
|
|
3078
|
+
var Component$1l = function (_a) {
|
|
3075
3079
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3076
3080
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3077
|
-
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) {
|
|
3078
3082
|
var _a;
|
|
3079
3083
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3080
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 })); }),
|
|
3081
|
-
!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'] }) },
|
|
3082
3086
|
React.createElement(Divider, null)))));
|
|
3083
3087
|
})));
|
|
3084
3088
|
};
|
|
3085
3089
|
/**
|
|
3086
3090
|
* Molecule UI child component of user menu analyst
|
|
3087
3091
|
*/
|
|
3088
|
-
var UserMenuAnalystOptions = Component$
|
|
3092
|
+
var UserMenuAnalystOptions = Component$1l;
|
|
3089
3093
|
|
|
3090
|
-
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"};
|
|
3091
3095
|
|
|
3092
|
-
var Component$
|
|
3096
|
+
var Component$1k = function (_a) {
|
|
3093
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;
|
|
3094
3098
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3095
3099
|
var actionUrl = useMemo(function () {
|
|
@@ -3107,58 +3111,58 @@ var Component$1j = function (_a) {
|
|
|
3107
3111
|
: action.data;
|
|
3108
3112
|
}
|
|
3109
3113
|
}, [action, queryString]);
|
|
3110
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3111
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3112
|
-
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'] }) },
|
|
3113
3117
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3114
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3115
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3116
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3117
|
-
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'] }) },
|
|
3118
3122
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3119
|
-
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)))),
|
|
3120
3124
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3121
|
-
styles: styles$
|
|
3125
|
+
styles: styles$1b,
|
|
3122
3126
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3123
3127
|
}), optionClassNames: {
|
|
3124
|
-
link: CNM.get({ styles: styles$
|
|
3125
|
-
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'] })
|
|
3126
3130
|
} }))),
|
|
3127
3131
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3128
3132
|
};
|
|
3129
3133
|
/**
|
|
3130
3134
|
* Molecule UI component for user menu
|
|
3131
3135
|
*/
|
|
3132
|
-
var UserMenuAnalyst = Component$
|
|
3136
|
+
var UserMenuAnalyst = Component$1k;
|
|
3133
3137
|
|
|
3134
|
-
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"};
|
|
3135
3139
|
|
|
3136
|
-
var Component$
|
|
3140
|
+
var Component$1j = function (_a) {
|
|
3137
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;
|
|
3138
|
-
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'] }) },
|
|
3139
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" },
|
|
3140
3144
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3141
3145
|
};
|
|
3142
3146
|
/**
|
|
3143
3147
|
* Molecule UI child component of user menu analyst wrapper
|
|
3144
3148
|
*/
|
|
3145
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3149
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1j);
|
|
3146
3150
|
|
|
3147
|
-
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"};
|
|
3148
3152
|
|
|
3149
|
-
var Component$
|
|
3153
|
+
var Component$1i = function (_a) {
|
|
3150
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;
|
|
3151
3155
|
return (React.createElement(React.Fragment, null,
|
|
3152
|
-
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'] }) },
|
|
3153
3157
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3154
3158
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3155
3159
|
};
|
|
3156
3160
|
/**
|
|
3157
3161
|
* Molecule UI child component of user menu analyst wrapper
|
|
3158
3162
|
*/
|
|
3159
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3163
|
+
var UserMenuWrapperAnalystModal = Component$1i;
|
|
3160
3164
|
|
|
3161
|
-
var Component$
|
|
3165
|
+
var Component$1h = function (_a) {
|
|
3162
3166
|
var props = __rest(_a, []);
|
|
3163
3167
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3164
3168
|
useEffect(function () {
|
|
@@ -3180,19 +3184,35 @@ var Component$1g = function (_a) {
|
|
|
3180
3184
|
/**
|
|
3181
3185
|
* Molecule UI component for user menu wrapper analyst
|
|
3182
3186
|
*/
|
|
3183
|
-
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;
|
|
3184
3204
|
|
|
3185
3205
|
var Component$1f = function (_a) {
|
|
3186
3206
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3187
3207
|
var component = useMemo(function () {
|
|
3188
3208
|
var _a, _b, _c;
|
|
3189
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3209
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$25, cls: ['modal-analyst-container'] }) },
|
|
3190
3210
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3191
3211
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3192
3212
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3193
3213
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3194
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3195
|
-
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))
|
|
3196
3216
|
});
|
|
3197
3217
|
return container;
|
|
3198
3218
|
};
|
|
@@ -5192,7 +5212,7 @@ var SimilarJobs = function (_a) {
|
|
|
5192
5212
|
};
|
|
5193
5213
|
|
|
5194
5214
|
var Component$H = function (_a) {
|
|
5195
|
-
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;
|
|
5196
5216
|
var jobDetailsRef = useRef(null);
|
|
5197
5217
|
useEffect(function () {
|
|
5198
5218
|
if (jobDetailsRef.current) {
|
|
@@ -5211,6 +5231,7 @@ var Component$H = function (_a) {
|
|
|
5211
5231
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5212
5232
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5213
5233
|
React.createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5234
|
+
React.createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5214
5235
|
React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5215
5236
|
React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5216
5237
|
similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null))),
|
|
@@ -5748,7 +5769,7 @@ var Swipe = function (_a) {
|
|
|
5748
5769
|
};
|
|
5749
5770
|
|
|
5750
5771
|
var Component$y = function (_a) {
|
|
5751
|
-
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;
|
|
5752
5773
|
var handleClose = useCallback(function () {
|
|
5753
5774
|
if (onClose) {
|
|
5754
5775
|
onClose();
|
|
@@ -5762,27 +5783,29 @@ var Component$y = function (_a) {
|
|
|
5762
5783
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5763
5784
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
5764
5785
|
jobSkillsCardProps && React.createElement(JobSkillsCard, __assign({}, jobSkillsCardProps)),
|
|
5786
|
+
React.createElement(FraudCardJob, { fraudLink: fraudLink }),
|
|
5765
5787
|
React.createElement(JobApplyCard, __assign({}, jobApplyCardProps)),
|
|
5766
5788
|
React.createElement(JobFooterCard, __assign({ iconList: iconFooterList }, jobFooterCardProps)),
|
|
5767
5789
|
similarJobsProps ? React.createElement(SimilarJobs, __assign({}, similarJobsProps)) : null));
|
|
5768
5790
|
}, [
|
|
5769
|
-
handleClose,
|
|
5770
|
-
isLoading,
|
|
5771
|
-
jobApplyCardProps,
|
|
5772
|
-
jobCompanyLogoProps,
|
|
5773
5791
|
jobDetailAction,
|
|
5774
|
-
|
|
5792
|
+
isLoading,
|
|
5775
5793
|
jobDetailsHeaderText,
|
|
5794
|
+
handleClose,
|
|
5795
|
+
jobCompanyLogoProps,
|
|
5776
5796
|
jobDetailsProps,
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5797
|
+
cities,
|
|
5798
|
+
isRemote,
|
|
5799
|
+
textRemote,
|
|
5780
5800
|
jobVideo,
|
|
5781
5801
|
loadVideo,
|
|
5782
5802
|
setLoadVideo,
|
|
5783
|
-
|
|
5784
|
-
|
|
5785
|
-
|
|
5803
|
+
jobDetailCardProps,
|
|
5804
|
+
jobSkillsCardProps,
|
|
5805
|
+
fraudLink,
|
|
5806
|
+
jobApplyCardProps,
|
|
5807
|
+
jobFooterCardProps,
|
|
5808
|
+
similarJobsProps
|
|
5786
5809
|
]);
|
|
5787
5810
|
var content = useMemo(function () {
|
|
5788
5811
|
return swipeProps ? (React.createElement(Swipe, __assign({}, swipeProps, { openModal: isOpen && swipeProps.openModal }), renderContent)) : (renderContent);
|
|
@@ -7813,5 +7836,5 @@ var Component = function (_a) {
|
|
|
7813
7836
|
};
|
|
7814
7837
|
var SuggestedJobsPage = Component;
|
|
7815
7838
|
|
|
7816
|
-
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, 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 };
|
|
7817
7840
|
//# sourceMappingURL=index.js.map
|