magneto365.ui 2.59.4 → 2.59.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +520 -450
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/AlertJobModal.component.d.ts +10 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/AlertJobModal.interface.d.ts +105 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalBody/AlertJobModalBody.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalButton/AlertJobModalButton.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalFooter/AlertJobModalFooter.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalHeader/AlertJobModalHeader.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalIcon/AlertJobModalIcon.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/children/AlertJobModalTitle/AlertJobModalTitle.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobModal/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.component.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.interface.d.ts +18 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/AlertJobStatusButton.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.component.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/LoginHeader/LoginHeader.interface.d.ts +2 -2
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +520 -451
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/AlertJobModal/AlertJobModal.component.d.ts +10 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/AlertJobModal.interface.d.ts +105 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalBody/AlertJobModalBody.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalButton/AlertJobModalButton.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalFooter/AlertJobModalFooter.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalHeader/AlertJobModalHeader.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalIcon/AlertJobModalIcon.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/children/AlertJobModalTitle/AlertJobModalTitle.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobModal/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.component.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.interface.d.ts +18 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/AlertJobStatusButton.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusButton/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.component.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/LoginHeader/LoginHeader.interface.d.ts +2 -2
- package/dist/index.d.ts +137 -3
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -241,7 +241,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
241
241
|
|
|
242
242
|
var style$11 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
243
243
|
|
|
244
|
-
var Component$
|
|
244
|
+
var Component$2B = function (_a) {
|
|
245
245
|
var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
|
|
246
246
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
247
247
|
var handleError = function () {
|
|
@@ -257,9 +257,9 @@ var Component$2A = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$2B;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$2p = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
263
263
|
|
|
264
264
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
265
265
|
|
|
@@ -541,31 +541,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
541
541
|
|
|
542
542
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
543
543
|
|
|
544
|
-
var Component$
|
|
544
|
+
var Component$2A = function (_a) {
|
|
545
545
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
546
546
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
547
547
|
var handleError = function () {
|
|
548
548
|
setImageError(true);
|
|
549
549
|
};
|
|
550
|
-
return (React.createElement("div", { className: styles$
|
|
550
|
+
return (React.createElement("div", { className: styles$2p.avatarComponent, onClick: onClick },
|
|
551
551
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
552
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
552
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2p['magneto-ui-default-avatar'] },
|
|
553
553
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
554
554
|
};
|
|
555
555
|
/**
|
|
556
556
|
* UI Atom component of Avatar
|
|
557
557
|
*/
|
|
558
|
-
var Avatar = Component$
|
|
558
|
+
var Avatar = Component$2A;
|
|
559
559
|
|
|
560
|
-
var styles$
|
|
560
|
+
var styles$2o = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
561
561
|
|
|
562
|
-
var Component$
|
|
562
|
+
var Component$2z = function (_a) {
|
|
563
563
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
564
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
565
|
-
React.createElement("span", { className: styles$
|
|
564
|
+
return (React.createElement("p", { className: "".concat(styles$2o['badge-count'], " ").concat(className) },
|
|
565
|
+
React.createElement("span", { className: styles$2o['badge-count__animation'] }),
|
|
566
566
|
number && number));
|
|
567
567
|
};
|
|
568
|
-
var Badge = Component$
|
|
568
|
+
var Badge = Component$2z;
|
|
569
569
|
|
|
570
570
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
571
571
|
|
|
@@ -682,9 +682,9 @@ var SignUpButtonStyle = {
|
|
|
682
682
|
}
|
|
683
683
|
};
|
|
684
684
|
|
|
685
|
-
var styles$
|
|
685
|
+
var styles$2n = {"magneto-ui-modal-analyst-container":"mg_modal_analyst_container_magneto-ui-modal-analyst-container_1aqq3","magneto-ui-modal-analyst-container--desktop":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--desktop_1aqq3","magneto-ui-modal-analyst-container--mobile":"mg_modal_analyst_container_magneto-ui-modal-analyst-container--mobile_1aqq3"};
|
|
686
686
|
|
|
687
|
-
var styles$
|
|
687
|
+
var styles$2m = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
|
|
688
688
|
|
|
689
689
|
var ShareIcons = {
|
|
690
690
|
Facebook: {
|
|
@@ -704,7 +704,7 @@ var ShareIcons = {
|
|
|
704
704
|
}
|
|
705
705
|
};
|
|
706
706
|
|
|
707
|
-
var Component$
|
|
707
|
+
var Component$2y = function (_a) {
|
|
708
708
|
var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText, isApplied = _a.isApplied;
|
|
709
709
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
710
710
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -717,52 +717,52 @@ var Component$2x = function (_a) {
|
|
|
717
717
|
};
|
|
718
718
|
if (component)
|
|
719
719
|
return component;
|
|
720
|
-
return (React.createElement("div", { className: styles$
|
|
721
|
-
React.createElement("div", { id: styles$
|
|
720
|
+
return (React.createElement("div", { className: styles$2m['magneto-ui-actions'] },
|
|
721
|
+
React.createElement("div", { id: styles$2m['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
|
|
722
722
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
723
|
-
React.createElement("button", { className: styles$
|
|
723
|
+
React.createElement("button", { className: styles$2m['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
724
724
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
725
725
|
} },
|
|
726
726
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
727
727
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
728
728
|
actionsLinkList.map(function (_a, index) {
|
|
729
729
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
730
|
-
return (React.createElement("a", { className: styles$
|
|
730
|
+
return (React.createElement("a", { className: styles$2m['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
731
731
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
732
732
|
React.createElement("p", { key: index }, text)));
|
|
733
733
|
}),
|
|
734
|
-
React.createElement("div", { className: styles$
|
|
735
|
-
React.createElement("p", { className: styles$
|
|
736
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
734
|
+
React.createElement("div", { className: styles$2m['magneto-ui-actions__header'] },
|
|
735
|
+
React.createElement("p", { className: styles$2m['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
736
|
+
offerCompanyName ? React.createElement("p", { className: styles$2m['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
737
737
|
};
|
|
738
738
|
var ShareLinksAction = function (_a) {
|
|
739
739
|
var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
|
|
740
|
-
return (React.createElement("div", { className: styles$
|
|
741
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
740
|
+
return (React.createElement("div", { className: styles$2m['magneto-ui-actions'] },
|
|
741
|
+
React.createElement(ShareButton, __assign({ className: styles$2m['magneto-ui-actions__share'] }, shareProps)),
|
|
742
742
|
shareLinks.map(function (_a, index) {
|
|
743
743
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
744
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
744
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2m['magneto-ui-actions__link'], styles$2m['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
745
745
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
746
746
|
React.createElement("span", null, title)));
|
|
747
747
|
}),
|
|
748
|
-
React.createElement("div", { className: styles$
|
|
749
|
-
React.createElement("p", { className: styles$
|
|
750
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
751
|
-
React.createElement("div", { className: styles$
|
|
752
|
-
React.createElement("button", { className: styles$
|
|
748
|
+
React.createElement("div", { className: styles$2m['magneto-ui-actions__header'] },
|
|
749
|
+
React.createElement("p", { className: styles$2m['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
750
|
+
offerCompanyName ? React.createElement("p", { className: styles$2m['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
751
|
+
React.createElement("div", { className: styles$2m['magneto-ui-actions__back'] },
|
|
752
|
+
React.createElement("button", { className: styles$2m['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
753
753
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
754
754
|
backText)));
|
|
755
755
|
};
|
|
756
756
|
/**
|
|
757
757
|
* UI Molecule componet of Actions
|
|
758
758
|
*/
|
|
759
|
-
var Actions = Object.assign(Component$
|
|
759
|
+
var Actions = Object.assign(Component$2y, { ShareLinks: ShareLinksAction });
|
|
760
760
|
|
|
761
761
|
var style$10 = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
762
762
|
|
|
763
763
|
var style$$ = {"magneto-ui-bold":"mg_text_magneto-ui-bold_16w4y","magneto-ui-lighter":"mg_text_magneto-ui-lighter_16w4y","magneto-ui-normal":"mg_text_magneto-ui-normal_16w4y"};
|
|
764
764
|
|
|
765
|
-
var Component$
|
|
765
|
+
var Component$2x = function (_a) {
|
|
766
766
|
var text = _a.text, customText = _a.customText, className = _a.className;
|
|
767
767
|
var textRender = useMemo(function () {
|
|
768
768
|
return (customText === null || customText === void 0 ? void 0 : customText.length) ? (React.createElement("span", { className: className }, customText.map(function (_a, index) {
|
|
@@ -774,7 +774,7 @@ var Component$2w = function (_a) {
|
|
|
774
774
|
}, [text, customText, className]);
|
|
775
775
|
return React.createElement(React.Fragment, null, textRender);
|
|
776
776
|
};
|
|
777
|
-
var Text$1 = Component$
|
|
777
|
+
var Text$1 = Component$2x;
|
|
778
778
|
|
|
779
779
|
var alertIcons$1 = {
|
|
780
780
|
info: Info,
|
|
@@ -782,7 +782,7 @@ var alertIcons$1 = {
|
|
|
782
782
|
warning: Warning,
|
|
783
783
|
error: Error
|
|
784
784
|
};
|
|
785
|
-
var Component$
|
|
785
|
+
var Component$2w = function (_a) {
|
|
786
786
|
var text = _a.text, type = _a.type, customText = _a.customText, _b = _a.border, border = _b === void 0 ? false : _b, size = _a.size, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, extraButton = _a.extraButton;
|
|
787
787
|
var borderStyle = border ? style$10["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
788
788
|
var typeStyle = style$10["".concat(classMUI, "-").concat(type)];
|
|
@@ -794,7 +794,7 @@ var Component$2v = function (_a) {
|
|
|
794
794
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
795
795
|
extraButton));
|
|
796
796
|
};
|
|
797
|
-
var Alert = Component$
|
|
797
|
+
var Alert = Component$2w;
|
|
798
798
|
|
|
799
799
|
var style$_ = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
800
800
|
|
|
@@ -881,8 +881,8 @@ var classNames = {
|
|
|
881
881
|
}
|
|
882
882
|
};
|
|
883
883
|
|
|
884
|
-
var cx$
|
|
885
|
-
var Component$
|
|
884
|
+
var cx$K = classNames.bind(style$Z);
|
|
885
|
+
var Component$2v = function (_a) {
|
|
886
886
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
887
887
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
888
888
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -908,17 +908,17 @@ var Component$2u = function (_a) {
|
|
|
908
908
|
};
|
|
909
909
|
}, [isOpen]);
|
|
910
910
|
return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
|
|
911
|
-
React.createElement("div", { className: cx$
|
|
911
|
+
React.createElement("div", { className: cx$K('magneto-ui-mobile-drawer', className) },
|
|
912
912
|
React.createElement("aside", { className: style$Z[showMenu] },
|
|
913
|
-
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
913
|
+
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$K('magneto-ui-close-button'), onClick: onClose },
|
|
914
914
|
React.createElement(IconItem, { icon: Add, hover: false })),
|
|
915
|
-
React.createElement("div", { className: cx$
|
|
916
|
-
isOpen && (React.createElement("span", { className: cx$
|
|
915
|
+
React.createElement("div", { className: cx$K('magneto-ui-container') }, children)),
|
|
916
|
+
isOpen && (React.createElement("span", { className: cx$K('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
917
917
|
};
|
|
918
918
|
/**
|
|
919
919
|
* Molecule UI component for Mobile Drawer
|
|
920
920
|
*/
|
|
921
|
-
var MobileDrawer = Component$
|
|
921
|
+
var MobileDrawer = Component$2v;
|
|
922
922
|
|
|
923
923
|
var style$Y = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
924
924
|
|
|
@@ -974,11 +974,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
974
974
|
};
|
|
975
975
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
976
976
|
|
|
977
|
-
var styles$
|
|
977
|
+
var styles$2l = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
978
978
|
|
|
979
|
-
var Component$
|
|
979
|
+
var Component$2u = function (_a) {
|
|
980
980
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
981
|
-
return (React.createElement("div", { className: styles$
|
|
981
|
+
return (React.createElement("div", { className: styles$2l.BreadcrumbsComponent },
|
|
982
982
|
React.createElement("a", { href: homeUrl },
|
|
983
983
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
984
984
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -986,52 +986,52 @@ var Component$2t = function (_a) {
|
|
|
986
986
|
/**
|
|
987
987
|
* Molecule UI component for breadcrums information
|
|
988
988
|
*/
|
|
989
|
-
var Breadcrumbs = Component$
|
|
989
|
+
var Breadcrumbs = Component$2u;
|
|
990
990
|
|
|
991
|
-
var styles$
|
|
991
|
+
var styles$2k = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
|
|
992
992
|
|
|
993
993
|
var CitiesDetailDrawer = function (_a) {
|
|
994
994
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
995
|
-
return (React.createElement("div", { className: styles$
|
|
996
|
-
React.createElement("div", { className: styles$
|
|
995
|
+
return (React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
996
|
+
React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
997
997
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
998
|
-
React.createElement("div", { className: styles$
|
|
999
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
998
|
+
React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
999
|
+
isRemote && (React.createElement("p", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
1000
1000
|
cities &&
|
|
1001
1001
|
cities.map(function (_a, index) {
|
|
1002
1002
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
1003
|
-
return (React.createElement("div", { className: styles$
|
|
1003
|
+
return (React.createElement("div", { className: styles$2k['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
1004
1004
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
1005
1005
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
1006
1006
|
})))) : null));
|
|
1007
1007
|
};
|
|
1008
1008
|
|
|
1009
|
-
var styles$
|
|
1009
|
+
var styles$2j = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
|
|
1010
1010
|
|
|
1011
|
-
var Component$
|
|
1011
|
+
var Component$2t = function (_a) {
|
|
1012
1012
|
var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
|
|
1013
1013
|
var disabledArrow = useMemo(function () {
|
|
1014
1014
|
if (disabled)
|
|
1015
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1015
|
+
return (React.createElement(IconItem, { className: styles$2j['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1016
1016
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1017
1017
|
}, [disabled]);
|
|
1018
|
-
return (React.createElement("div", { className: styles$
|
|
1019
|
-
React.createElement("select", { className: styles$
|
|
1020
|
-
React.createElement("option", { className: styles$
|
|
1018
|
+
return (React.createElement("div", { className: styles$2j['magneto-ui--date-dropdown__wrapper'] },
|
|
1019
|
+
React.createElement("select", { className: styles$2j["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1020
|
+
React.createElement("option", { className: styles$2j['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1021
1021
|
dateOptions.map(function (_a) {
|
|
1022
1022
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1023
|
-
return (React.createElement("option", { className: styles$
|
|
1023
|
+
return (React.createElement("option", { className: styles$2j['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1024
1024
|
})),
|
|
1025
|
-
React.createElement("span", { className: styles$
|
|
1025
|
+
React.createElement("span", { className: styles$2j['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1026
1026
|
};
|
|
1027
|
-
var DateDropdown = Component$
|
|
1027
|
+
var DateDropdown = Component$2t;
|
|
1028
1028
|
|
|
1029
|
-
var styles$
|
|
1029
|
+
var styles$2i = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1030
1030
|
|
|
1031
1031
|
var defaultValue$1 = function (value) {
|
|
1032
1032
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1033
1033
|
};
|
|
1034
|
-
var Component$
|
|
1034
|
+
var Component$2s = function (_a) {
|
|
1035
1035
|
var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
1036
1036
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1037
1037
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1065,16 +1065,16 @@ var Component$2r = function (_a) {
|
|
|
1065
1065
|
}
|
|
1066
1066
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1067
1067
|
}, [disabled]);
|
|
1068
|
-
return (React.createElement("div", { className: styles$
|
|
1068
|
+
return (React.createElement("div", { className: styles$2i['magneto-ui--date-picker__wrapper'] },
|
|
1069
1069
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1070
1070
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1071
1071
|
};
|
|
1072
|
-
var DatePicker = Component$
|
|
1072
|
+
var DatePicker = Component$2s;
|
|
1073
1073
|
|
|
1074
1074
|
var style$X = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1075
1075
|
|
|
1076
1076
|
var DEFAULT_PADDING = 20;
|
|
1077
|
-
var Component$
|
|
1077
|
+
var Component$2r = function (_a) {
|
|
1078
1078
|
var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d;
|
|
1079
1079
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1080
1080
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1120,7 +1120,7 @@ var Component$2q = function (_a) {
|
|
|
1120
1120
|
/**
|
|
1121
1121
|
* Molecule UI component for Drawer
|
|
1122
1122
|
*/
|
|
1123
|
-
var Drawer$1 = Component$
|
|
1123
|
+
var Drawer$1 = Component$2r;
|
|
1124
1124
|
|
|
1125
1125
|
var style$W = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1126
1126
|
|
|
@@ -1183,15 +1183,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1183
1183
|
_c)
|
|
1184
1184
|
};
|
|
1185
1185
|
|
|
1186
|
-
var styles$
|
|
1186
|
+
var styles$2h = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
|
|
1187
1187
|
|
|
1188
|
-
var Component$
|
|
1188
|
+
var Component$2q = function (_a) {
|
|
1189
1189
|
var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
|
|
1190
1190
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1191
1191
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1192
1192
|
var componentProps = useMemo(function () {
|
|
1193
1193
|
var className = CNM.get({
|
|
1194
|
-
styles: styles$
|
|
1194
|
+
styles: styles$2h,
|
|
1195
1195
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1196
1196
|
});
|
|
1197
1197
|
if (isUrl)
|
|
@@ -1213,48 +1213,48 @@ var Component$2p = function (_a) {
|
|
|
1213
1213
|
}
|
|
1214
1214
|
return;
|
|
1215
1215
|
}, [loading, variant]);
|
|
1216
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1217
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1216
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action', className] }) },
|
|
1217
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action__container'] }) },
|
|
1218
1218
|
React.createElement(Component, __assign({}, componentProps),
|
|
1219
1219
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1220
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1220
|
+
React.createElement("span", { className: CNM.get({ styles: styles$2h, cls: ['expandable-info-action__title'] }) }, title),
|
|
1221
1221
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1222
1222
|
};
|
|
1223
1223
|
/**
|
|
1224
1224
|
* Molecule UI child component of expandable info
|
|
1225
1225
|
*/
|
|
1226
|
-
var ExpandableInfoAction = Component$
|
|
1226
|
+
var ExpandableInfoAction = Component$2q;
|
|
1227
1227
|
|
|
1228
|
-
var styles$
|
|
1228
|
+
var styles$2g = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
|
|
1229
1229
|
|
|
1230
|
-
var Component$
|
|
1230
|
+
var Component$2p = function (_a) {
|
|
1231
1231
|
var sections = _a.sections, footer = _a.footer;
|
|
1232
1232
|
var sectionStyles = useCallback(function (multiple) {
|
|
1233
1233
|
return CNM.get({
|
|
1234
|
-
styles: styles$
|
|
1234
|
+
styles: styles$2g,
|
|
1235
1235
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1236
1236
|
});
|
|
1237
1237
|
}, []);
|
|
1238
1238
|
var subSectionStyles = useCallback(function (initial) {
|
|
1239
1239
|
return CNM.get({
|
|
1240
|
-
styles: styles$
|
|
1240
|
+
styles: styles$2g,
|
|
1241
1241
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1242
1242
|
});
|
|
1243
1243
|
}, []);
|
|
1244
1244
|
var itemStyles = useCallback(function (first) {
|
|
1245
1245
|
return CNM.get({
|
|
1246
|
-
styles: styles$
|
|
1246
|
+
styles: styles$2g,
|
|
1247
1247
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1248
1248
|
});
|
|
1249
1249
|
}, []);
|
|
1250
1250
|
var textStyles = useCallback(function (bold) {
|
|
1251
1251
|
return CNM.get({
|
|
1252
|
-
styles: styles$
|
|
1252
|
+
styles: styles$2g,
|
|
1253
1253
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1254
1254
|
});
|
|
1255
1255
|
}, []);
|
|
1256
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1257
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1256
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details'] }) },
|
|
1257
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1258
1258
|
sections.map(function (section, index) {
|
|
1259
1259
|
var _a, _b;
|
|
1260
1260
|
return (React.createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
|
|
@@ -1268,13 +1268,13 @@ var Component$2o = function (_a) {
|
|
|
1268
1268
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1269
1269
|
})));
|
|
1270
1270
|
}),
|
|
1271
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1272
|
-
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$
|
|
1271
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__footer'] }) },
|
|
1272
|
+
React.createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$2g, cls: ['expandable-info-details__action'] }) }))))));
|
|
1273
1273
|
};
|
|
1274
1274
|
/**
|
|
1275
1275
|
* Molecule UI child component of expandable info
|
|
1276
1276
|
*/
|
|
1277
|
-
var ExpandableInfoDetails = Component$
|
|
1277
|
+
var ExpandableInfoDetails = Component$2p;
|
|
1278
1278
|
|
|
1279
1279
|
var EExpandableInfoVariant;
|
|
1280
1280
|
(function (EExpandableInfoVariant) {
|
|
@@ -1295,9 +1295,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1295
1295
|
_a$3)
|
|
1296
1296
|
};
|
|
1297
1297
|
|
|
1298
|
-
var styles$
|
|
1298
|
+
var styles$2f = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
|
|
1299
1299
|
|
|
1300
|
-
var Component$
|
|
1300
|
+
var Component$2o = function (_a) {
|
|
1301
1301
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1302
1302
|
var icon = useCallback(function (icon) {
|
|
1303
1303
|
if (icon) {
|
|
@@ -1310,22 +1310,22 @@ var Component$2n = function (_a) {
|
|
|
1310
1310
|
}, [variant]);
|
|
1311
1311
|
if (!title)
|
|
1312
1312
|
return null;
|
|
1313
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1314
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1313
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-message', className] }) },
|
|
1314
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2f, cls: ['expandable-info-message__container'] }) },
|
|
1315
1315
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1316
1316
|
React.createElement("span", { className: CNM.get({
|
|
1317
|
-
styles: styles$
|
|
1317
|
+
styles: styles$2f,
|
|
1318
1318
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1319
1319
|
}) }, title))));
|
|
1320
1320
|
};
|
|
1321
1321
|
/**
|
|
1322
1322
|
* Molecule UI child component of expandable info
|
|
1323
1323
|
*/
|
|
1324
|
-
var ExpandableInfoMessage = Component$
|
|
1324
|
+
var ExpandableInfoMessage = Component$2o;
|
|
1325
1325
|
|
|
1326
|
-
var styles$
|
|
1326
|
+
var styles$2e = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1327
1327
|
|
|
1328
|
-
var Component$
|
|
1328
|
+
var Component$2n = function (_a) {
|
|
1329
1329
|
var toggler = _a.toggler, details = _a.details;
|
|
1330
1330
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1331
1331
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1333,37 +1333,37 @@ var Component$2m = function (_a) {
|
|
|
1333
1333
|
}, []);
|
|
1334
1334
|
return (React.createElement(React.Fragment, null,
|
|
1335
1335
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1336
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1336
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2e, cls: ['expandable-info-modal'] }) },
|
|
1337
1337
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1338
1338
|
};
|
|
1339
1339
|
/**
|
|
1340
1340
|
* Molecule UI child component of expandable info
|
|
1341
1341
|
*/
|
|
1342
|
-
var ExpandableInfoModal = Component$
|
|
1342
|
+
var ExpandableInfoModal = Component$2n;
|
|
1343
1343
|
|
|
1344
|
-
var styles$
|
|
1344
|
+
var styles$2d = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
|
|
1345
1345
|
|
|
1346
|
-
var styles$
|
|
1346
|
+
var styles$2c = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
|
|
1347
1347
|
|
|
1348
1348
|
var DesktopSideCards = function (_a) {
|
|
1349
1349
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1350
|
-
return (React.createElement("div", { className: styles$
|
|
1351
|
-
React.createElement("div", { className: styles$
|
|
1350
|
+
return (React.createElement("div", { className: styles$2c['mega-menu-side-container'] },
|
|
1351
|
+
React.createElement("div", { className: styles$2c['mega-menu-side-container__side'] },
|
|
1352
1352
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1353
|
-
React.createElement("div", { className: styles$
|
|
1353
|
+
React.createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1354
1354
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1355
1355
|
};
|
|
1356
1356
|
|
|
1357
1357
|
var MobileSideCards = function (_a) {
|
|
1358
1358
|
var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
|
|
1359
|
-
return (React.createElement("div", { className: styles$
|
|
1360
|
-
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$
|
|
1359
|
+
return (React.createElement("div", { className: styles$2c['mega-menu-side-container'] }, showContent ? (React.createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1360
|
+
React.createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React.createElement("div", { className: styles$2c['mega-menu-side-container__side'] },
|
|
1361
1361
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))))));
|
|
1362
1362
|
};
|
|
1363
1363
|
|
|
1364
1364
|
var style$V = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
|
|
1365
1365
|
|
|
1366
|
-
var Component$
|
|
1366
|
+
var Component$2m = function (_a) {
|
|
1367
1367
|
var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
|
|
1368
1368
|
var _d = useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
|
|
1369
1369
|
var menuActive = isActive ? style$V['is-active'] : '';
|
|
@@ -1394,7 +1394,7 @@ var MegaMenuJobsDrawer = function (_a) {
|
|
|
1394
1394
|
React.createElement("p", { className: style$V['item-drawer__title'] }, title)),
|
|
1395
1395
|
React.createElement("div", { className: "".concat(style$V['item-drawer__content']) }, content)));
|
|
1396
1396
|
};
|
|
1397
|
-
var MegaMenuDrawerItem = Object.assign(Component$
|
|
1397
|
+
var MegaMenuDrawerItem = Object.assign(Component$2m, {
|
|
1398
1398
|
Drawer: MegaMenuJobsDrawer
|
|
1399
1399
|
});
|
|
1400
1400
|
|
|
@@ -1414,9 +1414,9 @@ var MobileSideCardsDrawer = function (_a) {
|
|
|
1414
1414
|
updateDrawerContent(index);
|
|
1415
1415
|
toogleDrawer();
|
|
1416
1416
|
}, [toogleDrawer, updateDrawerContent]);
|
|
1417
|
-
return (React.createElement("div", { className: styles$
|
|
1417
|
+
return (React.createElement("div", { className: styles$2c['mega-menu-side-container'] },
|
|
1418
1418
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
|
|
1419
|
-
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$
|
|
1419
|
+
React.createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React.createElement("div", { className: styles$2c['mega-menu-side-container__main'] },
|
|
1420
1420
|
React.createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
|
|
1421
1421
|
};
|
|
1422
1422
|
|
|
@@ -1431,10 +1431,10 @@ var withMegaMenuSideCards = function (WrappedComponent) {
|
|
|
1431
1431
|
return Component;
|
|
1432
1432
|
};
|
|
1433
1433
|
|
|
1434
|
-
var Component$
|
|
1434
|
+
var Component$2l = function (_a) {
|
|
1435
1435
|
var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
1436
1436
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1437
|
-
styles: styles$
|
|
1437
|
+
styles: styles$2d,
|
|
1438
1438
|
cls: [
|
|
1439
1439
|
'expandable-info-popover',
|
|
1440
1440
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1442,7 +1442,7 @@ var Component$2k = function (_a) {
|
|
|
1442
1442
|
]
|
|
1443
1443
|
}), content: React.createElement(React.Fragment, null,
|
|
1444
1444
|
React.createElement("span", { className: CNM.get({
|
|
1445
|
-
styles: styles$
|
|
1445
|
+
styles: styles$2d,
|
|
1446
1446
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1447
1447
|
}) }),
|
|
1448
1448
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1451,19 +1451,19 @@ var Component$2k = function (_a) {
|
|
|
1451
1451
|
/**
|
|
1452
1452
|
* Molecule UI child component of expandable info
|
|
1453
1453
|
*/
|
|
1454
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1454
|
+
var ExpandableInfoPopover = withClickOut(Component$2l);
|
|
1455
1455
|
|
|
1456
1456
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1457
1457
|
coin: CoinBlackOutline
|
|
1458
1458
|
};
|
|
1459
1459
|
|
|
1460
|
-
var styles$
|
|
1460
|
+
var styles$2b = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
|
|
1461
1461
|
|
|
1462
|
-
var Component$
|
|
1462
|
+
var Component$2k = function (_a) {
|
|
1463
1463
|
var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
|
|
1464
1464
|
var styleGenerator = useCallback(function (base) {
|
|
1465
1465
|
return CNM.get({
|
|
1466
|
-
styles: styles$
|
|
1466
|
+
styles: styles$2b,
|
|
1467
1467
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1468
1468
|
});
|
|
1469
1469
|
}, [variant]);
|
|
@@ -1495,7 +1495,7 @@ var Component$2j = function (_a) {
|
|
|
1495
1495
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1496
1496
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1497
1497
|
React.createElement("div", { className: CNM.get({
|
|
1498
|
-
styles: styles$
|
|
1498
|
+
styles: styles$2b,
|
|
1499
1499
|
cls: [
|
|
1500
1500
|
'expandable-info-toggler__summary',
|
|
1501
1501
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1508,11 +1508,11 @@ var Component$2j = function (_a) {
|
|
|
1508
1508
|
/**
|
|
1509
1509
|
* Molecule UI child component of expandable info
|
|
1510
1510
|
*/
|
|
1511
|
-
var ExpandableInfoToggler = Component$
|
|
1511
|
+
var ExpandableInfoToggler = Component$2k;
|
|
1512
1512
|
|
|
1513
|
-
var styles$
|
|
1513
|
+
var styles$2a = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
|
|
1514
1514
|
|
|
1515
|
-
var Component$
|
|
1515
|
+
var Component$2j = function (_a) {
|
|
1516
1516
|
var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
|
|
1517
1517
|
var togglerProps = useMemo(function () { return ({
|
|
1518
1518
|
details: details,
|
|
@@ -1526,9 +1526,9 @@ var Component$2i = function (_a) {
|
|
|
1526
1526
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1527
1527
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1528
1528
|
});
|
|
1529
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1529
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2a, cls: ['expandable-info'] }) },
|
|
1530
1530
|
React.createElement("div", { className: CNM.get({
|
|
1531
|
-
styles: styles$
|
|
1531
|
+
styles: styles$2a,
|
|
1532
1532
|
cls: [
|
|
1533
1533
|
'expandable-info__container',
|
|
1534
1534
|
"expandable-info__container--".concat(variant),
|
|
@@ -1538,13 +1538,13 @@ var Component$2i = function (_a) {
|
|
|
1538
1538
|
}) },
|
|
1539
1539
|
container,
|
|
1540
1540
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1541
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1541
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$2a, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React.createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1542
1542
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1543
1543
|
};
|
|
1544
1544
|
/**
|
|
1545
1545
|
* Molecule UI component for expandable info
|
|
1546
1546
|
*/
|
|
1547
|
-
var ExpandableInfo = Component$
|
|
1547
|
+
var ExpandableInfo = Component$2j;
|
|
1548
1548
|
|
|
1549
1549
|
var style$U = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
|
|
1550
1550
|
|
|
@@ -1572,7 +1572,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1572
1572
|
return React.createElement("div", { className: style$T["".concat(classMUI, "-filter-container")] }, children);
|
|
1573
1573
|
};
|
|
1574
1574
|
|
|
1575
|
-
var styles$
|
|
1575
|
+
var styles$29 = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
|
|
1576
1576
|
|
|
1577
1577
|
var FilterMenuItem = function (_a) {
|
|
1578
1578
|
var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
|
|
@@ -1587,51 +1587,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1587
1587
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1588
1588
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1589
1589
|
var className = useMemo(function () {
|
|
1590
|
-
return isApplied ? styles$
|
|
1590
|
+
return isApplied ? styles$29.selected : isSearched ? styles$29.isSearched : hiddenCount ? '' : !total && styles$29.disabled;
|
|
1591
1591
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1592
1592
|
var handleClick = useCallback(function () {
|
|
1593
1593
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1594
1594
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1595
1595
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1596
1596
|
if (loading)
|
|
1597
|
-
return React.createElement("div", { className: styles$
|
|
1598
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1597
|
+
return React.createElement("div", { className: styles$29.skeleton });
|
|
1598
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$29['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1599
1599
|
React.createElement("span", null, label),
|
|
1600
1600
|
displayOutput));
|
|
1601
1601
|
};
|
|
1602
1602
|
|
|
1603
|
-
var styles$
|
|
1603
|
+
var styles$28 = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
|
|
1604
1604
|
|
|
1605
1605
|
var FilterSearchItem = function (_a) {
|
|
1606
1606
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1607
1607
|
var inputRef = useRef(null);
|
|
1608
1608
|
if (loading)
|
|
1609
|
-
return (React.createElement("div", { className: styles$
|
|
1609
|
+
return (React.createElement("div", { className: styles$28.skeleton },
|
|
1610
1610
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1611
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1611
|
+
return (React.createElement("div", { className: "".concat(styles$28['magneto-ui-filter-search'], " ").concat(disabled ? styles$28.disabled : '') },
|
|
1612
1612
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1613
1613
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1614
1614
|
};
|
|
1615
1615
|
|
|
1616
|
-
var styles$
|
|
1616
|
+
var styles$27 = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_136f2","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_136f2","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_136f2","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_136f2"};
|
|
1617
1617
|
|
|
1618
|
-
var Component$
|
|
1618
|
+
var Component$2i = function (_a) {
|
|
1619
1619
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1620
|
-
return (React.createElement("div", { className: styles$
|
|
1621
|
-
React.createElement("div", { className: styles$
|
|
1620
|
+
return (React.createElement("div", { className: styles$27['fraud-card-job'] },
|
|
1621
|
+
React.createElement("div", { className: styles$27['fraud-card-job__header'] },
|
|
1622
1622
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1623
1623
|
React.createElement("h4", null, title)),
|
|
1624
1624
|
React.createElement("div", null,
|
|
1625
|
-
React.createElement("p", { className: styles$
|
|
1626
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1625
|
+
React.createElement("p", { className: styles$27['fraud-card-job__text'] }, content),
|
|
1626
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$27['fraud-card-job__link'], href: link },
|
|
1627
1627
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1628
1628
|
linkText))));
|
|
1629
1629
|
};
|
|
1630
|
-
var FraudCardJob = Component$
|
|
1630
|
+
var FraudCardJob = Component$2i;
|
|
1631
1631
|
|
|
1632
|
-
var styles$
|
|
1632
|
+
var styles$26 = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
|
|
1633
1633
|
|
|
1634
|
-
var Component$
|
|
1634
|
+
var Component$2h = function (_a) {
|
|
1635
1635
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1636
1636
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1637
1637
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1641,46 +1641,46 @@ var Component$2g = function (_a) {
|
|
|
1641
1641
|
return searchList;
|
|
1642
1642
|
}, [searchList, showFullList]);
|
|
1643
1643
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1644
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1645
|
-
React.createElement("h2", { className: styles$
|
|
1646
|
-
React.createElement("div", { className: styles$
|
|
1644
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$26['magneto-ui-frequent-search'] },
|
|
1645
|
+
React.createElement("h2", { className: styles$26['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1646
|
+
React.createElement("div", { className: styles$26['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1647
1647
|
var props = __rest(_a, []);
|
|
1648
1648
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1649
1649
|
})),
|
|
1650
|
-
React.createElement("div", { className: styles$
|
|
1650
|
+
React.createElement("div", { className: styles$26['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$26['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1651
1651
|
showMore,
|
|
1652
1652
|
" (",
|
|
1653
1653
|
searchList.length,
|
|
1654
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1654
|
+
")")) : (React.createElement("button", { className: styles$26['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1655
1655
|
};
|
|
1656
1656
|
/**
|
|
1657
1657
|
* UI Atom component of Frequent Search
|
|
1658
1658
|
*/
|
|
1659
|
-
var FrequentSearch = Component$
|
|
1659
|
+
var FrequentSearch = Component$2h;
|
|
1660
1660
|
|
|
1661
1661
|
var style$S = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1662
1662
|
|
|
1663
|
-
var Component$
|
|
1663
|
+
var Component$2g = function (_a) {
|
|
1664
1664
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1665
1665
|
return (React.createElement("div", { className: style$S['header-drawer-company'] },
|
|
1666
1666
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1667
1667
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1668
1668
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1669
1669
|
};
|
|
1670
|
-
var HeaderDrawerCompany = Component$
|
|
1670
|
+
var HeaderDrawerCompany = Component$2g;
|
|
1671
1671
|
|
|
1672
|
-
var styles$
|
|
1672
|
+
var styles$25 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1673
1673
|
|
|
1674
|
-
var Component$
|
|
1674
|
+
var Component$2f = function (_a) {
|
|
1675
1675
|
var children = _a.children;
|
|
1676
|
-
return React.createElement("div", { className: styles$
|
|
1676
|
+
return React.createElement("div", { className: styles$25.TabComponent }, children);
|
|
1677
1677
|
};
|
|
1678
1678
|
/**
|
|
1679
1679
|
* Molecule UI for Tab
|
|
1680
1680
|
*/
|
|
1681
|
-
var Tab = Component$
|
|
1681
|
+
var Tab = Component$2f;
|
|
1682
1682
|
|
|
1683
|
-
var styles$
|
|
1683
|
+
var styles$24 = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1684
1684
|
|
|
1685
1685
|
var toCSSVariables = function (input) {
|
|
1686
1686
|
var output = {};
|
|
@@ -1695,35 +1695,35 @@ var toCSSVariables = function (input) {
|
|
|
1695
1695
|
return output;
|
|
1696
1696
|
};
|
|
1697
1697
|
|
|
1698
|
-
var Component$
|
|
1698
|
+
var Component$2e = function (_a) {
|
|
1699
1699
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1700
1700
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1701
1701
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1702
|
-
return (React.createElement("div", { className: styles$
|
|
1702
|
+
return (React.createElement("div", { className: styles$24.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1703
1703
|
};
|
|
1704
1704
|
/**
|
|
1705
1705
|
* Molecule UI component for Tab Button
|
|
1706
1706
|
*/
|
|
1707
|
-
var TabButton = Component$
|
|
1707
|
+
var TabButton = Component$2e;
|
|
1708
1708
|
|
|
1709
|
-
var styles$
|
|
1709
|
+
var styles$23 = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1710
1710
|
|
|
1711
|
-
var Component$
|
|
1711
|
+
var Component$2d = function (_a) {
|
|
1712
1712
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1713
|
-
return (React.createElement("div", { className: styles$
|
|
1713
|
+
return (React.createElement("div", { className: styles$23.HeaderDrawerTabsComponent },
|
|
1714
1714
|
React.createElement("a", { href: homeUrl },
|
|
1715
1715
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1716
1716
|
React.createElement(Tab, null,
|
|
1717
1717
|
React.createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1718
1718
|
React.createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1719
1719
|
};
|
|
1720
|
-
var HeaderDrawerTabs = Component$
|
|
1720
|
+
var HeaderDrawerTabs = Component$2d;
|
|
1721
1721
|
|
|
1722
|
-
var styles$
|
|
1722
|
+
var styles$22 = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1723
1723
|
|
|
1724
|
-
var Component$
|
|
1724
|
+
var Component$2c = function (_a) {
|
|
1725
1725
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1726
|
-
return (React.createElement("div", { className: styles$
|
|
1726
|
+
return (React.createElement("div", { className: styles$22.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1727
1727
|
var headerTabProps = __rest(_a, []);
|
|
1728
1728
|
return (React.createElement(React.Fragment, { key: index },
|
|
1729
1729
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1734,9 +1734,9 @@ var Component$2b = function (_a) {
|
|
|
1734
1734
|
/**
|
|
1735
1735
|
* Molecule UI component for header tabs information`
|
|
1736
1736
|
*/
|
|
1737
|
-
var HeaderTabs = Component$
|
|
1737
|
+
var HeaderTabs = Component$2c;
|
|
1738
1738
|
|
|
1739
|
-
var styles$
|
|
1739
|
+
var styles$21 = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
|
|
1740
1740
|
|
|
1741
1741
|
var Input = function (_a) {
|
|
1742
1742
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
|
|
@@ -1771,28 +1771,28 @@ var Input = function (_a) {
|
|
|
1771
1771
|
setInputValue(e.target.value);
|
|
1772
1772
|
}, [onChange]);
|
|
1773
1773
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1774
|
-
React.createElement("div", { className: styles$
|
|
1774
|
+
React.createElement("div", { className: styles$21["".concat(classMUI, "-input")] },
|
|
1775
1775
|
React.createElement("div", null,
|
|
1776
|
-
React.createElement("div", { className: styles$
|
|
1776
|
+
React.createElement("div", { className: styles$21["".concat(classMUI, "-input--container")] },
|
|
1777
1777
|
React.createElement("label", { htmlFor: name, style: {
|
|
1778
1778
|
left: hideIcon ? '10px' : '40px',
|
|
1779
1779
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1780
1780
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1781
|
-
}, className: styles$
|
|
1781
|
+
}, className: styles$21["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1782
1782
|
React.createElement("input", __assign({}, props, { style: {
|
|
1783
1783
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1784
|
-
}, disabled: disabled, className: styles$
|
|
1785
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1786
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1784
|
+
}, disabled: disabled, className: styles$21["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
|
|
1785
|
+
hideIcon ? null : (React.createElement("img", { className: styles$21["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1786
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$21["".concat(classMUI, "-input--container__icon-action")] },
|
|
1787
1787
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1788
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1789
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1788
|
+
React.createElement("div", { className: "".concat(styles$21["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$21['footer-without-error'] : '') },
|
|
1789
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$21["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1790
1790
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1791
1791
|
};
|
|
1792
1792
|
|
|
1793
|
-
var styles$
|
|
1793
|
+
var styles$20 = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1794
1794
|
|
|
1795
|
-
var Component$
|
|
1795
|
+
var Component$2b = function (_a) {
|
|
1796
1796
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1797
1797
|
var loadingSize = useMemo(function () {
|
|
1798
1798
|
if (size) {
|
|
@@ -1806,11 +1806,11 @@ var Component$2a = function (_a) {
|
|
|
1806
1806
|
height: '15px'
|
|
1807
1807
|
};
|
|
1808
1808
|
}, [size]);
|
|
1809
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1809
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$20["".concat(classMUI, "-flat-loader")] }));
|
|
1810
1810
|
};
|
|
1811
|
-
var FlatLoader = Component$
|
|
1811
|
+
var FlatLoader = Component$2b;
|
|
1812
1812
|
|
|
1813
|
-
var styles$
|
|
1813
|
+
var styles$1$ = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
|
|
1814
1814
|
|
|
1815
1815
|
var InputPlus = function (_a) {
|
|
1816
1816
|
var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue;
|
|
@@ -1854,26 +1854,26 @@ var InputPlus = function (_a) {
|
|
|
1854
1854
|
}
|
|
1855
1855
|
}
|
|
1856
1856
|
}, [disabledBtn, handleSubmmit]);
|
|
1857
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1857
|
+
return (React.createElement("div", { className: "".concat(styles$1$["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1858
1858
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1859
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1859
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1$["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1$.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1$['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1860
1860
|
};
|
|
1861
1861
|
|
|
1862
|
-
var styles$
|
|
1862
|
+
var styles$1_ = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
1863
1863
|
|
|
1864
1864
|
var style$R = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
1865
1865
|
|
|
1866
|
-
var styles$
|
|
1866
|
+
var styles$1Z = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
|
|
1867
1867
|
|
|
1868
1868
|
var Tooltip = function (_a) {
|
|
1869
1869
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
1870
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1871
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1870
|
+
return (React.createElement("div", { className: "".concat(styles$1Z['tooltip-container'], " ").concat(styles$1Z["tooltip-".concat(position)]) },
|
|
1871
|
+
React.createElement("div", { className: "".concat(styles$1Z['tooltip'], " ").concat(styles$1Z["tooltip-".concat(position)]) },
|
|
1872
1872
|
children,
|
|
1873
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
1873
|
+
visible && (React.createElement("span", { className: "".concat(styles$1Z['tooltip-text'], " ").concat(styles$1Z["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1874
1874
|
};
|
|
1875
1875
|
|
|
1876
|
-
var Component$
|
|
1876
|
+
var Component$2a = function (_a) {
|
|
1877
1877
|
var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
|
|
1878
1878
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1879
1879
|
return (React.createElement(Popover, { className: [style$R['popover'], !show ? style$R['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$R['content'], classNameContent].join(' ') },
|
|
@@ -1892,10 +1892,10 @@ var Component$29 = function (_a) {
|
|
|
1892
1892
|
React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$R['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1893
1893
|
React.createElement(IconItem, { size: 20, icon: Share })))));
|
|
1894
1894
|
};
|
|
1895
|
-
Component$
|
|
1896
|
-
var SharePopover = Component$
|
|
1895
|
+
Component$2a.displayName = 'SharePopover';
|
|
1896
|
+
var SharePopover = Component$2a;
|
|
1897
1897
|
|
|
1898
|
-
var Component$
|
|
1898
|
+
var Component$29 = function (_a) {
|
|
1899
1899
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
|
|
1900
1900
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1901
1901
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1905,35 +1905,35 @@ var Component$28 = function (_a) {
|
|
|
1905
1905
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1906
1906
|
var ActionLink = function (_a) {
|
|
1907
1907
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1908
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
1908
|
+
var iconContent = (React.createElement("a", { className: styles$1_['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1909
1909
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1910
1910
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1911
1911
|
};
|
|
1912
1912
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1913
|
-
return (React.createElement("div", { className: styles$
|
|
1914
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1915
|
-
React.createElement("div", { className: styles$
|
|
1913
|
+
return (React.createElement("div", { className: styles$1_['magneto-ui-job-actions'] },
|
|
1914
|
+
!isApplied && React.createElement("div", { id: styles$1_['magneto-ui__external-child'] }, externalButtonChild),
|
|
1915
|
+
React.createElement("div", { className: styles$1_['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1916
1916
|
!isApplied && (React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1917
1917
|
React.createElement(SaveButton, __assign({}, saveButtonProps)))),
|
|
1918
1918
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1919
1919
|
filteredActionsLinkList.map(function (_a) {
|
|
1920
1920
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1921
|
-
return (React.createElement("div", { className: styles$
|
|
1921
|
+
return (React.createElement("div", { className: styles$1_['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1922
1922
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1923
1923
|
}))));
|
|
1924
1924
|
};
|
|
1925
1925
|
/**
|
|
1926
1926
|
* UI Molecule Component for Jobs Actions
|
|
1927
1927
|
*/
|
|
1928
|
-
var JobActions = Component$
|
|
1928
|
+
var JobActions = Component$29;
|
|
1929
1929
|
|
|
1930
|
-
var styles$
|
|
1930
|
+
var styles$1Y = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_qw6j6","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_qw6j6","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_qw6j6","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_qw6j6","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_qw6j6"};
|
|
1931
1931
|
|
|
1932
|
-
var Component$
|
|
1932
|
+
var Component$28 = function (_a) {
|
|
1933
1933
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
|
|
1934
|
-
return (React.createElement("div", { className: styles$
|
|
1935
|
-
React.createElement("div", { className: styles$
|
|
1936
|
-
React.createElement("div", { className: styles$
|
|
1934
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card'] },
|
|
1935
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__wrapper'] },
|
|
1936
|
+
React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__header'] },
|
|
1937
1937
|
React.createElement("p", null, offerApplyHeader),
|
|
1938
1938
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1939
1939
|
offerApplyElements
|
|
@@ -1943,16 +1943,16 @@ var Component$27 = function (_a) {
|
|
|
1943
1943
|
})
|
|
1944
1944
|
.map(function (_a) {
|
|
1945
1945
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1946
|
-
return (React.createElement("div", { className: styles$
|
|
1946
|
+
return (React.createElement("div", { className: styles$1Y['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1947
1947
|
React.createElement("p", null, offerApplyLabel),
|
|
1948
1948
|
React.createElement("p", null, offerApplyInfo)));
|
|
1949
1949
|
})),
|
|
1950
|
-
!isApplied && React.createElement("div", { id: styles$
|
|
1950
|
+
!isApplied && React.createElement("div", { id: styles$1Y['magneto-ui__external-child'] }, externalChild))));
|
|
1951
1951
|
};
|
|
1952
1952
|
/**
|
|
1953
1953
|
* UI Molecule Component for Job Apply Card
|
|
1954
1954
|
*/
|
|
1955
|
-
var JobApplyCard = Component$
|
|
1955
|
+
var JobApplyCard = Component$28;
|
|
1956
1956
|
|
|
1957
1957
|
var style$Q = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1958
1958
|
|
|
@@ -2036,31 +2036,31 @@ var JobCard = function (_a) {
|
|
|
2036
2036
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
2037
2037
|
};
|
|
2038
2038
|
|
|
2039
|
-
var styles$
|
|
2039
|
+
var styles$1X = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
|
|
2040
2040
|
|
|
2041
|
-
var Component$
|
|
2041
|
+
var Component$27 = function (_a) {
|
|
2042
2042
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
|
|
2043
|
-
return (React.createElement("div", { className: styles$
|
|
2043
|
+
return (React.createElement("div", { className: styles$1X['magneto-ui-job-company-header'] },
|
|
2044
2044
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2045
|
-
React.createElement("div", { className: styles$
|
|
2045
|
+
React.createElement("div", { className: styles$1X['magneto-ui-job-company-header__data-actions'] },
|
|
2046
2046
|
React.createElement(JobHeader, __assign({}, jobHeaderProps)),
|
|
2047
2047
|
isApplied && jobActionsProps && (React.createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
|
|
2048
2048
|
};
|
|
2049
2049
|
/**
|
|
2050
2050
|
* UI Molecule component for Company Job Header
|
|
2051
2051
|
*/
|
|
2052
|
-
var JobCompanyHeader = Component$
|
|
2052
|
+
var JobCompanyHeader = Component$27;
|
|
2053
2053
|
|
|
2054
|
-
var styles$
|
|
2054
|
+
var styles$1W = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2055
2055
|
|
|
2056
|
-
var Component$
|
|
2056
|
+
var Component$26 = function (_a) {
|
|
2057
2057
|
var offerDescription = _a.offerDescription;
|
|
2058
|
-
return (React.createElement("div", { className: styles$
|
|
2058
|
+
return (React.createElement("div", { className: styles$1W['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2059
2059
|
};
|
|
2060
2060
|
/**
|
|
2061
2061
|
* UI Molecule Component for Job Detail Card Header
|
|
2062
2062
|
*/
|
|
2063
|
-
var JobDetailCard = Component$
|
|
2063
|
+
var JobDetailCard = Component$26;
|
|
2064
2064
|
|
|
2065
2065
|
var style$O = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
2066
2066
|
|
|
@@ -2075,9 +2075,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2075
2075
|
children));
|
|
2076
2076
|
};
|
|
2077
2077
|
|
|
2078
|
-
var styles$
|
|
2078
|
+
var styles$1V = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
|
|
2079
2079
|
|
|
2080
|
-
var Component$
|
|
2080
|
+
var Component$25 = function (_a) {
|
|
2081
2081
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2082
2082
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2083
2083
|
icon: iconList && iconList[index],
|
|
@@ -2087,27 +2087,27 @@ var Component$24 = function (_a) {
|
|
|
2087
2087
|
var offerDetailText = _a.offerDetailText;
|
|
2088
2088
|
return !!offerDetailText && index !== 1;
|
|
2089
2089
|
});
|
|
2090
|
-
return (React.createElement("div", { className: styles$
|
|
2091
|
-
React.createElement("div", { className: styles$
|
|
2090
|
+
return (React.createElement("div", { className: styles$1V['magneto-ui-job-details'] },
|
|
2091
|
+
React.createElement("div", { className: styles$1V['magneto-ui-job-details__wrapper'] },
|
|
2092
2092
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2093
2093
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2094
2094
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2095
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2096
|
-
React.createElement("div", { className: styles$
|
|
2095
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1V['magneto-ui-job-details__item-detail'] },
|
|
2096
|
+
React.createElement("div", { className: styles$1V['magneto-ui-job-details__item-detail-icon'] },
|
|
2097
2097
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2098
|
-
React.createElement("p", { className: styles$
|
|
2098
|
+
React.createElement("p", { className: styles$1V['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2099
2099
|
})),
|
|
2100
2100
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2101
2101
|
};
|
|
2102
2102
|
/**
|
|
2103
2103
|
* UI Molecule component for Job Detail
|
|
2104
2104
|
*/
|
|
2105
|
-
Component$
|
|
2106
|
-
var JobDetails = Component$
|
|
2105
|
+
Component$25.displayName = 'JobDetails';
|
|
2106
|
+
var JobDetails = Component$25;
|
|
2107
2107
|
|
|
2108
|
-
var styles$
|
|
2108
|
+
var styles$1U = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
|
|
2109
2109
|
|
|
2110
|
-
var Component$
|
|
2110
|
+
var Component$24 = function (_a) {
|
|
2111
2111
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2112
2112
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2113
2113
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2118,28 +2118,28 @@ var Component$23 = function (_a) {
|
|
|
2118
2118
|
title: title
|
|
2119
2119
|
});
|
|
2120
2120
|
});
|
|
2121
|
-
return (React.createElement("div", { className: styles$
|
|
2121
|
+
return (React.createElement("div", { className: styles$1U['magneto-ui-job-footer-card'] },
|
|
2122
2122
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2123
|
-
React.createElement("div", { className: styles$
|
|
2123
|
+
React.createElement("div", { className: styles$1U['magneto-ui-job-footer-card__icons'] },
|
|
2124
2124
|
React.createElement("p", null, offerFooterHeader),
|
|
2125
|
-
React.createElement("div", { className: styles$
|
|
2125
|
+
React.createElement("div", { className: styles$1U['magneto-ui-job-footer-card__wrapper'] },
|
|
2126
2126
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2127
2127
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2128
2128
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2129
2129
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2130
2130
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2131
2131
|
})),
|
|
2132
|
-
React.createElement("div", { className: styles$
|
|
2132
|
+
React.createElement("div", { className: styles$1U['magneto-ui__share-button'] },
|
|
2133
2133
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2134
2134
|
};
|
|
2135
2135
|
/**
|
|
2136
2136
|
* UI Molecule component for Job Footer Card
|
|
2137
2137
|
*/
|
|
2138
|
-
var JobFooterCard = Component$
|
|
2138
|
+
var JobFooterCard = Component$24;
|
|
2139
2139
|
|
|
2140
|
-
var styles$
|
|
2140
|
+
var styles$1T = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
|
|
2141
2141
|
|
|
2142
|
-
var Component$
|
|
2142
|
+
var Component$23 = function (_a) {
|
|
2143
2143
|
var name = _a.name, score = _a.score;
|
|
2144
2144
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2145
2145
|
var skillRef = useRef(null);
|
|
@@ -2175,21 +2175,21 @@ var Component$22 = function (_a) {
|
|
|
2175
2175
|
4: 'four'
|
|
2176
2176
|
};
|
|
2177
2177
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2178
|
-
var fillAnimation = animationApplied ? styles$
|
|
2179
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2180
|
-
React.createElement("div", { className: styles$
|
|
2178
|
+
var fillAnimation = animationApplied ? styles$1T[levelClass] : '';
|
|
2179
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1T['magneto-ui-skill'] },
|
|
2180
|
+
React.createElement("div", { className: styles$1T['magneto-ui-skill__wrapper'] },
|
|
2181
2181
|
React.createElement("p", null, name),
|
|
2182
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2182
|
+
React.createElement("div", { className: "".concat(styles$1T['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1T['magneto-ui-skill--no-animation']) }))));
|
|
2183
2183
|
};
|
|
2184
|
-
var Skill = Component$
|
|
2184
|
+
var Skill = Component$23;
|
|
2185
2185
|
|
|
2186
|
-
var styles$
|
|
2186
|
+
var styles$1S = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
|
|
2187
2187
|
|
|
2188
|
-
var Component$
|
|
2188
|
+
var Component$22 = function (_a) {
|
|
2189
2189
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2190
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2190
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1S['magneto-ui-job-skills-card'] },
|
|
2191
2191
|
React.createElement("p", null, offerSkillsLabel),
|
|
2192
|
-
React.createElement("div", { className: styles$
|
|
2192
|
+
React.createElement("div", { className: styles$1S['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2193
2193
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2194
2194
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2195
2195
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2198,9 +2198,9 @@ var Component$21 = function (_a) {
|
|
|
2198
2198
|
/**
|
|
2199
2199
|
* UI Molecule component of Job Skills Card
|
|
2200
2200
|
*/
|
|
2201
|
-
var JobSkillsCard = Component$
|
|
2201
|
+
var JobSkillsCard = Component$22;
|
|
2202
2202
|
|
|
2203
|
-
var styles$
|
|
2203
|
+
var styles$1R = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
|
|
2204
2204
|
|
|
2205
2205
|
var JobVideo = function (_a) {
|
|
2206
2206
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2215,13 +2215,13 @@ var JobVideo = function (_a) {
|
|
|
2215
2215
|
setLoadVideo && setLoadVideo(false);
|
|
2216
2216
|
}
|
|
2217
2217
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2218
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2218
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1R[videoClassName] })) : (React.createElement("div", { className: styles$1R['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2219
2219
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2220
2220
|
};
|
|
2221
2221
|
|
|
2222
2222
|
var style$N = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2223
2223
|
|
|
2224
|
-
var Component$
|
|
2224
|
+
var Component$21 = function (_a) {
|
|
2225
2225
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
|
|
2226
2226
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$N['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
|
|
2227
2227
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2229,11 +2229,11 @@ var Component$20 = function (_a) {
|
|
|
2229
2229
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2230
2230
|
})));
|
|
2231
2231
|
};
|
|
2232
|
-
var ListIconLink = Component$
|
|
2232
|
+
var ListIconLink = Component$21;
|
|
2233
2233
|
|
|
2234
2234
|
var style$M = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2235
2235
|
|
|
2236
|
-
var Component$
|
|
2236
|
+
var Component$20 = function (_a) {
|
|
2237
2237
|
var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
|
|
2238
2238
|
var menuActive = isActive ? style$M['isActive'] : '';
|
|
2239
2239
|
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$M['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2242,7 +2242,7 @@ var Component$1$ = function (_a) {
|
|
|
2242
2242
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2243
2243
|
React.createElement("p", { className: style$M['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2244
2244
|
};
|
|
2245
|
-
var MenuIcon = Component$
|
|
2245
|
+
var MenuIcon = Component$20;
|
|
2246
2246
|
|
|
2247
2247
|
var style$L = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2248
2248
|
|
|
@@ -2252,7 +2252,7 @@ var getIcons = function (iconName) {
|
|
|
2252
2252
|
return megaMenuUserLoggedIcons[iconName];
|
|
2253
2253
|
};
|
|
2254
2254
|
|
|
2255
|
-
var Component$
|
|
2255
|
+
var Component$1$ = function (_a) {
|
|
2256
2256
|
var menuItems1440 = _a.menuItems1440, haveGif = _a.haveGif, urlParam = _a.urlParam, menuItems = _a.menuItems, logout = _a.logout;
|
|
2257
2257
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2258
2258
|
var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
|
|
@@ -2270,16 +2270,16 @@ var Component$1_ = function (_a) {
|
|
|
2270
2270
|
})),
|
|
2271
2271
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2272
2272
|
};
|
|
2273
|
-
var ListMenuIcons = Component$
|
|
2273
|
+
var ListMenuIcons = Component$1$;
|
|
2274
2274
|
|
|
2275
|
-
var Component$
|
|
2275
|
+
var Component$1_ = function (_a) {
|
|
2276
2276
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2277
2277
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2278
2278
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2279
2279
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2280
2280
|
})));
|
|
2281
2281
|
};
|
|
2282
|
-
var ListMenuItems = Component$
|
|
2282
|
+
var ListMenuItems = Component$1_;
|
|
2283
2283
|
|
|
2284
2284
|
var style$K = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2285
2285
|
|
|
@@ -2322,16 +2322,16 @@ var MagnetoResolution = function (_a) {
|
|
|
2322
2322
|
React.createElement("a", { className: "".concat(style$I["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
|
|
2323
2323
|
};
|
|
2324
2324
|
|
|
2325
|
-
var styles$
|
|
2325
|
+
var styles$1Q = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
2326
2326
|
|
|
2327
2327
|
var Image = function (_a) {
|
|
2328
2328
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
2329
2329
|
return (React.createElement(React.Fragment, null,
|
|
2330
2330
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
2331
|
-
playIcon && React.createElement("div", { className: styles$
|
|
2331
|
+
playIcon && React.createElement("div", { className: styles$1Q['magneto-ui-play-button'] }, playIcon)));
|
|
2332
2332
|
};
|
|
2333
2333
|
|
|
2334
|
-
var styles$
|
|
2334
|
+
var styles$1P = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
|
|
2335
2335
|
|
|
2336
2336
|
var MegaMenuCard = function (_a) {
|
|
2337
2337
|
var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
|
|
@@ -2341,19 +2341,19 @@ var MegaMenuCard = function (_a) {
|
|
|
2341
2341
|
onClick();
|
|
2342
2342
|
}
|
|
2343
2343
|
}, [onClick]);
|
|
2344
|
-
var rigthArrow = (React.createElement("div", { className: styles$
|
|
2344
|
+
var rigthArrow = (React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__arrow"] },
|
|
2345
2345
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })));
|
|
2346
2346
|
var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
|
|
2347
2347
|
md: rigthArrow
|
|
2348
2348
|
});
|
|
2349
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
2350
|
-
icon && (React.createElement("div", { className: styles$
|
|
2349
|
+
return (React.createElement("a", { className: "".concat(styles$1P["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
2350
|
+
icon && (React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__icon"] },
|
|
2351
2351
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
2352
|
-
logo && (React.createElement("div", { className: styles$
|
|
2353
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
2354
|
-
React.createElement("div", { className: styles$
|
|
2355
|
-
React.createElement("div", { className: styles$
|
|
2356
|
-
React.createElement("div", { className: styles$
|
|
2352
|
+
logo && (React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__logo"] },
|
|
2353
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$1P["magneto-ui-mega-menu-card__logo"] }))),
|
|
2354
|
+
React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__content"] },
|
|
2355
|
+
React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__title"] }, title),
|
|
2356
|
+
React.createElement("div", { className: styles$1P["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
2357
2357
|
maximumFractionDigits: 3
|
|
2358
2358
|
}), " cupos"))),
|
|
2359
2359
|
arrow));
|
|
@@ -2409,9 +2409,9 @@ var useLoggedInUser = function () {
|
|
|
2409
2409
|
return listMenuUserProps;
|
|
2410
2410
|
};
|
|
2411
2411
|
|
|
2412
|
-
var styles$
|
|
2412
|
+
var styles$1O = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2413
2413
|
|
|
2414
|
-
var Component$
|
|
2414
|
+
var Component$1Z = function (_a) {
|
|
2415
2415
|
var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
|
|
2416
2416
|
var handleClick = useCallback(function (event) {
|
|
2417
2417
|
if (onClick) {
|
|
@@ -2419,15 +2419,15 @@ var Component$1Y = function (_a) {
|
|
|
2419
2419
|
onClick();
|
|
2420
2420
|
}
|
|
2421
2421
|
}, [onClick]);
|
|
2422
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2423
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2424
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2425
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2422
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1O['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2423
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1O['button-link__icon'] })),
|
|
2424
|
+
buttonText && React.createElement("p", { className: styles$1O['button-link__text'] }, buttonText),
|
|
2425
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1O['button-link__icon'] }))));
|
|
2426
2426
|
};
|
|
2427
2427
|
/**
|
|
2428
2428
|
* UI Atom Component of Save Button
|
|
2429
2429
|
*/
|
|
2430
|
-
var ButtonLink = Component$
|
|
2430
|
+
var ButtonLink = Component$1Z;
|
|
2431
2431
|
|
|
2432
2432
|
var MegaMenuJobsTabs = function () {
|
|
2433
2433
|
var _a, _b;
|
|
@@ -2455,7 +2455,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2455
2455
|
React.createElement("div", { className: "".concat(style$H["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2456
2456
|
};
|
|
2457
2457
|
|
|
2458
|
-
var styles$
|
|
2458
|
+
var styles$1N = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_123jk","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_123jk","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_123jk","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_123jk","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_123jk","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_123jk","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_123jk","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_123jk"};
|
|
2459
2459
|
|
|
2460
2460
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2461
2461
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2474,12 +2474,12 @@ var MegaMenuPopover = function (_a) {
|
|
|
2474
2474
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2475
2475
|
}, [showContent]);
|
|
2476
2476
|
return (React.createElement(React.Fragment, null,
|
|
2477
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2478
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2479
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2480
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2481
|
-
React.createElement("div", { className: styles$
|
|
2482
|
-
React.createElement("div", { className: styles$
|
|
2477
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1N["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2478
|
+
React.createElement("p", { className: "".concat(styles$1N["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2479
|
+
React.createElement(IconItem, { className: "".concat(styles$1N["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1N["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2480
|
+
React.createElement("div", { className: "".concat(styles$1N["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1N["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2481
|
+
React.createElement("div", { className: styles$1N["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2482
|
+
React.createElement("div", { className: styles$1N["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2483
2483
|
event.stopPropagation();
|
|
2484
2484
|
} }, children))));
|
|
2485
2485
|
};
|
|
@@ -2504,17 +2504,17 @@ var MegaMenuSideCards = function (_a) {
|
|
|
2504
2504
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$G["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
2505
2505
|
};
|
|
2506
2506
|
|
|
2507
|
-
var styles$
|
|
2507
|
+
var styles$1M = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
|
|
2508
2508
|
|
|
2509
2509
|
var MenuSearch = function (_a) {
|
|
2510
2510
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2511
2511
|
var onBlur = useCallback(function () {
|
|
2512
2512
|
handleOnBlur && handleOnBlur();
|
|
2513
2513
|
}, [handleOnBlur]);
|
|
2514
|
-
return (React.createElement("div", { className: styles$
|
|
2515
|
-
React.createElement("div", { className: styles$
|
|
2514
|
+
return (React.createElement("div", { className: styles$1M['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2515
|
+
React.createElement("div", { className: styles$1M['magneto-ui-menu-search_container'] },
|
|
2516
2516
|
children,
|
|
2517
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2517
|
+
React.createElement("div", { className: "".concat(styles$1M['magneto-ui-menu-search_content'], " ").concat(show && styles$1M.open) }, content))));
|
|
2518
2518
|
};
|
|
2519
2519
|
|
|
2520
2520
|
var iconByType = {
|
|
@@ -2525,9 +2525,9 @@ var iconByType = {
|
|
|
2525
2525
|
};
|
|
2526
2526
|
var transitionDuration = 300;
|
|
2527
2527
|
|
|
2528
|
-
var styles$
|
|
2528
|
+
var styles$1L = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
|
|
2529
2529
|
|
|
2530
|
-
var Component$
|
|
2530
|
+
var Component$1Y = function (_a) {
|
|
2531
2531
|
var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
2532
2532
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2533
2533
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2539,7 +2539,7 @@ var Component$1X = function (_a) {
|
|
|
2539
2539
|
}); }, []);
|
|
2540
2540
|
var containerStyles = useMemo(function () {
|
|
2541
2541
|
return CNM.get({
|
|
2542
|
-
styles: styles$
|
|
2542
|
+
styles: styles$1L,
|
|
2543
2543
|
cls: [
|
|
2544
2544
|
'message__container',
|
|
2545
2545
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2547,7 +2547,7 @@ var Component$1X = function (_a) {
|
|
|
2547
2547
|
]
|
|
2548
2548
|
});
|
|
2549
2549
|
}, [type, toggleAnimation]);
|
|
2550
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2550
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1L, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2551
2551
|
useEffect(function () {
|
|
2552
2552
|
if (!localVisible)
|
|
2553
2553
|
return;
|
|
@@ -2579,9 +2579,9 @@ var Component$1X = function (_a) {
|
|
|
2579
2579
|
setIsAnimating(visible);
|
|
2580
2580
|
}, [isAnimating, visible]);
|
|
2581
2581
|
return localVisible
|
|
2582
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2582
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1L, cls: [className] }) },
|
|
2583
2583
|
React.createElement("div", { className: containerStyles },
|
|
2584
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2584
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1L, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2585
2585
|
React.createElement("div", null,
|
|
2586
2586
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2587
2587
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2590,13 +2590,13 @@ var Component$1X = function (_a) {
|
|
|
2590
2590
|
/**
|
|
2591
2591
|
* Molecule UI component for Message
|
|
2592
2592
|
*/
|
|
2593
|
-
var Message = Component$
|
|
2593
|
+
var Message = Component$1Y;
|
|
2594
2594
|
|
|
2595
|
-
var styles$
|
|
2595
|
+
var styles$1K = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2596
2596
|
|
|
2597
|
-
var Component$
|
|
2597
|
+
var Component$1X = function (_a) {
|
|
2598
2598
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2599
|
-
return (React.createElement("div", { className: styles$
|
|
2599
|
+
return (React.createElement("div", { className: styles$1K['magneto-ui-mobile-job-details-header'] },
|
|
2600
2600
|
React.createElement("button", { onClick: onClick },
|
|
2601
2601
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2602
2602
|
React.createElement("p", null, returnText)));
|
|
@@ -2604,11 +2604,11 @@ var Component$1W = function (_a) {
|
|
|
2604
2604
|
/**
|
|
2605
2605
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2606
2606
|
*/
|
|
2607
|
-
var MobileJobDetailsHeader = Component$
|
|
2607
|
+
var MobileJobDetailsHeader = Component$1X;
|
|
2608
2608
|
|
|
2609
|
-
var styles$
|
|
2609
|
+
var styles$1J = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
|
|
2610
2610
|
|
|
2611
|
-
var Component$
|
|
2611
|
+
var Component$1W = function (_a) {
|
|
2612
2612
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2613
2613
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2614
2614
|
var searchInputRef = useRef(null);
|
|
@@ -2630,20 +2630,20 @@ var Component$1V = function (_a) {
|
|
|
2630
2630
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2631
2631
|
}
|
|
2632
2632
|
}, [focusSearchInput]);
|
|
2633
|
-
return (React.createElement("div", { className: styles$
|
|
2633
|
+
return (React.createElement("div", { className: styles$1J.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2634
2634
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2635
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2636
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2635
|
+
searchValue && React.createElement("div", { className: styles$1J['search-badge'] }),
|
|
2636
|
+
React.createElement(MainButton, __assign({ className: styles$1J['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2637
2637
|
React.createElement("label", { htmlFor: "search" }),
|
|
2638
2638
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2639
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2639
|
+
React.createElement(MainButton, __assign({ className: styles$1J['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2640
2640
|
};
|
|
2641
2641
|
/**
|
|
2642
2642
|
* Molecule UI component for MobileSearchbar
|
|
2643
2643
|
*/
|
|
2644
|
-
var MobileSearchbar = Component$
|
|
2644
|
+
var MobileSearchbar = Component$1W;
|
|
2645
2645
|
|
|
2646
|
-
var styles$
|
|
2646
|
+
var styles$1I = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1vun3","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1vun3","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1vun3","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1vun3","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1vun3","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1vun3","fadeIn":"mg_modal_fadeIn_1vun3"};
|
|
2647
2647
|
|
|
2648
2648
|
var Modal = function (_a) {
|
|
2649
2649
|
var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, title = _a.title, description = _a.description, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
|
|
@@ -2656,49 +2656,49 @@ var Modal = function (_a) {
|
|
|
2656
2656
|
if (!isOpen)
|
|
2657
2657
|
return null;
|
|
2658
2658
|
return (React.createElement(Fragment, null,
|
|
2659
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2660
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2661
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2659
|
+
React.createElement("div", { className: "".concat(styles$1I["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2660
|
+
title ? React.createElement("h2", { className: "".concat(styles$1I["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2661
|
+
description ? React.createElement("p", { className: "".concat(styles$1I["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2662
2662
|
children,
|
|
2663
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2663
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1I["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2664
2664
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2665
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2665
|
+
React.createElement("span", { className: "".concat(styles$1I["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2666
2666
|
};
|
|
2667
2667
|
var Title = function (_a) {
|
|
2668
2668
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2669
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2669
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1I["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2670
2670
|
};
|
|
2671
2671
|
var Description = function (_a) {
|
|
2672
2672
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2673
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2673
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1I["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2674
2674
|
};
|
|
2675
2675
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2676
2676
|
|
|
2677
|
-
var Component$
|
|
2677
|
+
var Component$1V = function (_a) {
|
|
2678
2678
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2679
2679
|
var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2680
2680
|
md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2681
2681
|
});
|
|
2682
2682
|
return container;
|
|
2683
2683
|
};
|
|
2684
|
-
var ModalResponsive = Component$
|
|
2684
|
+
var ModalResponsive = Component$1V;
|
|
2685
2685
|
|
|
2686
|
-
var styles$
|
|
2686
|
+
var styles$1H = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
|
|
2687
2687
|
|
|
2688
2688
|
var BtnPagination = function (_a) {
|
|
2689
2689
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2690
2690
|
var displayContent = useMemo(function () {
|
|
2691
2691
|
if (loading && value && current === value)
|
|
2692
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2692
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1H['magneto-ui-btn-pagination_spinner'] });
|
|
2693
2693
|
return value;
|
|
2694
2694
|
}, [loading, current, value]);
|
|
2695
2695
|
var pageQueryParam = 'paginator[page]=';
|
|
2696
2696
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2697
2697
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2698
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2699
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2698
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1H['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2699
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1H['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1H['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1H['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1H['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2700
2700
|
displayContent,
|
|
2701
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2701
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1H['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1H['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1H['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1H['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2702
2702
|
displayContent,
|
|
2703
2703
|
displayIcon))));
|
|
2704
2704
|
};
|
|
@@ -2749,7 +2749,7 @@ var createPagination = function (_a) {
|
|
|
2749
2749
|
};
|
|
2750
2750
|
};
|
|
2751
2751
|
|
|
2752
|
-
var styles$
|
|
2752
|
+
var styles$1G = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2753
2753
|
|
|
2754
2754
|
var Pagination = function (_a) {
|
|
2755
2755
|
var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
|
|
@@ -2768,16 +2768,16 @@ var Pagination = function (_a) {
|
|
|
2768
2768
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2769
2769
|
if (total <= pageSize)
|
|
2770
2770
|
return React.createElement(Fragment, null);
|
|
2771
|
-
return (React.createElement("div", { className: styles$
|
|
2771
|
+
return (React.createElement("div", { className: styles$1G['magneto-ui-pagination'] },
|
|
2772
2772
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2773
2773
|
React.createElement("ul", null,
|
|
2774
2774
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2775
2775
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2776
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2776
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1G['magneto-ui-pagination_ellipsis'] }))),
|
|
2777
2777
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2778
2778
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2779
2779
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2780
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2780
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1G['magneto-ui-pagination_ellipsis'] }),
|
|
2781
2781
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2782
2782
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2783
2783
|
};
|
|
@@ -2797,9 +2797,9 @@ var generateID = function () {
|
|
|
2797
2797
|
return uniqueID;
|
|
2798
2798
|
};
|
|
2799
2799
|
|
|
2800
|
-
var styles$
|
|
2800
|
+
var styles$1F = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_thedx","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_thedx","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_thedx"};
|
|
2801
2801
|
|
|
2802
|
-
var Component$
|
|
2802
|
+
var Component$1U = function (_a) {
|
|
2803
2803
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2804
2804
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2805
2805
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2827,19 +2827,19 @@ var Component$1T = function (_a) {
|
|
|
2827
2827
|
}
|
|
2828
2828
|
return { backgroundColor: '#c4c4c4' };
|
|
2829
2829
|
}, [color, score, spanHover]);
|
|
2830
|
-
return (React.createElement("div", { className: styles$
|
|
2830
|
+
return (React.createElement("div", { className: styles$1F['magneto-ui-score-level'] },
|
|
2831
2831
|
React.createElement("p", null, name),
|
|
2832
|
-
React.createElement("div", { className: styles$
|
|
2832
|
+
React.createElement("div", { className: styles$1F['magneto-ui-score-level__summary'] },
|
|
2833
2833
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
|
|
2834
2834
|
React.createElement("p", null, labelScore)),
|
|
2835
|
-
React.createElement("button", { className: styles$
|
|
2835
|
+
React.createElement("button", { className: styles$1F['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2836
2836
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2837
2837
|
};
|
|
2838
|
-
var ScoreLevel = Component$
|
|
2838
|
+
var ScoreLevel = Component$1U;
|
|
2839
2839
|
|
|
2840
|
-
var styles$
|
|
2840
|
+
var styles$1E = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
|
|
2841
2841
|
|
|
2842
|
-
var Component$
|
|
2842
|
+
var Component$1T = function (_a) {
|
|
2843
2843
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2844
2844
|
var labelScore = useMemo(function () {
|
|
2845
2845
|
return levels[scoreValue - 1];
|
|
@@ -2854,17 +2854,17 @@ var Component$1S = function (_a) {
|
|
|
2854
2854
|
}
|
|
2855
2855
|
return { backgroundColor: '#c4c4c4' };
|
|
2856
2856
|
}, [color, scoreValue]);
|
|
2857
|
-
return (React.createElement("div", { className: styles$
|
|
2857
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui-score-level'] },
|
|
2858
2858
|
React.createElement("p", null, name),
|
|
2859
|
-
React.createElement("div", { className: styles$
|
|
2859
|
+
React.createElement("div", { className: styles$1E['magneto-ui-score-level__summary'] },
|
|
2860
2860
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2861
2861
|
React.createElement("p", null, labelScore))));
|
|
2862
2862
|
};
|
|
2863
|
-
var ScoreLevelStatic = Component$
|
|
2863
|
+
var ScoreLevelStatic = Component$1T;
|
|
2864
2864
|
|
|
2865
|
-
var styles$
|
|
2865
|
+
var styles$1D = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
|
|
2866
2866
|
|
|
2867
|
-
var Component$
|
|
2867
|
+
var Component$1S = function (_a) {
|
|
2868
2868
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2869
2869
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2870
2870
|
useEffect(function () {
|
|
@@ -2880,32 +2880,32 @@ var Component$1R = function (_a) {
|
|
|
2880
2880
|
setSearchValue('');
|
|
2881
2881
|
onSearch('');
|
|
2882
2882
|
};
|
|
2883
|
-
return (React.createElement("div", { className: styles$
|
|
2883
|
+
return (React.createElement("div", { className: styles$1D.SearchbarComponent },
|
|
2884
2884
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2885
2885
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2886
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2887
|
-
React.createElement("div", { className: styles$
|
|
2886
|
+
searchValue && React.createElement("div", { className: styles$1D['SearchbarComponent__badge'] }),
|
|
2887
|
+
React.createElement("div", { className: styles$1D['magneto-ui-searchbar-buttons'] },
|
|
2888
2888
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2889
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2889
|
+
React.createElement(MainButton, __assign({ className: styles$1D['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2890
2890
|
React.createElement("span", null, "|"))),
|
|
2891
2891
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2892
2892
|
};
|
|
2893
2893
|
/**
|
|
2894
2894
|
* UI Molecule of a searchbar
|
|
2895
2895
|
*/
|
|
2896
|
-
var Searchbar = Component$
|
|
2896
|
+
var Searchbar = Component$1S;
|
|
2897
2897
|
|
|
2898
|
-
var styles$
|
|
2898
|
+
var styles$1C = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2899
2899
|
|
|
2900
|
-
var Component$
|
|
2900
|
+
var Component$1R = function (_a) {
|
|
2901
2901
|
var props = __rest(_a, []);
|
|
2902
|
-
return (React.createElement("div", { className: styles$
|
|
2903
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2902
|
+
return (React.createElement("div", { className: styles$1C['search-button'] },
|
|
2903
|
+
props.searchValue && React.createElement("div", { className: styles$1C['search-button__badge'] }),
|
|
2904
2904
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2905
2905
|
};
|
|
2906
|
-
var SearchButton = Component$
|
|
2906
|
+
var SearchButton = Component$1R;
|
|
2907
2907
|
|
|
2908
|
-
var styles$
|
|
2908
|
+
var styles$1B = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_h6mjd","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_h6mjd","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_h6mjd","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_h6mjd","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_h6mjd"};
|
|
2909
2909
|
|
|
2910
2910
|
var SimilarJobsCard = function (_a) {
|
|
2911
2911
|
var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
|
|
@@ -2915,12 +2915,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2915
2915
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2916
2916
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2917
2917
|
}, [cities, salary, experience]);
|
|
2918
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2919
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2918
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2919
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2920
2920
|
React.createElement("div", null,
|
|
2921
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2922
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2923
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2921
|
+
React.createElement("p", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2922
|
+
React.createElement("p", { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2923
|
+
React.createElement(IconItem, { className: "".concat(styles$1B["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2924
2924
|
};
|
|
2925
2925
|
|
|
2926
2926
|
var style$E = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
@@ -2942,7 +2942,7 @@ var SortMenu = function (_a) {
|
|
|
2942
2942
|
};
|
|
2943
2943
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2944
2944
|
|
|
2945
|
-
var styles$
|
|
2945
|
+
var styles$1A = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
|
|
2946
2946
|
|
|
2947
2947
|
var TextArea = function (_a) {
|
|
2948
2948
|
var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
|
|
@@ -2968,15 +2968,15 @@ var TextArea = function (_a) {
|
|
|
2968
2968
|
return;
|
|
2969
2969
|
setShowPlaceholder(scrollTop === 0);
|
|
2970
2970
|
}, [showPlaceholder]);
|
|
2971
|
-
return (React.createElement("div", { className: styles$
|
|
2972
|
-
React.createElement("div", { className: styles$
|
|
2971
|
+
return (React.createElement("div", { className: styles$1A["".concat(classMUI, "-text-area")] },
|
|
2972
|
+
React.createElement("div", { className: styles$1A["".concat(classMUI, "-text-area--container")] },
|
|
2973
2973
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2974
2974
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2975
2975
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2976
|
-
}, className: styles$
|
|
2977
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2978
|
-
React.createElement("div", { className: styles$
|
|
2979
|
-
React.createElement("span", { className: styles$
|
|
2976
|
+
}, className: styles$1A["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2977
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1A["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
|
|
2978
|
+
React.createElement("div", { className: styles$1A["".concat(classMUI, "-text-area__footer")] },
|
|
2979
|
+
React.createElement("span", { className: styles$1A["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2980
2980
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2981
2981
|
};
|
|
2982
2982
|
|
|
@@ -2987,7 +2987,7 @@ var timelineIcons = {
|
|
|
2987
2987
|
current: Clock,
|
|
2988
2988
|
blocked: Lock
|
|
2989
2989
|
};
|
|
2990
|
-
var Component$
|
|
2990
|
+
var Component$1Q = function (_a) {
|
|
2991
2991
|
var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
|
|
2992
2992
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2993
2993
|
var titleStyle = style$D["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -3000,11 +3000,11 @@ var Component$1P = function (_a) {
|
|
|
3000
3000
|
React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
3001
3001
|
React.createElement("p", { className: "".concat(style$D["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
3002
3002
|
};
|
|
3003
|
-
var TimelineEvent = Component$
|
|
3003
|
+
var TimelineEvent = Component$1Q;
|
|
3004
3004
|
|
|
3005
|
-
var styles$
|
|
3005
|
+
var styles$1z = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
3006
3006
|
|
|
3007
|
-
var Component$
|
|
3007
|
+
var Component$1P = function (_a) {
|
|
3008
3008
|
var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
|
|
3009
3009
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
3010
3010
|
useEffect(function () {
|
|
@@ -3027,19 +3027,19 @@ var Component$1O = function (_a) {
|
|
|
3027
3027
|
}
|
|
3028
3028
|
return false;
|
|
3029
3029
|
};
|
|
3030
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
3030
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1z['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
3031
3031
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
3032
3032
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
3033
3033
|
})));
|
|
3034
3034
|
};
|
|
3035
|
-
var ToggleButtonList = Component$
|
|
3035
|
+
var ToggleButtonList = Component$1P;
|
|
3036
3036
|
|
|
3037
|
-
var Component$
|
|
3037
|
+
var Component$1O = function (_a) {
|
|
3038
3038
|
var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
|
|
3039
3039
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
3040
3040
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3041
3041
|
};
|
|
3042
|
-
var UserMenu = withClickOut(Component$
|
|
3042
|
+
var UserMenu = withClickOut(Component$1O);
|
|
3043
3043
|
|
|
3044
3044
|
var userMenuAnalystIcons = {
|
|
3045
3045
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -3053,11 +3053,11 @@ var userMenuAnalystIcons = {
|
|
|
3053
3053
|
rateUsHelp: Messages2BlackOutline
|
|
3054
3054
|
};
|
|
3055
3055
|
|
|
3056
|
-
var styles$
|
|
3056
|
+
var styles$1y = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
|
|
3057
3057
|
|
|
3058
|
-
var styles$
|
|
3058
|
+
var styles$1x = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
|
|
3059
3059
|
|
|
3060
|
-
var Component$
|
|
3060
|
+
var Component$1N = function (_a) {
|
|
3061
3061
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3062
3062
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
3063
3063
|
var handleOnClick = useCallback(function () {
|
|
@@ -3071,12 +3071,12 @@ var Component$1M = function (_a) {
|
|
|
3071
3071
|
}
|
|
3072
3072
|
}, [handleModal, handleMenuOpen, option]);
|
|
3073
3073
|
return (React.createElement("span", { className: CNM.get({
|
|
3074
|
-
styles: styles$
|
|
3074
|
+
styles: styles$1x,
|
|
3075
3075
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
3076
3076
|
}) },
|
|
3077
3077
|
prefix,
|
|
3078
3078
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
3079
|
-
styles: styles$
|
|
3079
|
+
styles: styles$1x,
|
|
3080
3080
|
cls: ['user-menu-analyst-option-default__container']
|
|
3081
3081
|
}), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
|
|
3082
3082
|
suffix));
|
|
@@ -3084,31 +3084,31 @@ var Component$1M = function (_a) {
|
|
|
3084
3084
|
/**
|
|
3085
3085
|
* Molecule UI great-grand child component of menu dropdown
|
|
3086
3086
|
*/
|
|
3087
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
3087
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1N);
|
|
3088
3088
|
|
|
3089
|
-
var styles$
|
|
3089
|
+
var styles$1w = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
|
|
3090
3090
|
|
|
3091
|
-
var Component$
|
|
3091
|
+
var Component$1M = function (_a) {
|
|
3092
3092
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
3093
3093
|
return (React.createElement("span", { className: CNM.get({
|
|
3094
|
-
styles: styles$
|
|
3094
|
+
styles: styles$1w,
|
|
3095
3095
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
3096
3096
|
}) },
|
|
3097
3097
|
prefix,
|
|
3098
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
3098
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1w, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
3099
3099
|
suffix));
|
|
3100
3100
|
};
|
|
3101
3101
|
/**
|
|
3102
3102
|
* Molecule UI great-grand child component of menu dropdown
|
|
3103
3103
|
*/
|
|
3104
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
3104
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1M);
|
|
3105
3105
|
|
|
3106
|
-
var styles$
|
|
3106
|
+
var styles$1v = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
3107
3107
|
|
|
3108
|
-
var Component$
|
|
3108
|
+
var Component$1L = function (_a) {
|
|
3109
3109
|
var option = _a.option, className = _a.className;
|
|
3110
3110
|
return (React.createElement("span", { className: CNM.get({
|
|
3111
|
-
styles: styles$
|
|
3111
|
+
styles: styles$1v,
|
|
3112
3112
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3113
3113
|
}) },
|
|
3114
3114
|
React.createElement("p", null, option.title)));
|
|
@@ -3116,9 +3116,9 @@ var Component$1K = function (_a) {
|
|
|
3116
3116
|
/**
|
|
3117
3117
|
* Molecule UI great-grand child component of menu dropdown
|
|
3118
3118
|
*/
|
|
3119
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
3119
|
+
var UserMenuAnalystOptionText = React.memo(Component$1L);
|
|
3120
3120
|
|
|
3121
|
-
var Component$
|
|
3121
|
+
var Component$1K = function (_a) {
|
|
3122
3122
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
3123
3123
|
return (React.createElement(React.Fragment, null, actions.map(function (action, index) { return (React.createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
3124
3124
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3138,7 +3138,7 @@ var Action = function (_a) {
|
|
|
3138
3138
|
/**
|
|
3139
3139
|
* Molecule UI great-grand child component of menu dropdown
|
|
3140
3140
|
*/
|
|
3141
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
3141
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1K);
|
|
3142
3142
|
|
|
3143
3143
|
var EUserMenuAnalystOptionType;
|
|
3144
3144
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3164,28 +3164,28 @@ var optionTypes = (_b = {},
|
|
|
3164
3164
|
_b);
|
|
3165
3165
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3166
3166
|
|
|
3167
|
-
var styles$
|
|
3167
|
+
var styles$1u = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
|
|
3168
3168
|
|
|
3169
|
-
var Component$
|
|
3169
|
+
var Component$1J = function (_a) {
|
|
3170
3170
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3171
3171
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3172
3172
|
return (React.createElement("div", null,
|
|
3173
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3173
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1u, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3174
3174
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
3175
3175
|
React.createElement("span", { className: CNM.get({
|
|
3176
|
-
styles: styles$
|
|
3176
|
+
styles: styles$1u,
|
|
3177
3177
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3178
3178
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3179
3179
|
React.createElement("span", { className: CNM.get({
|
|
3180
|
-
styles: styles$
|
|
3180
|
+
styles: styles$1u,
|
|
3181
3181
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3182
3182
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3183
3183
|
};
|
|
3184
|
-
var UserMenuAnalystTitle = Component$
|
|
3184
|
+
var UserMenuAnalystTitle = Component$1J;
|
|
3185
3185
|
|
|
3186
|
-
var styles$
|
|
3186
|
+
var styles$1t = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
|
|
3187
3187
|
|
|
3188
|
-
var Component$
|
|
3188
|
+
var Component$1I = function (_a) {
|
|
3189
3189
|
var _b;
|
|
3190
3190
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3191
3191
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3211,13 +3211,13 @@ var Component$1H = function (_a) {
|
|
|
3211
3211
|
var OptionType = getOptionType(option.type);
|
|
3212
3212
|
if (!OptionType)
|
|
3213
3213
|
return null;
|
|
3214
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3215
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3214
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__object'] }) },
|
|
3215
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$1t, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React.createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React.createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3216
3216
|
}
|
|
3217
|
-
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3217
|
+
return (React.createElement(MenuDropdown, { title: React.createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3218
3218
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3219
3219
|
}, className: CNM.get({
|
|
3220
|
-
styles: styles$
|
|
3220
|
+
styles: styles$1t,
|
|
3221
3221
|
cls: [
|
|
3222
3222
|
'user-menu-analyst-option__dropdown',
|
|
3223
3223
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3226,8 +3226,8 @@ var Component$1H = function (_a) {
|
|
|
3226
3226
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3227
3227
|
var _a;
|
|
3228
3228
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3229
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3230
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
3229
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
|
|
3230
|
+
_a.map(function (child, j) { return (React.createElement(Component$1I, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3231
3231
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3232
3232
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3233
3233
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3236,27 +3236,27 @@ var Component$1H = function (_a) {
|
|
|
3236
3236
|
/**
|
|
3237
3237
|
* Molecule UI grand child component of menu dropdown
|
|
3238
3238
|
*/
|
|
3239
|
-
var UserMenuAnalystOption = Component$
|
|
3239
|
+
var UserMenuAnalystOption = Component$1I;
|
|
3240
3240
|
|
|
3241
|
-
var Component$
|
|
3241
|
+
var Component$1H = function (_a) {
|
|
3242
3242
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3243
3243
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3244
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3244
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1y, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3245
3245
|
var _a;
|
|
3246
3246
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3247
3247
|
_a.map(function (item, j) { return (React.createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3248
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3248
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1y, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3249
3249
|
React.createElement(Divider, null)))));
|
|
3250
3250
|
})));
|
|
3251
3251
|
};
|
|
3252
3252
|
/**
|
|
3253
3253
|
* Molecule UI child component of user menu analyst
|
|
3254
3254
|
*/
|
|
3255
|
-
var UserMenuAnalystOptions = Component$
|
|
3255
|
+
var UserMenuAnalystOptions = Component$1H;
|
|
3256
3256
|
|
|
3257
|
-
var styles$
|
|
3257
|
+
var styles$1s = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
|
|
3258
3258
|
|
|
3259
|
-
var Component$
|
|
3259
|
+
var Component$1G = function (_a) {
|
|
3260
3260
|
var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3261
3261
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3262
3262
|
var actionUrl = useMemo(function () {
|
|
@@ -3274,58 +3274,58 @@ var Component$1F = function (_a) {
|
|
|
3274
3274
|
: action.data;
|
|
3275
3275
|
}
|
|
3276
3276
|
}, [action, queryString]);
|
|
3277
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3278
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3279
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3277
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst'] }) },
|
|
3278
|
+
React.createElement("header", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__header'] }) },
|
|
3279
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user'] }) },
|
|
3280
3280
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3281
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3282
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3283
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3284
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3281
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info'] }) },
|
|
3282
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3283
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3284
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3285
3285
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3286
|
-
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3286
|
+
typeof action.data === 'string' ? (React.createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React.createElement("button", { onClick: action.data }, action.title)))) : (React.createElement("span", { className: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3287
3287
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3288
|
-
styles: styles$
|
|
3288
|
+
styles: styles$1s,
|
|
3289
3289
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3290
3290
|
}), optionClassNames: {
|
|
3291
|
-
link: CNM.get({ styles: styles$
|
|
3292
|
-
dropdown: CNM.get({ styles: styles$
|
|
3291
|
+
link: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__company-link'] }),
|
|
3292
|
+
dropdown: CNM.get({ styles: styles$1s, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3293
3293
|
} }))),
|
|
3294
3294
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3295
3295
|
};
|
|
3296
3296
|
/**
|
|
3297
3297
|
* Molecule UI component for user menu
|
|
3298
3298
|
*/
|
|
3299
|
-
var UserMenuAnalyst = Component$
|
|
3299
|
+
var UserMenuAnalyst = Component$1G;
|
|
3300
3300
|
|
|
3301
|
-
var styles$
|
|
3301
|
+
var styles$1r = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3302
3302
|
|
|
3303
|
-
var Component$
|
|
3303
|
+
var Component$1F = function (_a) {
|
|
3304
3304
|
var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
|
|
3305
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3305
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3306
3306
|
React.createElement(Popover, { widthBase: 'auto', show: clickOut, content: React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
3307
3307
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3308
3308
|
};
|
|
3309
3309
|
/**
|
|
3310
3310
|
* Molecule UI child component of user menu analyst wrapper
|
|
3311
3311
|
*/
|
|
3312
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3312
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1F);
|
|
3313
3313
|
|
|
3314
|
-
var styles$
|
|
3314
|
+
var styles$1q = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3315
3315
|
|
|
3316
|
-
var Component$
|
|
3316
|
+
var Component$1E = function (_a) {
|
|
3317
3317
|
var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
|
|
3318
3318
|
return (React.createElement(React.Fragment, null,
|
|
3319
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3319
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1q, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3320
3320
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3321
3321
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3322
3322
|
};
|
|
3323
3323
|
/**
|
|
3324
3324
|
* Molecule UI child component of user menu analyst wrapper
|
|
3325
3325
|
*/
|
|
3326
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3326
|
+
var UserMenuWrapperAnalystModal = Component$1E;
|
|
3327
3327
|
|
|
3328
|
-
var Component$
|
|
3328
|
+
var Component$1D = function (_a) {
|
|
3329
3329
|
var props = __rest(_a, []);
|
|
3330
3330
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3331
3331
|
useEffect(function () {
|
|
@@ -3347,21 +3347,21 @@ var Component$1C = function (_a) {
|
|
|
3347
3347
|
/**
|
|
3348
3348
|
* Molecule UI component for user menu wrapper analyst
|
|
3349
3349
|
*/
|
|
3350
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3350
|
+
var UserMenuWrapperAnalyst = Component$1D;
|
|
3351
3351
|
|
|
3352
|
-
var styles$
|
|
3352
|
+
var styles$1p = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
|
|
3353
3353
|
|
|
3354
|
-
var styles$
|
|
3354
|
+
var styles$1o = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3355
3355
|
|
|
3356
|
-
var cx$
|
|
3356
|
+
var cx$J = classNames.bind(styles$1o);
|
|
3357
3357
|
var AlertJobStatusContainer = function (_a) {
|
|
3358
3358
|
var className = _a.className, children = _a.children;
|
|
3359
|
-
return React.createElement("div", { className: cx$
|
|
3359
|
+
return React.createElement("div", { className: cx$J('alert-job__content', className) }, children);
|
|
3360
3360
|
};
|
|
3361
3361
|
|
|
3362
|
-
var styles$
|
|
3362
|
+
var styles$1n = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3363
3363
|
|
|
3364
|
-
var cx$
|
|
3364
|
+
var cx$I = classNames.bind(styles$1n);
|
|
3365
3365
|
var alertIcons = {
|
|
3366
3366
|
success: Checked2,
|
|
3367
3367
|
warning: Warning3D
|
|
@@ -3370,47 +3370,58 @@ var AlertJobStatusIcon = function (_a) {
|
|
|
3370
3370
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className, _c = _a.type, type = _c === void 0 ? 'warning' : _c;
|
|
3371
3371
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3372
3372
|
var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
|
|
3373
|
-
return (React.createElement("img", { style: customWidth, className: cx$
|
|
3373
|
+
return (React.createElement("img", { style: customWidth, className: cx$I('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3374
3374
|
};
|
|
3375
3375
|
|
|
3376
|
-
var
|
|
3377
|
-
|
|
3376
|
+
var styles$1m = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
|
|
3377
|
+
|
|
3378
|
+
var cx$H = classNames.bind(styles$1m);
|
|
3379
|
+
var AlertJobStatusButton = function (_a) {
|
|
3380
|
+
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3381
|
+
return (React.createElement("button", __assign({ className: cx$H('alert-modal__button', className) }, buttonProps),
|
|
3382
|
+
React.createElement("p", null, children),
|
|
3383
|
+
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3384
|
+
};
|
|
3385
|
+
|
|
3386
|
+
var cx$G = classNames.bind(styles$1p);
|
|
3387
|
+
var Component$1C = function (_a) {
|
|
3378
3388
|
var children = _a.children, className = _a.className, type = _a.type;
|
|
3379
|
-
return React.createElement("div", { className: cx$
|
|
3389
|
+
return React.createElement("div", { className: cx$G('alert-job', className, type) }, children);
|
|
3380
3390
|
};
|
|
3381
|
-
var AlertJobStatus = Object.assign(Component$
|
|
3391
|
+
var AlertJobStatus = Object.assign(Component$1C, {
|
|
3382
3392
|
Container: AlertJobStatusContainer,
|
|
3383
3393
|
Icon: AlertJobStatusIcon,
|
|
3394
|
+
Button: AlertJobStatusButton,
|
|
3384
3395
|
Text: Text$1
|
|
3385
3396
|
});
|
|
3386
3397
|
|
|
3387
|
-
var styles$
|
|
3398
|
+
var styles$1l = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
|
|
3388
3399
|
|
|
3389
|
-
var styles$
|
|
3400
|
+
var styles$1k = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3390
3401
|
|
|
3391
|
-
var cx$
|
|
3392
|
-
var Component$
|
|
3402
|
+
var cx$F = classNames.bind(styles$1k);
|
|
3403
|
+
var Component$1B = function (_a) {
|
|
3393
3404
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3394
3405
|
if (hideLogo)
|
|
3395
3406
|
return null;
|
|
3396
|
-
return (React.createElement("img", { className: cx$
|
|
3407
|
+
return (React.createElement("img", { className: cx$F("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3397
3408
|
};
|
|
3398
|
-
var SimilarCardLogo = Component$
|
|
3409
|
+
var SimilarCardLogo = Component$1B;
|
|
3399
3410
|
|
|
3400
|
-
var cx$
|
|
3401
|
-
var Component$
|
|
3411
|
+
var cx$E = classNames.bind(styles$1l);
|
|
3412
|
+
var Component$1A = function (_a) {
|
|
3402
3413
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3403
3414
|
return (React.createElement(React.Fragment, null,
|
|
3404
|
-
React.createElement(IconItem, { className: cx$
|
|
3415
|
+
React.createElement(IconItem, { className: cx$E('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
|
|
3405
3416
|
};
|
|
3406
|
-
var SimilarCardIcon = Component$
|
|
3417
|
+
var SimilarCardIcon = Component$1A;
|
|
3407
3418
|
|
|
3408
|
-
var cx$
|
|
3409
|
-
var Component$
|
|
3419
|
+
var cx$D = classNames.bind(styles$1l);
|
|
3420
|
+
var Component$1z = function (_a) {
|
|
3410
3421
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3411
|
-
return (React.createElement("a", { className: cx$
|
|
3422
|
+
return (React.createElement("a", { className: cx$D("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3412
3423
|
};
|
|
3413
|
-
var SimilarCard = Object.assign(Component$
|
|
3424
|
+
var SimilarCard = Object.assign(Component$1z, {
|
|
3414
3425
|
Text: Text$1,
|
|
3415
3426
|
Logo: SimilarCardLogo,
|
|
3416
3427
|
Icon: SimilarCardIcon
|
|
@@ -3447,7 +3458,7 @@ var ModalPortal = function (_a) {
|
|
|
3447
3458
|
return mounted && portalNode.current ? ReactDOM.createPortal(children, portalNode.current) : null;
|
|
3448
3459
|
};
|
|
3449
3460
|
|
|
3450
|
-
var styles$
|
|
3461
|
+
var styles$1j = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
|
|
3451
3462
|
|
|
3452
3463
|
var Notification = function (_a) {
|
|
3453
3464
|
var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
|
|
@@ -3458,25 +3469,83 @@ var Notification = function (_a) {
|
|
|
3458
3469
|
}
|
|
3459
3470
|
}, [autoCloseDuration, onClose]);
|
|
3460
3471
|
return (React.createElement(ModalPortal, null,
|
|
3461
|
-
React.createElement("div", { className: "".concat(styles$
|
|
3462
|
-
React.createElement("div", { className: styles$
|
|
3463
|
-
React.createElement("div", { className: styles$
|
|
3464
|
-
React.createElement("button", { className: styles$
|
|
3472
|
+
React.createElement("div", { className: "".concat(styles$1j.notification, " ").concat(styles$1j[position], " ").concat(className), role: "alert" },
|
|
3473
|
+
React.createElement("div", { className: styles$1j['notification__content'] },
|
|
3474
|
+
React.createElement("div", { className: styles$1j['notification__message'] }, message),
|
|
3475
|
+
React.createElement("button", { className: styles$1j['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
|
|
3465
3476
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
3466
3477
|
extraContent && extraContent)));
|
|
3467
3478
|
};
|
|
3468
3479
|
|
|
3480
|
+
var styles$1i = {"alert-modal":"mg_alert_job_modal_alert-modal_1otbv","alert-modal__header":"mg_alert_job_modal_alert-modal_header_1otbv","alert-modal__body":"mg_alert_job_modal_alert-modal_body_1otbv","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_1otbv","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_1otbv","alert-modal__title":"mg_alert_job_modal_alert-modal_title_1otbv","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_1otbv","alert-modal__button":"mg_alert_job_modal_alert-modal_button_1otbv"};
|
|
3481
|
+
|
|
3482
|
+
var cx$C = classNames.bind(styles$1i);
|
|
3483
|
+
var AlertJobModalIcon = function (_a) {
|
|
3484
|
+
var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
|
|
3485
|
+
var customWidth = size ? { width: size + 'px' } : {};
|
|
3486
|
+
return (React.createElement("img", { style: customWidth, className: cx$C('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3487
|
+
};
|
|
3488
|
+
|
|
3489
|
+
var cx$B = classNames.bind(styles$1i);
|
|
3490
|
+
var AlertJobModalHeader = function (_a) {
|
|
3491
|
+
var className = _a.className, children = _a.children;
|
|
3492
|
+
return React.createElement("div", { className: cx$B('alert-modal__header', className) }, children);
|
|
3493
|
+
};
|
|
3494
|
+
|
|
3495
|
+
var cx$A = classNames.bind(styles$1i);
|
|
3496
|
+
var AlertJobModalTitle = function (_a) {
|
|
3497
|
+
var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
|
|
3498
|
+
return (React.createElement("div", { className: cx$A('alert-modal__title', className) },
|
|
3499
|
+
React.createElement("p", null, subtitle),
|
|
3500
|
+
React.createElement("p", null, "\u201C".concat(title, "\u201D")),
|
|
3501
|
+
children));
|
|
3502
|
+
};
|
|
3503
|
+
|
|
3504
|
+
var cx$z = classNames.bind(styles$1i);
|
|
3505
|
+
var AlertJobModalBody = function (_a) {
|
|
3506
|
+
var className = _a.className, children = _a.children;
|
|
3507
|
+
return React.createElement("div", { className: cx$z('alert-modal__body', className) }, children);
|
|
3508
|
+
};
|
|
3509
|
+
|
|
3510
|
+
var cx$y = classNames.bind(styles$1i);
|
|
3511
|
+
var AlertJobModalFooter = function (_a) {
|
|
3512
|
+
var className = _a.className, children = _a.children;
|
|
3513
|
+
return React.createElement("div", { className: cx$y('alert-modal__footer', className) }, children);
|
|
3514
|
+
};
|
|
3515
|
+
|
|
3516
|
+
var cx$x = classNames.bind(styles$1i);
|
|
3517
|
+
var AlertJobModalButton = function (_a) {
|
|
3518
|
+
var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
|
|
3519
|
+
return (React.createElement("button", __assign({ className: cx$x('alert-modal__button', className) }, buttonProps),
|
|
3520
|
+
React.createElement("p", null, children),
|
|
3521
|
+
React.createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
|
|
3522
|
+
};
|
|
3523
|
+
|
|
3524
|
+
var cx$w = classNames.bind(styles$1i);
|
|
3525
|
+
var Component$1y = function (_a) {
|
|
3526
|
+
var children = _a.children, className = _a.className, open = _a.open, onClose = _a.onClose;
|
|
3527
|
+
return (React.createElement(Modal$1, { isOpen: open, onClose: onClose, className: cx$w('alert-modal', className) }, children));
|
|
3528
|
+
};
|
|
3529
|
+
var AlertJobModal = Object.assign(Component$1y, {
|
|
3530
|
+
Header: AlertJobModalHeader,
|
|
3531
|
+
Body: AlertJobModalBody,
|
|
3532
|
+
Footer: AlertJobModalFooter,
|
|
3533
|
+
Title: AlertJobModalTitle,
|
|
3534
|
+
Icon: AlertJobModalIcon,
|
|
3535
|
+
Button: AlertJobModalButton
|
|
3536
|
+
});
|
|
3537
|
+
|
|
3469
3538
|
var Component$1x = function (_a) {
|
|
3470
3539
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3471
3540
|
var component = useMemo(function () {
|
|
3472
3541
|
var _a, _b, _c;
|
|
3473
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3542
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container'] }) },
|
|
3474
3543
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3475
3544
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3476
3545
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3477
3546
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3478
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3479
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3547
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3548
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2n, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3480
3549
|
});
|
|
3481
3550
|
return container;
|
|
3482
3551
|
};
|
|
@@ -8428,5 +8497,5 @@ var Component = function (_a) {
|
|
|
8428
8497
|
};
|
|
8429
8498
|
var SuggestedJobsPage = Component;
|
|
8430
8499
|
|
|
8431
|
-
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8500
|
+
export { Actions, Alert, AlertJobModal, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, ButtonLink, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer$1 as Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobSuggestedDrawer, JobSuggestedHeader, JobSuggestedSimilarJobs, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuDrawer, MegaMenuDrawerItem, MegaMenuEmpty, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, Notification, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarCard, SimilarCardIcon, SimilarCardLogo, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuSideCards };
|
|
8432
8501
|
//# sourceMappingURL=index.js.map
|