magneto365.ui 2.55.2 → 2.56.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +1014 -884
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.component.d.ts +7 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.interface.d.ts +41 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusContainer/AlertJobStatusContainer.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusContainer/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusIcon/AlertJobStatusIcon.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusIcon/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/AlertJobStatus/index.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/SimilarCard/SimilarCard.component.d.ts +7 -0
- package/dist/cjs/types/components/UI/molecules/SimilarCard/SimilarCard.interface.d.ts +128 -0
- package/dist/cjs/types/components/UI/molecules/SimilarCard/children/SimilarCardLogo/SimilarCardLogo.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/SimilarCard/children/SimilarCardLogo/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/SimilarCard/children/SimlarCardIcon/SimilarCardIcon.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/molecules/SimilarCard/children/SimlarCardIcon/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/SimilarCard/index.d.ts +4 -0
- package/dist/cjs/types/components/UI/molecules/index.d.ts +2 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.component.d.ts +11 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.interface.d.ts +90 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedHeader/JobSuggestedHeader.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedHeader/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedSimilarJobs/JobSuggestedSimilarJobs.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedSimilarJobs/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/JobSuggestedDrawer/index.d.ts +4 -0
- package/dist/cjs/types/components/UI/organism/index.d.ts +1 -0
- package/dist/cjs/types/constants/stories/alertJob.constants.d.ts +3 -0
- package/dist/cjs/types/constants/stories/index.d.ts +3 -0
- package/dist/cjs/types/constants/stories/jobSuggestedDrawer.constants.d.ts +3 -0
- package/dist/cjs/types/constants/stories/similarCard.constants.d.ts +7 -0
- package/dist/cjs/types/utils/text/textAdapter.util.d.ts +3 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +1006 -885
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.component.d.ts +7 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/AlertJobStatus.interface.d.ts +41 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusContainer/AlertJobStatusContainer.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusContainer/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusIcon/AlertJobStatusIcon.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/children/AlertJobStatusIcon/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/AlertJobStatus/index.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/SimilarCard/SimilarCard.component.d.ts +7 -0
- package/dist/esm/types/components/UI/molecules/SimilarCard/SimilarCard.interface.d.ts +128 -0
- package/dist/esm/types/components/UI/molecules/SimilarCard/children/SimilarCardLogo/SimilarCardLogo.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/SimilarCard/children/SimilarCardLogo/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/SimilarCard/children/SimlarCardIcon/SimilarCardIcon.component.d.ts +3 -0
- package/dist/esm/types/components/UI/molecules/SimilarCard/children/SimlarCardIcon/index.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/SimilarCard/index.d.ts +4 -0
- package/dist/esm/types/components/UI/molecules/index.d.ts +2 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.component.d.ts +11 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/JobSuggestedDrawer.interface.d.ts +90 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedHeader/JobSuggestedHeader.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedHeader/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedSimilarJobs/JobSuggestedSimilarJobs.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/children/JobSuggestedSimilarJobs/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/JobSuggestedDrawer/index.d.ts +4 -0
- package/dist/esm/types/components/UI/organism/index.d.ts +1 -0
- package/dist/esm/types/constants/stories/alertJob.constants.d.ts +3 -0
- package/dist/esm/types/constants/stories/index.d.ts +3 -0
- package/dist/esm/types/constants/stories/jobSuggestedDrawer.constants.d.ts +3 -0
- package/dist/esm/types/constants/stories/similarCard.constants.d.ts +7 -0
- package/dist/esm/types/utils/text/textAdapter.util.d.ts +3 -0
- package/dist/index.d.ts +324 -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$_ = {"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$2p = 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$2k = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$2p;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$2g = {"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
|
|
|
@@ -527,31 +527,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
527
527
|
|
|
528
528
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
529
529
|
|
|
530
|
-
var Component$
|
|
530
|
+
var Component$2o = function (_a) {
|
|
531
531
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
532
532
|
var _b = useState(false), imageError = _b[0], setImageError = _b[1];
|
|
533
533
|
var handleError = function () {
|
|
534
534
|
setImageError(true);
|
|
535
535
|
};
|
|
536
|
-
return (React.createElement("div", { className: styles$
|
|
536
|
+
return (React.createElement("div", { className: styles$2g.avatarComponent, onClick: onClick },
|
|
537
537
|
userImage && !imageError && React.createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
538
|
-
(!userImage || imageError) && (React.createElement("div", { className: styles$
|
|
538
|
+
(!userImage || imageError) && (React.createElement("div", { className: styles$2g['magneto-ui-default-avatar'] },
|
|
539
539
|
React.createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
540
540
|
};
|
|
541
541
|
/**
|
|
542
542
|
* UI Atom component of Avatar
|
|
543
543
|
*/
|
|
544
|
-
var Avatar = Component$
|
|
544
|
+
var Avatar = Component$2o;
|
|
545
545
|
|
|
546
|
-
var styles$
|
|
546
|
+
var styles$2f = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
547
547
|
|
|
548
|
-
var Component$
|
|
548
|
+
var Component$2n = function (_a) {
|
|
549
549
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
550
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
551
|
-
React.createElement("span", { className: styles$
|
|
550
|
+
return (React.createElement("p", { className: "".concat(styles$2f['badge-count'], " ").concat(className) },
|
|
551
|
+
React.createElement("span", { className: styles$2f['badge-count__animation'] }),
|
|
552
552
|
number && number));
|
|
553
553
|
};
|
|
554
|
-
var Badge = Component$
|
|
554
|
+
var Badge = Component$2n;
|
|
555
555
|
|
|
556
556
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
557
557
|
|
|
@@ -668,9 +668,9 @@ var SignUpButtonStyle = {
|
|
|
668
668
|
}
|
|
669
669
|
};
|
|
670
670
|
|
|
671
|
-
var styles$
|
|
671
|
+
var styles$2e = {"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"};
|
|
672
672
|
|
|
673
|
-
var styles$
|
|
673
|
+
var styles$2d = {"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"};
|
|
674
674
|
|
|
675
675
|
var ShareIcons = {
|
|
676
676
|
Facebook: {
|
|
@@ -690,7 +690,7 @@ var ShareIcons = {
|
|
|
690
690
|
}
|
|
691
691
|
};
|
|
692
692
|
|
|
693
|
-
var Component$
|
|
693
|
+
var Component$2m = function (_a) {
|
|
694
694
|
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;
|
|
695
695
|
var _b = useState(), component = _b[0], setComponent = _b[1];
|
|
696
696
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -703,46 +703,46 @@ var Component$2h = function (_a) {
|
|
|
703
703
|
};
|
|
704
704
|
if (component)
|
|
705
705
|
return component;
|
|
706
|
-
return (React.createElement("div", { className: styles$
|
|
707
|
-
React.createElement("div", { id: styles$
|
|
706
|
+
return (React.createElement("div", { className: styles$2d['magneto-ui-actions'] },
|
|
707
|
+
React.createElement("div", { id: styles$2d['magneto-ui__external-child'] }, externalButtonChild),
|
|
708
708
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
709
|
-
React.createElement("button", { className: styles$
|
|
709
|
+
React.createElement("button", { className: styles$2d['magneto-ui-actions__button'], title: shareButtonProps.title, onClick: function () {
|
|
710
710
|
return setComponent(React.createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
711
711
|
} },
|
|
712
712
|
React.createElement(IconItem, { size: 20, icon: Share }),
|
|
713
713
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
714
714
|
actionsLinkList.map(function (_a, index) {
|
|
715
715
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
716
|
-
return (React.createElement("a", { className: styles$
|
|
716
|
+
return (React.createElement("a", { className: styles$2d['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
717
717
|
React.createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
718
718
|
React.createElement("p", { key: index }, text)));
|
|
719
719
|
}),
|
|
720
|
-
React.createElement("div", { className: styles$
|
|
721
|
-
React.createElement("p", { className: styles$
|
|
722
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
720
|
+
React.createElement("div", { className: styles$2d['magneto-ui-actions__header'] },
|
|
721
|
+
React.createElement("p", { className: styles$2d['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
722
|
+
offerCompanyName ? React.createElement("p", { className: styles$2d['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
723
723
|
};
|
|
724
724
|
var ShareLinksAction = function (_a) {
|
|
725
725
|
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;
|
|
726
|
-
return (React.createElement("div", { className: styles$
|
|
727
|
-
React.createElement(ShareButton, __assign({ className: styles$
|
|
726
|
+
return (React.createElement("div", { className: styles$2d['magneto-ui-actions'] },
|
|
727
|
+
React.createElement(ShareButton, __assign({ className: styles$2d['magneto-ui-actions__share'] }, shareProps)),
|
|
728
728
|
shareLinks.map(function (_a, index) {
|
|
729
729
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
730
|
-
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
730
|
+
return (React.createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2d['magneto-ui-actions__link'], styles$2d['magneto-ui-actions__link--no-decorator']].join(' ') },
|
|
731
731
|
React.createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
732
732
|
React.createElement("span", null, title)));
|
|
733
733
|
}),
|
|
734
|
-
React.createElement("div", { className: styles$
|
|
735
|
-
React.createElement("p", { className: styles$
|
|
736
|
-
offerCompanyName ? React.createElement("p", { className: styles$
|
|
737
|
-
React.createElement("div", { className: styles$
|
|
738
|
-
React.createElement("button", { className: styles$
|
|
734
|
+
React.createElement("div", { className: styles$2d['magneto-ui-actions__header'] },
|
|
735
|
+
React.createElement("p", { className: styles$2d['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
736
|
+
offerCompanyName ? React.createElement("p", { className: styles$2d['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
737
|
+
React.createElement("div", { className: styles$2d['magneto-ui-actions__back'] },
|
|
738
|
+
React.createElement("button", { className: styles$2d['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
739
739
|
React.createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
740
740
|
backText)));
|
|
741
741
|
};
|
|
742
742
|
/**
|
|
743
743
|
* UI Molecule componet of Actions
|
|
744
744
|
*/
|
|
745
|
-
var Actions = Object.assign(Component$
|
|
745
|
+
var Actions = Object.assign(Component$2m, { ShareLinks: ShareLinksAction });
|
|
746
746
|
|
|
747
747
|
var style$Z = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
|
|
748
748
|
|
|
@@ -760,7 +760,7 @@ var Componente = function (_a) {
|
|
|
760
760
|
}, [text, customText, className]);
|
|
761
761
|
return React.createElement(React.Fragment, null, textRender);
|
|
762
762
|
};
|
|
763
|
-
var Text = Componente;
|
|
763
|
+
var Text$1 = Componente;
|
|
764
764
|
|
|
765
765
|
var alertIcons = {
|
|
766
766
|
info: Info,
|
|
@@ -768,19 +768,19 @@ var alertIcons = {
|
|
|
768
768
|
warning: Warning,
|
|
769
769
|
error: Error
|
|
770
770
|
};
|
|
771
|
-
var Component$
|
|
771
|
+
var Component$2l = function (_a) {
|
|
772
772
|
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;
|
|
773
773
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
774
774
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
775
775
|
var iconByType = useMemo(function () { return alertIcons[type]; }, [type]);
|
|
776
776
|
return (React.createElement("div", { className: "".concat(style$Z["".concat(classMUI, "-alert")], " ").concat(className, " ").concat(borderStyle, " ").concat(typeStyle), style: { width: size } },
|
|
777
777
|
React.createElement(IconItem, { className: style$Z["".concat(classMUI, "-icon")], icon: iconByType, alt: type }),
|
|
778
|
-
React.createElement(Text, { text: text, customText: customText, className: style$Z["".concat(classMUI, "-text")] }),
|
|
778
|
+
React.createElement(Text$1, { text: text, customText: customText, className: style$Z["".concat(classMUI, "-text")] }),
|
|
779
779
|
onClose && (React.createElement("button", { className: style$Z["".concat(classMUI, "-close-action")], type: "button", onClick: onClose },
|
|
780
780
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
781
781
|
extraButton));
|
|
782
782
|
};
|
|
783
|
-
var Alert = Component$
|
|
783
|
+
var Alert = Component$2l;
|
|
784
784
|
|
|
785
785
|
var style$X = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
|
|
786
786
|
|
|
@@ -867,8 +867,8 @@ var classNames = {
|
|
|
867
867
|
}
|
|
868
868
|
};
|
|
869
869
|
|
|
870
|
-
var cx$
|
|
871
|
-
var Component$
|
|
870
|
+
var cx$w = classNames.bind(style$W);
|
|
871
|
+
var Component$2k = function (_a) {
|
|
872
872
|
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;
|
|
873
873
|
var _d = useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
874
874
|
var _e = useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -894,17 +894,17 @@ var Component$2f = function (_a) {
|
|
|
894
894
|
};
|
|
895
895
|
}, [isOpen]);
|
|
896
896
|
return (React.createElement(React.Fragment, null, renderPortal && (React.createElement(DrawerPortal, null,
|
|
897
|
-
React.createElement("div", { className: cx$
|
|
897
|
+
React.createElement("div", { className: cx$w('magneto-ui-mobile-drawer', className) },
|
|
898
898
|
React.createElement("aside", { className: style$W[showMenu] },
|
|
899
|
-
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
899
|
+
React.createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$w('magneto-ui-close-button'), onClick: onClose },
|
|
900
900
|
React.createElement(IconItem, { icon: Add, hover: false })),
|
|
901
|
-
React.createElement("div", { className: cx$
|
|
902
|
-
isOpen && (React.createElement("span", { className: cx$
|
|
901
|
+
React.createElement("div", { className: cx$w('magneto-ui-container') }, children)),
|
|
902
|
+
isOpen && (React.createElement("span", { className: cx$w('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
903
903
|
};
|
|
904
904
|
/**
|
|
905
905
|
* Molecule UI component for Mobile Drawer
|
|
906
906
|
*/
|
|
907
|
-
var MobileDrawer = Component$
|
|
907
|
+
var MobileDrawer = Component$2k;
|
|
908
908
|
|
|
909
909
|
var style$V = {"magneto-ui-brand-button":"mg_brand_button_magneto-ui-brand-button_145qe","magneto-ui-brand-button__company-logo":"mg_brand_button_magneto-ui-brand-button_company-logo_145qe","magneto-ui-brand-button__company-logo--img":"mg_brand_button_magneto-ui-brand-button_company-logo--img_145qe","magneto-ui-brand-button__icon":"mg_brand_button_magneto-ui-brand-button_icon_145qe","rotate":"mg_brand_button_rotate_145qe"};
|
|
910
910
|
|
|
@@ -960,11 +960,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
960
960
|
};
|
|
961
961
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
962
962
|
|
|
963
|
-
var styles$
|
|
963
|
+
var styles$2c = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
964
964
|
|
|
965
|
-
var Component$
|
|
965
|
+
var Component$2j = function (_a) {
|
|
966
966
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
967
|
-
return (React.createElement("div", { className: styles$
|
|
967
|
+
return (React.createElement("div", { className: styles$2c.BreadcrumbsComponent },
|
|
968
968
|
React.createElement("a", { href: homeUrl },
|
|
969
969
|
React.createElement(IconItem, __assign({}, iconProps))),
|
|
970
970
|
breadcrumbProps && React.createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -972,52 +972,52 @@ var Component$2e = function (_a) {
|
|
|
972
972
|
/**
|
|
973
973
|
* Molecule UI component for breadcrums information
|
|
974
974
|
*/
|
|
975
|
-
var Breadcrumbs = Component$
|
|
975
|
+
var Breadcrumbs = Component$2j;
|
|
976
976
|
|
|
977
|
-
var styles$
|
|
977
|
+
var styles$2b = {"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"};
|
|
978
978
|
|
|
979
979
|
var CitiesDetailDrawer = function (_a) {
|
|
980
980
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
981
|
-
return (React.createElement("div", { className: styles$
|
|
982
|
-
React.createElement("div", { className: styles$
|
|
981
|
+
return (React.createElement("div", { className: styles$2b['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React.createElement(React.Fragment, null,
|
|
982
|
+
React.createElement("div", { className: styles$2b['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
983
983
|
React.createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
984
|
-
React.createElement("div", { className: styles$
|
|
985
|
-
isRemote && (React.createElement("p", { className: styles$
|
|
984
|
+
React.createElement("div", { className: styles$2b['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
985
|
+
isRemote && (React.createElement("p", { className: styles$2b['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
986
986
|
cities &&
|
|
987
987
|
cities.map(function (_a, index) {
|
|
988
988
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
989
|
-
return (React.createElement("div", { className: styles$
|
|
989
|
+
return (React.createElement("div", { className: styles$2b['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
990
990
|
url ? React.createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React.createElement("span", null, name),
|
|
991
991
|
index !== cities.length - 1 && React.createElement("span", null, ' - ')));
|
|
992
992
|
})))) : null));
|
|
993
993
|
};
|
|
994
994
|
|
|
995
|
-
var styles$
|
|
995
|
+
var styles$2a = {"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"};
|
|
996
996
|
|
|
997
|
-
var Component$
|
|
997
|
+
var Component$2i = function (_a) {
|
|
998
998
|
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;
|
|
999
999
|
var disabledArrow = useMemo(function () {
|
|
1000
1000
|
if (disabled)
|
|
1001
|
-
return (React.createElement(IconItem, { className: styles$
|
|
1001
|
+
return (React.createElement(IconItem, { className: styles$2a['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1002
1002
|
return React.createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1003
1003
|
}, [disabled]);
|
|
1004
|
-
return (React.createElement("div", { className: styles$
|
|
1005
|
-
React.createElement("select", { className: styles$
|
|
1006
|
-
React.createElement("option", { className: styles$
|
|
1004
|
+
return (React.createElement("div", { className: styles$2a['magneto-ui--date-dropdown__wrapper'] },
|
|
1005
|
+
React.createElement("select", { className: styles$2a["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1006
|
+
React.createElement("option", { className: styles$2a['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1007
1007
|
dateOptions.map(function (_a) {
|
|
1008
1008
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1009
|
-
return (React.createElement("option", { className: styles$
|
|
1009
|
+
return (React.createElement("option", { className: styles$2a['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1010
1010
|
})),
|
|
1011
|
-
React.createElement("span", { className: styles$
|
|
1011
|
+
React.createElement("span", { className: styles$2a['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1012
1012
|
};
|
|
1013
|
-
var DateDropdown = Component$
|
|
1013
|
+
var DateDropdown = Component$2i;
|
|
1014
1014
|
|
|
1015
|
-
var styles$
|
|
1015
|
+
var styles$29 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1016
1016
|
|
|
1017
1017
|
var defaultValue$1 = function (value) {
|
|
1018
1018
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1019
1019
|
};
|
|
1020
|
-
var Component$
|
|
1020
|
+
var Component$2h = function (_a) {
|
|
1021
1021
|
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;
|
|
1022
1022
|
var _b = useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1023
1023
|
var _c = useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1051,16 +1051,16 @@ var Component$2c = function (_a) {
|
|
|
1051
1051
|
}
|
|
1052
1052
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1053
1053
|
}, [disabled]);
|
|
1054
|
-
return (React.createElement("div", { className: styles$
|
|
1054
|
+
return (React.createElement("div", { className: styles$29['magneto-ui--date-picker__wrapper'] },
|
|
1055
1055
|
React.createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1056
1056
|
React.createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1057
1057
|
};
|
|
1058
|
-
var DatePicker = Component$
|
|
1058
|
+
var DatePicker = Component$2h;
|
|
1059
1059
|
|
|
1060
1060
|
var style$U = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
|
|
1061
1061
|
|
|
1062
1062
|
var DEFAULT_PADDING = 20;
|
|
1063
|
-
var Component$
|
|
1063
|
+
var Component$2g = function (_a) {
|
|
1064
1064
|
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;
|
|
1065
1065
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1066
1066
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1106,7 +1106,7 @@ var Component$2b = function (_a) {
|
|
|
1106
1106
|
/**
|
|
1107
1107
|
* Molecule UI component for Drawer
|
|
1108
1108
|
*/
|
|
1109
|
-
var Drawer = Component$
|
|
1109
|
+
var Drawer = Component$2g;
|
|
1110
1110
|
|
|
1111
1111
|
var style$T = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
|
|
1112
1112
|
|
|
@@ -1169,15 +1169,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1169
1169
|
_c)
|
|
1170
1170
|
};
|
|
1171
1171
|
|
|
1172
|
-
var styles$
|
|
1172
|
+
var styles$28 = {"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"};
|
|
1173
1173
|
|
|
1174
|
-
var Component$
|
|
1174
|
+
var Component$2f = function (_a) {
|
|
1175
1175
|
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;
|
|
1176
1176
|
var isUrl = useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1177
1177
|
var Component = useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1178
1178
|
var componentProps = useMemo(function () {
|
|
1179
1179
|
var className = CNM.get({
|
|
1180
|
-
styles: styles$
|
|
1180
|
+
styles: styles$28,
|
|
1181
1181
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1182
1182
|
});
|
|
1183
1183
|
if (isUrl)
|
|
@@ -1199,48 +1199,48 @@ var Component$2a = function (_a) {
|
|
|
1199
1199
|
}
|
|
1200
1200
|
return;
|
|
1201
1201
|
}, [loading, variant]);
|
|
1202
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1203
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1202
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$28, cls: ['expandable-info-action', className] }) },
|
|
1203
|
+
React.createElement("div", { className: CNM.get({ styles: styles$28, cls: ['expandable-info-action__container'] }) },
|
|
1204
1204
|
React.createElement(Component, __assign({}, componentProps),
|
|
1205
1205
|
(prefixIcon || loading) && React.createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1206
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
1206
|
+
React.createElement("span", { className: CNM.get({ styles: styles$28, cls: ['expandable-info-action__title'] }) }, title),
|
|
1207
1207
|
suffixIcon && React.createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1208
1208
|
};
|
|
1209
1209
|
/**
|
|
1210
1210
|
* Molecule UI child component of expandable info
|
|
1211
1211
|
*/
|
|
1212
|
-
var ExpandableInfoAction = Component$
|
|
1212
|
+
var ExpandableInfoAction = Component$2f;
|
|
1213
1213
|
|
|
1214
|
-
var styles$
|
|
1214
|
+
var styles$27 = {"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"};
|
|
1215
1215
|
|
|
1216
|
-
var Component$
|
|
1216
|
+
var Component$2e = function (_a) {
|
|
1217
1217
|
var sections = _a.sections, footer = _a.footer;
|
|
1218
1218
|
var sectionStyles = useCallback(function (multiple) {
|
|
1219
1219
|
return CNM.get({
|
|
1220
|
-
styles: styles$
|
|
1220
|
+
styles: styles$27,
|
|
1221
1221
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1222
1222
|
});
|
|
1223
1223
|
}, []);
|
|
1224
1224
|
var subSectionStyles = useCallback(function (initial) {
|
|
1225
1225
|
return CNM.get({
|
|
1226
|
-
styles: styles$
|
|
1226
|
+
styles: styles$27,
|
|
1227
1227
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1228
1228
|
});
|
|
1229
1229
|
}, []);
|
|
1230
1230
|
var itemStyles = useCallback(function (first) {
|
|
1231
1231
|
return CNM.get({
|
|
1232
|
-
styles: styles$
|
|
1232
|
+
styles: styles$27,
|
|
1233
1233
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1234
1234
|
});
|
|
1235
1235
|
}, []);
|
|
1236
1236
|
var textStyles = useCallback(function (bold) {
|
|
1237
1237
|
return CNM.get({
|
|
1238
|
-
styles: styles$
|
|
1238
|
+
styles: styles$27,
|
|
1239
1239
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1240
1240
|
});
|
|
1241
1241
|
}, []);
|
|
1242
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1243
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1242
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$27, cls: ['expandable-info-details'] }) },
|
|
1243
|
+
React.createElement("div", { className: CNM.get({ styles: styles$27, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1244
1244
|
sections.map(function (section, index) {
|
|
1245
1245
|
var _a, _b;
|
|
1246
1246
|
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) {
|
|
@@ -1254,13 +1254,13 @@ var Component$29 = function (_a) {
|
|
|
1254
1254
|
React.createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1255
1255
|
})));
|
|
1256
1256
|
}),
|
|
1257
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1258
|
-
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$
|
|
1257
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React.createElement("div", { className: CNM.get({ styles: styles$27, cls: ['expandable-info-details__footer'] }) },
|
|
1258
|
+
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$27, cls: ['expandable-info-details__action'] }) }))))));
|
|
1259
1259
|
};
|
|
1260
1260
|
/**
|
|
1261
1261
|
* Molecule UI child component of expandable info
|
|
1262
1262
|
*/
|
|
1263
|
-
var ExpandableInfoDetails = Component$
|
|
1263
|
+
var ExpandableInfoDetails = Component$2e;
|
|
1264
1264
|
|
|
1265
1265
|
var EExpandableInfoVariant;
|
|
1266
1266
|
(function (EExpandableInfoVariant) {
|
|
@@ -1281,9 +1281,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1281
1281
|
_a$3)
|
|
1282
1282
|
};
|
|
1283
1283
|
|
|
1284
|
-
var styles$
|
|
1284
|
+
var styles$26 = {"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"};
|
|
1285
1285
|
|
|
1286
|
-
var Component$
|
|
1286
|
+
var Component$2d = function (_a) {
|
|
1287
1287
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1288
1288
|
var icon = useCallback(function (icon) {
|
|
1289
1289
|
if (icon) {
|
|
@@ -1296,22 +1296,22 @@ var Component$28 = function (_a) {
|
|
|
1296
1296
|
}, [variant]);
|
|
1297
1297
|
if (!title)
|
|
1298
1298
|
return null;
|
|
1299
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1300
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1299
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$26, cls: ['expandable-info-message', className] }) },
|
|
1300
|
+
React.createElement("div", { className: CNM.get({ styles: styles$26, cls: ['expandable-info-message__container'] }) },
|
|
1301
1301
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1302
1302
|
React.createElement("span", { className: CNM.get({
|
|
1303
|
-
styles: styles$
|
|
1303
|
+
styles: styles$26,
|
|
1304
1304
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1305
1305
|
}) }, title))));
|
|
1306
1306
|
};
|
|
1307
1307
|
/**
|
|
1308
1308
|
* Molecule UI child component of expandable info
|
|
1309
1309
|
*/
|
|
1310
|
-
var ExpandableInfoMessage = Component$
|
|
1310
|
+
var ExpandableInfoMessage = Component$2d;
|
|
1311
1311
|
|
|
1312
|
-
var styles$
|
|
1312
|
+
var styles$25 = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1313
1313
|
|
|
1314
|
-
var Component$
|
|
1314
|
+
var Component$2c = function (_a) {
|
|
1315
1315
|
var toggler = _a.toggler, details = _a.details;
|
|
1316
1316
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
1317
1317
|
var handleOnToggle = useCallback(function () {
|
|
@@ -1319,28 +1319,28 @@ var Component$27 = function (_a) {
|
|
|
1319
1319
|
}, []);
|
|
1320
1320
|
return (React.createElement(React.Fragment, null,
|
|
1321
1321
|
React.createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1322
|
-
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1322
|
+
React.createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$25, cls: ['expandable-info-modal'] }) },
|
|
1323
1323
|
React.createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1324
1324
|
};
|
|
1325
1325
|
/**
|
|
1326
1326
|
* Molecule UI child component of expandable info
|
|
1327
1327
|
*/
|
|
1328
|
-
var ExpandableInfoModal = Component$
|
|
1328
|
+
var ExpandableInfoModal = Component$2c;
|
|
1329
1329
|
|
|
1330
|
-
var styles$
|
|
1330
|
+
var styles$24 = {"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"};
|
|
1331
1331
|
|
|
1332
1332
|
var style$S = {"mega-menu-side-cards":"mg_mega_menu_side_cards_mega-menu-side-cards_ojemf","mega-menu-side-cards__action":"mg_mega_menu_side_cards_mega-menu-side-cards_action_ojemf","mega-menu-side-cards__card":"mg_mega_menu_side_cards_mega-menu-side-cards_card_ojemf","mega-menu-side-cards__card--selected":"mg_mega_menu_side_cards_mega-menu-side-cards_card--selected_ojemf"};
|
|
1333
1333
|
|
|
1334
|
-
var styles$
|
|
1334
|
+
var styles$23 = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1335
1335
|
|
|
1336
1336
|
var Image = function (_a) {
|
|
1337
1337
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1338
1338
|
return (React.createElement(React.Fragment, null,
|
|
1339
1339
|
React.createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1340
|
-
playIcon && React.createElement("div", { className: styles$
|
|
1340
|
+
playIcon && React.createElement("div", { className: styles$23['magneto-ui-play-button'] }, playIcon)));
|
|
1341
1341
|
};
|
|
1342
1342
|
|
|
1343
|
-
var styles$
|
|
1343
|
+
var styles$22 = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_1bg7o","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_1bg7o","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_1bg7o","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_1bg7o","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_1bg7o","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_1bg7o"};
|
|
1344
1344
|
|
|
1345
1345
|
var MegaMenuCard = function (_a) {
|
|
1346
1346
|
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;
|
|
@@ -1350,17 +1350,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1350
1350
|
onClick();
|
|
1351
1351
|
}
|
|
1352
1352
|
}, [onClick]);
|
|
1353
|
-
return (React.createElement("a", { className: "".concat(styles$
|
|
1354
|
-
icon && (React.createElement("div", { className: styles$
|
|
1353
|
+
return (React.createElement("a", { className: "".concat(styles$22["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1354
|
+
icon && (React.createElement("div", { className: styles$22["magneto-ui-mega-menu-card__icon"] },
|
|
1355
1355
|
React.createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1356
|
-
logo && (React.createElement("div", { className: styles$
|
|
1357
|
-
React.createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1358
|
-
React.createElement("div", { className: styles$
|
|
1359
|
-
React.createElement("div", { className: styles$
|
|
1360
|
-
React.createElement("div", { className: styles$
|
|
1356
|
+
logo && (React.createElement("div", { className: styles$22["magneto-ui-mega-menu-card__logo"] },
|
|
1357
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$22["magneto-ui-mega-menu-card__logo"] }))),
|
|
1358
|
+
React.createElement("div", { className: styles$22["magneto-ui-mega-menu-card__content"] },
|
|
1359
|
+
React.createElement("div", { className: styles$22["magneto-ui-mega-menu-card__title"] }, title),
|
|
1360
|
+
React.createElement("div", { className: styles$22["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1361
1361
|
maximumFractionDigits: 3
|
|
1362
1362
|
}), " cupos"))),
|
|
1363
|
-
showRigthArrow && (React.createElement("div", { className: styles$
|
|
1363
|
+
showRigthArrow && (React.createElement("div", { className: styles$22["magneto-ui-mega-menu-card__arrow"] },
|
|
1364
1364
|
React.createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1365
1365
|
};
|
|
1366
1366
|
|
|
@@ -1379,24 +1379,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1379
1379
|
React.createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1380
1380
|
};
|
|
1381
1381
|
|
|
1382
|
-
var styles$
|
|
1382
|
+
var styles$21 = {"mega-menu-side-container":"mg_with_container_mega-menu-side-container_12vzc","mega-menu-side-container__side":"mg_with_container_mega-menu-side-container_side_12vzc","mega-menu-side-container__main":"mg_with_container_mega-menu-side-container_main_12vzc"};
|
|
1383
1383
|
|
|
1384
1384
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1385
1385
|
var Component = function (_a) {
|
|
1386
1386
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1387
|
-
return (React.createElement("div", { className: styles$
|
|
1388
|
-
React.createElement("div", { className: styles$
|
|
1387
|
+
return (React.createElement("div", { className: styles$21['mega-menu-side-container'] },
|
|
1388
|
+
React.createElement("div", { className: styles$21['mega-menu-side-container__side'] },
|
|
1389
1389
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1390
|
-
React.createElement("div", { className: styles$
|
|
1390
|
+
React.createElement("div", { className: styles$21['mega-menu-side-container__main'] },
|
|
1391
1391
|
React.createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1392
1392
|
};
|
|
1393
1393
|
return Component;
|
|
1394
1394
|
};
|
|
1395
1395
|
|
|
1396
|
-
var Component$
|
|
1396
|
+
var Component$2b = function (_a) {
|
|
1397
1397
|
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;
|
|
1398
1398
|
return (React.createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1399
|
-
styles: styles$
|
|
1399
|
+
styles: styles$24,
|
|
1400
1400
|
cls: [
|
|
1401
1401
|
'expandable-info-popover',
|
|
1402
1402
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1404,7 +1404,7 @@ var Component$26 = function (_a) {
|
|
|
1404
1404
|
]
|
|
1405
1405
|
}), content: React.createElement(React.Fragment, null,
|
|
1406
1406
|
React.createElement("span", { className: CNM.get({
|
|
1407
|
-
styles: styles$
|
|
1407
|
+
styles: styles$24,
|
|
1408
1408
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1409
1409
|
}) }),
|
|
1410
1410
|
React.createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1413,19 +1413,19 @@ var Component$26 = function (_a) {
|
|
|
1413
1413
|
/**
|
|
1414
1414
|
* Molecule UI child component of expandable info
|
|
1415
1415
|
*/
|
|
1416
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1416
|
+
var ExpandableInfoPopover = withClickOut(Component$2b);
|
|
1417
1417
|
|
|
1418
1418
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1419
1419
|
coin: CoinBlackOutline
|
|
1420
1420
|
};
|
|
1421
1421
|
|
|
1422
|
-
var styles$
|
|
1422
|
+
var styles$20 = {"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"};
|
|
1423
1423
|
|
|
1424
|
-
var Component$
|
|
1424
|
+
var Component$2a = function (_a) {
|
|
1425
1425
|
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;
|
|
1426
1426
|
var styleGenerator = useCallback(function (base) {
|
|
1427
1427
|
return CNM.get({
|
|
1428
|
-
styles: styles$
|
|
1428
|
+
styles: styles$20,
|
|
1429
1429
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1430
1430
|
});
|
|
1431
1431
|
}, [variant]);
|
|
@@ -1457,7 +1457,7 @@ var Component$25 = function (_a) {
|
|
|
1457
1457
|
prefixIcon && React.createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1458
1458
|
React.createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1459
1459
|
React.createElement("div", { className: CNM.get({
|
|
1460
|
-
styles: styles$
|
|
1460
|
+
styles: styles$20,
|
|
1461
1461
|
cls: [
|
|
1462
1462
|
'expandable-info-toggler__summary',
|
|
1463
1463
|
(size === EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1470,11 +1470,11 @@ var Component$25 = function (_a) {
|
|
|
1470
1470
|
/**
|
|
1471
1471
|
* Molecule UI child component of expandable info
|
|
1472
1472
|
*/
|
|
1473
|
-
var ExpandableInfoToggler = Component$
|
|
1473
|
+
var ExpandableInfoToggler = Component$2a;
|
|
1474
1474
|
|
|
1475
|
-
var styles$
|
|
1475
|
+
var styles$1$ = {"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"};
|
|
1476
1476
|
|
|
1477
|
-
var Component$
|
|
1477
|
+
var Component$29 = function (_a) {
|
|
1478
1478
|
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;
|
|
1479
1479
|
var togglerProps = useMemo(function () { return ({
|
|
1480
1480
|
details: details,
|
|
@@ -1488,9 +1488,9 @@ var Component$24 = function (_a) {
|
|
|
1488
1488
|
var container = useMediaQuery(React.createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1489
1489
|
sm: React.createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1490
1490
|
});
|
|
1491
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1491
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1$, cls: ['expandable-info'] }) },
|
|
1492
1492
|
React.createElement("div", { className: CNM.get({
|
|
1493
|
-
styles: styles$
|
|
1493
|
+
styles: styles$1$,
|
|
1494
1494
|
cls: [
|
|
1495
1495
|
'expandable-info__container',
|
|
1496
1496
|
"expandable-info__container--".concat(variant),
|
|
@@ -1500,13 +1500,13 @@ var Component$24 = function (_a) {
|
|
|
1500
1500
|
}) },
|
|
1501
1501
|
container,
|
|
1502
1502
|
size === EExpandableInfoSize.LARGE && (React.createElement(React.Fragment, null,
|
|
1503
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
1503
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React.createElement("div", { className: CNM.get({ styles: styles$1$, 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)); }))),
|
|
1504
1504
|
React.createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1505
1505
|
};
|
|
1506
1506
|
/**
|
|
1507
1507
|
* Molecule UI component for expandable info
|
|
1508
1508
|
*/
|
|
1509
|
-
var ExpandableInfo = Component$
|
|
1509
|
+
var ExpandableInfo = Component$29;
|
|
1510
1510
|
|
|
1511
1511
|
var style$R = {"filter-actions":"mg_filter_actions_filter-actions_4rkdk","filter-actions__action":"mg_filter_actions_filter-actions_action_4rkdk","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_4rkdk"};
|
|
1512
1512
|
|
|
@@ -1534,7 +1534,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1534
1534
|
return React.createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1535
1535
|
};
|
|
1536
1536
|
|
|
1537
|
-
var styles$
|
|
1537
|
+
var styles$1_ = {"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"};
|
|
1538
1538
|
|
|
1539
1539
|
var FilterMenuItem = function (_a) {
|
|
1540
1540
|
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"]);
|
|
@@ -1549,51 +1549,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1549
1549
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1550
1550
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1551
1551
|
var className = useMemo(function () {
|
|
1552
|
-
return isApplied ? styles$
|
|
1552
|
+
return isApplied ? styles$1_.selected : isSearched ? styles$1_.isSearched : hiddenCount ? '' : !total && styles$1_.disabled;
|
|
1553
1553
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1554
1554
|
var handleClick = useCallback(function () {
|
|
1555
1555
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1556
1556
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1557
1557
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1558
1558
|
if (loading)
|
|
1559
|
-
return React.createElement("div", { className: styles$
|
|
1560
|
-
return (React.createElement("button", { id: customId, className: "".concat(styles$
|
|
1559
|
+
return React.createElement("div", { className: styles$1_.skeleton });
|
|
1560
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$1_['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1561
1561
|
React.createElement("span", null, label),
|
|
1562
1562
|
displayOutput));
|
|
1563
1563
|
};
|
|
1564
1564
|
|
|
1565
|
-
var styles$
|
|
1565
|
+
var styles$1Z = {"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"};
|
|
1566
1566
|
|
|
1567
1567
|
var FilterSearchItem = function (_a) {
|
|
1568
1568
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1569
1569
|
var inputRef = useRef(null);
|
|
1570
1570
|
if (loading)
|
|
1571
|
-
return (React.createElement("div", { className: styles$
|
|
1571
|
+
return (React.createElement("div", { className: styles$1Z.skeleton },
|
|
1572
1572
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1573
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1573
|
+
return (React.createElement("div", { className: "".concat(styles$1Z['magneto-ui-filter-search'], " ").concat(disabled ? styles$1Z.disabled : '') },
|
|
1574
1574
|
React.createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1575
1575
|
React.createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1576
1576
|
};
|
|
1577
1577
|
|
|
1578
|
-
var styles$
|
|
1578
|
+
var styles$1Y = {"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"};
|
|
1579
1579
|
|
|
1580
|
-
var Component$
|
|
1580
|
+
var Component$28 = function (_a) {
|
|
1581
1581
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1582
|
-
return (React.createElement("div", { className: styles$
|
|
1583
|
-
React.createElement("div", { className: styles$
|
|
1582
|
+
return (React.createElement("div", { className: styles$1Y['fraud-card-job'] },
|
|
1583
|
+
React.createElement("div", { className: styles$1Y['fraud-card-job__header'] },
|
|
1584
1584
|
React.createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1585
1585
|
React.createElement("h4", null, title)),
|
|
1586
1586
|
React.createElement("div", null,
|
|
1587
|
-
React.createElement("p", { className: styles$
|
|
1588
|
-
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1587
|
+
React.createElement("p", { className: styles$1Y['fraud-card-job__text'] }, content),
|
|
1588
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1Y['fraud-card-job__link'], href: link },
|
|
1589
1589
|
React.createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1590
1590
|
linkText))));
|
|
1591
1591
|
};
|
|
1592
|
-
var FraudCardJob = Component$
|
|
1592
|
+
var FraudCardJob = Component$28;
|
|
1593
1593
|
|
|
1594
|
-
var styles$
|
|
1594
|
+
var styles$1X = {"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"};
|
|
1595
1595
|
|
|
1596
|
-
var Component$
|
|
1596
|
+
var Component$27 = function (_a) {
|
|
1597
1597
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1598
1598
|
var _b = useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1599
1599
|
var searchListDinamyc = useMemo(function () {
|
|
@@ -1603,46 +1603,46 @@ var Component$22 = function (_a) {
|
|
|
1603
1603
|
return searchList;
|
|
1604
1604
|
}, [searchList, showFullList]);
|
|
1605
1605
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1606
|
-
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$
|
|
1607
|
-
React.createElement("h2", { className: styles$
|
|
1608
|
-
React.createElement("div", { className: styles$
|
|
1606
|
+
return (React.createElement(React.Fragment, null, showFrequentSearch !== false ? (React.createElement("div", { className: styles$1X['magneto-ui-frequent-search'] },
|
|
1607
|
+
React.createElement("h2", { className: styles$1X['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1608
|
+
React.createElement("div", { className: styles$1X['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1609
1609
|
var props = __rest(_a, []);
|
|
1610
1610
|
return (React.createElement(SearchItem, __assign({ key: i }, props)));
|
|
1611
1611
|
})),
|
|
1612
|
-
React.createElement("div", { className: styles$
|
|
1612
|
+
React.createElement("div", { className: styles$1X['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$1X['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1613
1613
|
showMore,
|
|
1614
1614
|
" (",
|
|
1615
1615
|
searchList.length,
|
|
1616
|
-
")")) : (React.createElement("button", { className: styles$
|
|
1616
|
+
")")) : (React.createElement("button", { className: styles$1X['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React.createElement(Fragment, null))));
|
|
1617
1617
|
};
|
|
1618
1618
|
/**
|
|
1619
1619
|
* UI Atom component of Frequent Search
|
|
1620
1620
|
*/
|
|
1621
|
-
var FrequentSearch = Component$
|
|
1621
|
+
var FrequentSearch = Component$27;
|
|
1622
1622
|
|
|
1623
1623
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1624
1624
|
|
|
1625
|
-
var Component$
|
|
1625
|
+
var Component$26 = function (_a) {
|
|
1626
1626
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1627
1627
|
return (React.createElement("div", { className: style$P['header-drawer-company'] },
|
|
1628
1628
|
React.createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1629
1629
|
React.createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1630
1630
|
React.createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1631
1631
|
};
|
|
1632
|
-
var HeaderDrawerCompany = Component$
|
|
1632
|
+
var HeaderDrawerCompany = Component$26;
|
|
1633
1633
|
|
|
1634
|
-
var styles$
|
|
1634
|
+
var styles$1W = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1635
1635
|
|
|
1636
|
-
var Component$
|
|
1636
|
+
var Component$25 = function (_a) {
|
|
1637
1637
|
var children = _a.children;
|
|
1638
|
-
return React.createElement("div", { className: styles$
|
|
1638
|
+
return React.createElement("div", { className: styles$1W.TabComponent }, children);
|
|
1639
1639
|
};
|
|
1640
1640
|
/**
|
|
1641
1641
|
* Molecule UI for Tab
|
|
1642
1642
|
*/
|
|
1643
|
-
var Tab = Component$
|
|
1643
|
+
var Tab = Component$25;
|
|
1644
1644
|
|
|
1645
|
-
var styles$
|
|
1645
|
+
var styles$1V = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1646
1646
|
|
|
1647
1647
|
var toCSSVariables = function (input) {
|
|
1648
1648
|
var output = {};
|
|
@@ -1657,35 +1657,35 @@ var toCSSVariables = function (input) {
|
|
|
1657
1657
|
return output;
|
|
1658
1658
|
};
|
|
1659
1659
|
|
|
1660
|
-
var Component$
|
|
1660
|
+
var Component$24 = function (_a) {
|
|
1661
1661
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1662
1662
|
var stylesValue = useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1663
1663
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1664
|
-
return (React.createElement("div", { className: styles$
|
|
1664
|
+
return (React.createElement("div", { className: styles$1V.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React.createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1665
1665
|
};
|
|
1666
1666
|
/**
|
|
1667
1667
|
* Molecule UI component for Tab Button
|
|
1668
1668
|
*/
|
|
1669
|
-
var TabButton = Component$
|
|
1669
|
+
var TabButton = Component$24;
|
|
1670
1670
|
|
|
1671
|
-
var styles$
|
|
1671
|
+
var styles$1U = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1672
1672
|
|
|
1673
|
-
var Component$
|
|
1673
|
+
var Component$23 = function (_a) {
|
|
1674
1674
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1675
|
-
return (React.createElement("div", { className: styles$
|
|
1675
|
+
return (React.createElement("div", { className: styles$1U.HeaderDrawerTabsComponent },
|
|
1676
1676
|
React.createElement("a", { href: homeUrl },
|
|
1677
1677
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1678
1678
|
React.createElement(Tab, null,
|
|
1679
1679
|
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 }),
|
|
1680
1680
|
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 }))));
|
|
1681
1681
|
};
|
|
1682
|
-
var HeaderDrawerTabs = Component$
|
|
1682
|
+
var HeaderDrawerTabs = Component$23;
|
|
1683
1683
|
|
|
1684
|
-
var styles$
|
|
1684
|
+
var styles$1T = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1685
1685
|
|
|
1686
|
-
var Component$
|
|
1686
|
+
var Component$22 = function (_a) {
|
|
1687
1687
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1688
|
-
return (React.createElement("div", { className: styles$
|
|
1688
|
+
return (React.createElement("div", { className: styles$1T.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1689
1689
|
var headerTabProps = __rest(_a, []);
|
|
1690
1690
|
return (React.createElement(React.Fragment, { key: index },
|
|
1691
1691
|
React.createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1696,9 +1696,9 @@ var Component$1Z = function (_a) {
|
|
|
1696
1696
|
/**
|
|
1697
1697
|
* Molecule UI component for header tabs information`
|
|
1698
1698
|
*/
|
|
1699
|
-
var HeaderTabs = Component$
|
|
1699
|
+
var HeaderTabs = Component$22;
|
|
1700
1700
|
|
|
1701
|
-
var styles$
|
|
1701
|
+
var styles$1S = {"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"};
|
|
1702
1702
|
|
|
1703
1703
|
var Input = function (_a) {
|
|
1704
1704
|
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"]);
|
|
@@ -1733,28 +1733,28 @@ var Input = function (_a) {
|
|
|
1733
1733
|
setInputValue(e.target.value);
|
|
1734
1734
|
}, [onChange]);
|
|
1735
1735
|
return (React.createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1736
|
-
React.createElement("div", { className: styles$
|
|
1736
|
+
React.createElement("div", { className: styles$1S["".concat(classMUI, "-input")] },
|
|
1737
1737
|
React.createElement("div", null,
|
|
1738
|
-
React.createElement("div", { className: styles$
|
|
1738
|
+
React.createElement("div", { className: styles$1S["".concat(classMUI, "-input--container")] },
|
|
1739
1739
|
React.createElement("label", { htmlFor: name, style: {
|
|
1740
1740
|
left: hideIcon ? '10px' : '40px',
|
|
1741
1741
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1742
1742
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1743
|
-
}, className: styles$
|
|
1743
|
+
}, className: styles$1S["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1744
1744
|
React.createElement("input", __assign({}, props, { style: {
|
|
1745
1745
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1746
|
-
}, disabled: disabled, className: styles$
|
|
1747
|
-
hideIcon ? null : (React.createElement("img", { className: styles$
|
|
1748
|
-
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1746
|
+
}, disabled: disabled, className: styles$1S["".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" })),
|
|
1747
|
+
hideIcon ? null : (React.createElement("img", { className: styles$1S["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1748
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1S["".concat(classMUI, "-input--container__icon-action")] },
|
|
1749
1749
|
React.createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1750
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1751
|
-
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1750
|
+
React.createElement("div", { className: "".concat(styles$1S["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1S['footer-without-error'] : '') },
|
|
1751
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1S["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1752
1752
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1753
1753
|
};
|
|
1754
1754
|
|
|
1755
|
-
var styles$
|
|
1755
|
+
var styles$1R = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1756
1756
|
|
|
1757
|
-
var Component$
|
|
1757
|
+
var Component$21 = function (_a) {
|
|
1758
1758
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1759
1759
|
var loadingSize = useMemo(function () {
|
|
1760
1760
|
if (size) {
|
|
@@ -1768,11 +1768,11 @@ var Component$1Y = function (_a) {
|
|
|
1768
1768
|
height: '15px'
|
|
1769
1769
|
};
|
|
1770
1770
|
}, [size]);
|
|
1771
|
-
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1771
|
+
return (React.createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1R["".concat(classMUI, "-flat-loader")] }));
|
|
1772
1772
|
};
|
|
1773
|
-
var FlatLoader = Component$
|
|
1773
|
+
var FlatLoader = Component$21;
|
|
1774
1774
|
|
|
1775
|
-
var styles$
|
|
1775
|
+
var styles$1Q = {"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"};
|
|
1776
1776
|
|
|
1777
1777
|
var InputPlus = function (_a) {
|
|
1778
1778
|
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;
|
|
@@ -1816,16 +1816,16 @@ var InputPlus = function (_a) {
|
|
|
1816
1816
|
}
|
|
1817
1817
|
}
|
|
1818
1818
|
}, [disabledBtn, handleSubmmit]);
|
|
1819
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1819
|
+
return (React.createElement("div", { className: "".concat(styles$1Q["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1820
1820
|
React.createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1821
|
-
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1821
|
+
React.createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$1Q["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1Q.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1Q['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1822
1822
|
};
|
|
1823
1823
|
|
|
1824
|
-
var styles$
|
|
1824
|
+
var styles$1P = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_gnly4","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_gnly4","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_gnly4","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_gnly4","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_gnly4","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_gnly4"};
|
|
1825
1825
|
|
|
1826
1826
|
var style$O = {"popover":"mg_share_popover_popover_nlj0v","popover--hidden":"mg_share_popover_popover--hidden_nlj0v","popover__btn":"mg_share_popover_popover_btn_nlj0v","content":"mg_share_popover_content_nlj0v","content__link":"mg_share_popover_content_link_nlj0v"};
|
|
1827
1827
|
|
|
1828
|
-
var Component$
|
|
1828
|
+
var Component$20 = function (_a) {
|
|
1829
1829
|
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"]);
|
|
1830
1830
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1831
1831
|
return (React.createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React.createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1843,10 +1843,10 @@ var Component$1X = function (_a) {
|
|
|
1843
1843
|
React.createElement("button", __assign({}, btnProps, { className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1844
1844
|
React.createElement(IconItem, { size: 20, icon: Share }))));
|
|
1845
1845
|
};
|
|
1846
|
-
Component$
|
|
1847
|
-
var SharePopover = Component$
|
|
1846
|
+
Component$20.displayName = 'SharePopover';
|
|
1847
|
+
var SharePopover = Component$20;
|
|
1848
1848
|
|
|
1849
|
-
var Component$
|
|
1849
|
+
var Component$1$ = function (_a) {
|
|
1850
1850
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1851
1851
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1852
1852
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1854,30 +1854,30 @@ var Component$1W = function (_a) {
|
|
|
1854
1854
|
title: actionsAnchorTitle === null || actionsAnchorTitle === void 0 ? void 0 : actionsAnchorTitle[index]
|
|
1855
1855
|
}); });
|
|
1856
1856
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1857
|
-
return (React.createElement("div", { className: styles$
|
|
1858
|
-
React.createElement("div", { id: styles$
|
|
1859
|
-
React.createElement("div", { className: styles$
|
|
1857
|
+
return (React.createElement("div", { className: styles$1P['magneto-ui-job-actions'] },
|
|
1858
|
+
React.createElement("div", { id: styles$1P['magneto-ui__external-child'] }, externalButtonChild),
|
|
1859
|
+
React.createElement("div", { className: styles$1P['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1860
1860
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
1861
1861
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1862
1862
|
filteredActionsLinkList.map(function (_a) {
|
|
1863
1863
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1864
|
-
return (React.createElement("div", { className: styles$
|
|
1865
|
-
React.createElement("a", { className: styles$
|
|
1864
|
+
return (React.createElement("div", { className: styles$1P['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1865
|
+
React.createElement("a", { className: styles$1P['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer", title: title },
|
|
1866
1866
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon }))));
|
|
1867
1867
|
}))));
|
|
1868
1868
|
};
|
|
1869
1869
|
/**
|
|
1870
1870
|
* UI Molecule Component for Jobs Actions
|
|
1871
1871
|
*/
|
|
1872
|
-
var JobActions = Component$
|
|
1872
|
+
var JobActions = Component$1$;
|
|
1873
1873
|
|
|
1874
|
-
var styles$
|
|
1874
|
+
var styles$1O = {"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"};
|
|
1875
1875
|
|
|
1876
|
-
var Component$
|
|
1876
|
+
var Component$1_ = function (_a) {
|
|
1877
1877
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1878
|
-
return (React.createElement("div", { className: styles$
|
|
1879
|
-
React.createElement("div", { className: styles$
|
|
1880
|
-
React.createElement("div", { className: styles$
|
|
1878
|
+
return (React.createElement("div", { className: styles$1O['magneto-ui-job-apply-card'] },
|
|
1879
|
+
React.createElement("div", { className: styles$1O['magneto-ui-job-apply-card__wrapper'] },
|
|
1880
|
+
React.createElement("div", { className: styles$1O['magneto-ui-job-apply-card__header'] },
|
|
1881
1881
|
React.createElement("p", null, offerApplyHeader),
|
|
1882
1882
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1883
1883
|
offerApplyElements
|
|
@@ -1887,16 +1887,16 @@ var Component$1V = function (_a) {
|
|
|
1887
1887
|
})
|
|
1888
1888
|
.map(function (_a) {
|
|
1889
1889
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1890
|
-
return (React.createElement("div", { className: styles$
|
|
1890
|
+
return (React.createElement("div", { className: styles$1O['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1891
1891
|
React.createElement("p", null, offerApplyLabel),
|
|
1892
1892
|
React.createElement("p", null, offerApplyInfo)));
|
|
1893
1893
|
})),
|
|
1894
|
-
React.createElement("div", { id: styles$
|
|
1894
|
+
React.createElement("div", { id: styles$1O['magneto-ui__external-child'] }, externalChild))));
|
|
1895
1895
|
};
|
|
1896
1896
|
/**
|
|
1897
1897
|
* UI Molecule Component for Job Apply Card
|
|
1898
1898
|
*/
|
|
1899
|
-
var JobApplyCard = Component$
|
|
1899
|
+
var JobApplyCard = Component$1_;
|
|
1900
1900
|
|
|
1901
1901
|
var style$N = {"magneto-ui-card-jobs":"mg_job_card_desktop_magneto-ui-card-jobs_1u1yc","magneto-ui-card-jobs--arrow":"mg_job_card_desktop_magneto-ui-card-jobs--arrow_1u1yc","magneto-ui-card-jobs--data":"mg_job_card_desktop_magneto-ui-card-jobs--data_1u1yc","magneto-ui-card-jobs--row1":"mg_job_card_desktop_magneto-ui-card-jobs--row1_1u1yc","magneto-ui-card-jobs--row2":"mg_job_card_desktop_magneto-ui-card-jobs--row2_1u1yc","magneto-ui-card-jobs--row3":"mg_job_card_desktop_magneto-ui-card-jobs--row3_1u1yc","magneto-ui-card-jobs--row4":"mg_job_card_desktop_magneto-ui-card-jobs--row4_1u1yc","magneto-ui-card-jobs--row2__position":"mg_job_card_desktop_magneto-ui-card-jobs--row2_position_1u1yc","magneto-ui-card-jobs--row2__urgent":"mg_job_card_desktop_magneto-ui-card-jobs--row2_urgent_1u1yc","magneto-ui-card-jobs--row2__variant":"mg_job_card_desktop_magneto-ui-card-jobs--row2_variant_1u1yc","magneto-ui-card-jobs--row3__info1":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info1_1u1yc","magneto-ui-card-jobs--row3__info2":"mg_job_card_desktop_magneto-ui-card-jobs--row3_info2_1u1yc","magneto-ui-card-jobs--brand":"mg_job_card_desktop_magneto-ui-card-jobs--brand_1u1yc","magneto-ui-card-jobs--brand__img":"mg_job_card_desktop_magneto-ui-card-jobs--brand_img_1u1yc","was-seen":"mg_job_card_desktop_was-seen_1u1yc","is-active":"mg_job_card_desktop_is-active_1u1yc"};
|
|
1902
1902
|
|
|
@@ -1980,29 +1980,29 @@ var JobCard = function (_a) {
|
|
|
1980
1980
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1981
1981
|
};
|
|
1982
1982
|
|
|
1983
|
-
var styles$
|
|
1983
|
+
var styles$1N = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
1984
1984
|
|
|
1985
|
-
var Component$
|
|
1985
|
+
var Component$1Z = function (_a) {
|
|
1986
1986
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
1987
|
-
return (React.createElement("div", { className: styles$
|
|
1987
|
+
return (React.createElement("div", { className: styles$1N['magneto-ui-job-company-header'] },
|
|
1988
1988
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
1989
1989
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
1990
1990
|
};
|
|
1991
1991
|
/**
|
|
1992
1992
|
* UI Molecule component for Company Job Header
|
|
1993
1993
|
*/
|
|
1994
|
-
var JobCompanyHeader = Component$
|
|
1994
|
+
var JobCompanyHeader = Component$1Z;
|
|
1995
1995
|
|
|
1996
|
-
var styles$
|
|
1996
|
+
var styles$1M = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
1997
1997
|
|
|
1998
|
-
var Component$
|
|
1998
|
+
var Component$1Y = function (_a) {
|
|
1999
1999
|
var offerDescription = _a.offerDescription;
|
|
2000
|
-
return (React.createElement("div", { className: styles$
|
|
2000
|
+
return (React.createElement("div", { className: styles$1M['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2001
2001
|
};
|
|
2002
2002
|
/**
|
|
2003
2003
|
* UI Molecule Component for Job Detail Card Header
|
|
2004
2004
|
*/
|
|
2005
|
-
var JobDetailCard = Component$
|
|
2005
|
+
var JobDetailCard = Component$1Y;
|
|
2006
2006
|
|
|
2007
2007
|
var style$L = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
|
|
2008
2008
|
|
|
@@ -2017,9 +2017,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2017
2017
|
children));
|
|
2018
2018
|
};
|
|
2019
2019
|
|
|
2020
|
-
var styles$
|
|
2020
|
+
var styles$1L = {"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"};
|
|
2021
2021
|
|
|
2022
|
-
var Component$
|
|
2022
|
+
var Component$1X = function (_a) {
|
|
2023
2023
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2024
2024
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2025
2025
|
icon: iconList && iconList[index],
|
|
@@ -2029,27 +2029,27 @@ var Component$1S = function (_a) {
|
|
|
2029
2029
|
var offerDetailText = _a.offerDetailText;
|
|
2030
2030
|
return !!offerDetailText && index !== 1;
|
|
2031
2031
|
});
|
|
2032
|
-
return (React.createElement("div", { className: styles$
|
|
2033
|
-
React.createElement("div", { className: styles$
|
|
2032
|
+
return (React.createElement("div", { className: styles$1L['magneto-ui-job-details'] },
|
|
2033
|
+
React.createElement("div", { className: styles$1L['magneto-ui-job-details__wrapper'] },
|
|
2034
2034
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2035
2035
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2036
2036
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2037
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2038
|
-
React.createElement("div", { className: styles$
|
|
2037
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1L['magneto-ui-job-details__item-detail'] },
|
|
2038
|
+
React.createElement("div", { className: styles$1L['magneto-ui-job-details__item-detail-icon'] },
|
|
2039
2039
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2040
|
-
React.createElement("p", { className: styles$
|
|
2040
|
+
React.createElement("p", { className: styles$1L['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2041
2041
|
})),
|
|
2042
2042
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2043
2043
|
};
|
|
2044
2044
|
/**
|
|
2045
2045
|
* UI Molecule component for Job Detail
|
|
2046
2046
|
*/
|
|
2047
|
-
Component$
|
|
2048
|
-
var JobDetails = Component$
|
|
2047
|
+
Component$1X.displayName = 'JobDetails';
|
|
2048
|
+
var JobDetails = Component$1X;
|
|
2049
2049
|
|
|
2050
|
-
var styles$
|
|
2050
|
+
var styles$1K = {"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"};
|
|
2051
2051
|
|
|
2052
|
-
var Component$
|
|
2052
|
+
var Component$1W = function (_a) {
|
|
2053
2053
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2054
2054
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2055
2055
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2060,28 +2060,28 @@ var Component$1R = function (_a) {
|
|
|
2060
2060
|
title: title
|
|
2061
2061
|
});
|
|
2062
2062
|
});
|
|
2063
|
-
return (React.createElement("div", { className: styles$
|
|
2063
|
+
return (React.createElement("div", { className: styles$1K['magneto-ui-job-footer-card'] },
|
|
2064
2064
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2065
|
-
React.createElement("div", { className: styles$
|
|
2065
|
+
React.createElement("div", { className: styles$1K['magneto-ui-job-footer-card__icons'] },
|
|
2066
2066
|
React.createElement("p", null, offerFooterHeader),
|
|
2067
|
-
React.createElement("div", { className: styles$
|
|
2067
|
+
React.createElement("div", { className: styles$1K['magneto-ui-job-footer-card__wrapper'] },
|
|
2068
2068
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2069
2069
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2070
2070
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2071
2071
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2072
2072
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2073
2073
|
})),
|
|
2074
|
-
React.createElement("div", { className: styles$
|
|
2074
|
+
React.createElement("div", { className: styles$1K['magneto-ui__share-button'] },
|
|
2075
2075
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2076
2076
|
};
|
|
2077
2077
|
/**
|
|
2078
2078
|
* UI Molecule component for Job Footer Card
|
|
2079
2079
|
*/
|
|
2080
|
-
var JobFooterCard = Component$
|
|
2080
|
+
var JobFooterCard = Component$1W;
|
|
2081
2081
|
|
|
2082
|
-
var styles$
|
|
2082
|
+
var styles$1J = {"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"};
|
|
2083
2083
|
|
|
2084
|
-
var Component$
|
|
2084
|
+
var Component$1V = function (_a) {
|
|
2085
2085
|
var name = _a.name, score = _a.score;
|
|
2086
2086
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2087
2087
|
var skillRef = useRef(null);
|
|
@@ -2117,21 +2117,21 @@ var Component$1Q = function (_a) {
|
|
|
2117
2117
|
4: 'four'
|
|
2118
2118
|
};
|
|
2119
2119
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2120
|
-
var fillAnimation = animationApplied ? styles$
|
|
2121
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2122
|
-
React.createElement("div", { className: styles$
|
|
2120
|
+
var fillAnimation = animationApplied ? styles$1J[levelClass] : '';
|
|
2121
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1J['magneto-ui-skill'] },
|
|
2122
|
+
React.createElement("div", { className: styles$1J['magneto-ui-skill__wrapper'] },
|
|
2123
2123
|
React.createElement("p", null, name),
|
|
2124
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2124
|
+
React.createElement("div", { className: "".concat(styles$1J['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1J['magneto-ui-skill--no-animation']) }))));
|
|
2125
2125
|
};
|
|
2126
|
-
var Skill = Component$
|
|
2126
|
+
var Skill = Component$1V;
|
|
2127
2127
|
|
|
2128
|
-
var styles$
|
|
2128
|
+
var styles$1I = {"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"};
|
|
2129
2129
|
|
|
2130
|
-
var Component$
|
|
2130
|
+
var Component$1U = function (_a) {
|
|
2131
2131
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2132
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2132
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1I['magneto-ui-job-skills-card'] },
|
|
2133
2133
|
React.createElement("p", null, offerSkillsLabel),
|
|
2134
|
-
React.createElement("div", { className: styles$
|
|
2134
|
+
React.createElement("div", { className: styles$1I['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2135
2135
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2136
2136
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2137
2137
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2140,9 +2140,9 @@ var Component$1P = function (_a) {
|
|
|
2140
2140
|
/**
|
|
2141
2141
|
* UI Molecule component of Job Skills Card
|
|
2142
2142
|
*/
|
|
2143
|
-
var JobSkillsCard = Component$
|
|
2143
|
+
var JobSkillsCard = Component$1U;
|
|
2144
2144
|
|
|
2145
|
-
var styles$
|
|
2145
|
+
var styles$1H = {"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"};
|
|
2146
2146
|
|
|
2147
2147
|
var JobVideo = function (_a) {
|
|
2148
2148
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2157,13 +2157,13 @@ var JobVideo = function (_a) {
|
|
|
2157
2157
|
setLoadVideo && setLoadVideo(false);
|
|
2158
2158
|
}
|
|
2159
2159
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2160
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2160
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1H[videoClassName] })) : (React.createElement("div", { className: styles$1H['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2161
2161
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2162
2162
|
};
|
|
2163
2163
|
|
|
2164
2164
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2165
2165
|
|
|
2166
|
-
var Component$
|
|
2166
|
+
var Component$1T = function (_a) {
|
|
2167
2167
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2168
2168
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2169
2169
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2171,11 +2171,11 @@ var Component$1O = function (_a) {
|
|
|
2171
2171
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2172
2172
|
})));
|
|
2173
2173
|
};
|
|
2174
|
-
var ListIconLink = Component$
|
|
2174
|
+
var ListIconLink = Component$1T;
|
|
2175
2175
|
|
|
2176
2176
|
var style$J = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1nc3s","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1nc3s","isActive":"mg_menu_icon_isActive_1nc3s"};
|
|
2177
2177
|
|
|
2178
|
-
var Component$
|
|
2178
|
+
var Component$1S = function (_a) {
|
|
2179
2179
|
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;
|
|
2180
2180
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2181
2181
|
return (React.createElement(React.Fragment, null, type === 'link' ? (React.createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2184,11 +2184,11 @@ var Component$1N = function (_a) {
|
|
|
2184
2184
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2185
2185
|
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2186
2186
|
};
|
|
2187
|
-
var MenuIcon = Component$
|
|
2187
|
+
var MenuIcon = Component$1S;
|
|
2188
2188
|
|
|
2189
2189
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2190
2190
|
|
|
2191
|
-
var Component$
|
|
2191
|
+
var Component$1R = function (_a) {
|
|
2192
2192
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2193
2193
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2194
2194
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2209,16 +2209,16 @@ var Component$1M = function (_a) {
|
|
|
2209
2209
|
React.createElement(Divider, null),
|
|
2210
2210
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2211
2211
|
};
|
|
2212
|
-
var ListMenuIcons = Component$
|
|
2212
|
+
var ListMenuIcons = Component$1R;
|
|
2213
2213
|
|
|
2214
|
-
var Component$
|
|
2214
|
+
var Component$1Q = function (_a) {
|
|
2215
2215
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2216
2216
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2217
2217
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2218
2218
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2219
2219
|
})));
|
|
2220
2220
|
};
|
|
2221
|
-
var ListMenuItems = Component$
|
|
2221
|
+
var ListMenuItems = Component$1Q;
|
|
2222
2222
|
|
|
2223
2223
|
var style$H = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
|
|
2224
2224
|
|
|
@@ -2292,9 +2292,9 @@ var useMegaMenuMain = function () {
|
|
|
2292
2292
|
return mainHeaderProps;
|
|
2293
2293
|
};
|
|
2294
2294
|
|
|
2295
|
-
var styles$
|
|
2295
|
+
var styles$1G = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2296
2296
|
|
|
2297
|
-
var Component$
|
|
2297
|
+
var Component$1P = function (_a) {
|
|
2298
2298
|
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;
|
|
2299
2299
|
var handleClick = useCallback(function (event) {
|
|
2300
2300
|
if (onClick) {
|
|
@@ -2302,15 +2302,15 @@ var Component$1K = function (_a) {
|
|
|
2302
2302
|
onClick();
|
|
2303
2303
|
}
|
|
2304
2304
|
}, [onClick]);
|
|
2305
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2306
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2307
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2308
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2305
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1G['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2306
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1G['button-link__icon'] })),
|
|
2307
|
+
buttonText && React.createElement("p", { className: styles$1G['button-link__text'] }, buttonText),
|
|
2308
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1G['button-link__icon'] }))));
|
|
2309
2309
|
};
|
|
2310
2310
|
/**
|
|
2311
2311
|
* UI Atom Component of Save Button
|
|
2312
2312
|
*/
|
|
2313
|
-
var ButtonLink = Component$
|
|
2313
|
+
var ButtonLink = Component$1P;
|
|
2314
2314
|
|
|
2315
2315
|
var MegaMenuJobsTabs = function () {
|
|
2316
2316
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2337,7 +2337,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2337
2337
|
React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2338
2338
|
};
|
|
2339
2339
|
|
|
2340
|
-
var styles$
|
|
2340
|
+
var styles$1F = {"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"};
|
|
2341
2341
|
|
|
2342
2342
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2343
2343
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2356,27 +2356,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2356
2356
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2357
2357
|
}, [showContent]);
|
|
2358
2358
|
return (React.createElement(React.Fragment, null,
|
|
2359
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2360
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2361
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2362
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2363
|
-
React.createElement("div", { className: styles$
|
|
2364
|
-
React.createElement("div", { className: styles$
|
|
2359
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1F["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2360
|
+
React.createElement("p", { className: "".concat(styles$1F["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2361
|
+
React.createElement(IconItem, { className: "".concat(styles$1F["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1F["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2362
|
+
React.createElement("div", { className: "".concat(styles$1F["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1F["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2363
|
+
React.createElement("div", { className: styles$1F["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2364
|
+
React.createElement("div", { className: styles$1F["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2365
2365
|
event.stopPropagation();
|
|
2366
2366
|
} }, children))));
|
|
2367
2367
|
};
|
|
2368
2368
|
|
|
2369
|
-
var styles$
|
|
2369
|
+
var styles$1E = {"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"};
|
|
2370
2370
|
|
|
2371
2371
|
var MenuSearch = function (_a) {
|
|
2372
2372
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2373
2373
|
var onBlur = useCallback(function () {
|
|
2374
2374
|
handleOnBlur && handleOnBlur();
|
|
2375
2375
|
}, [handleOnBlur]);
|
|
2376
|
-
return (React.createElement("div", { className: styles$
|
|
2377
|
-
React.createElement("div", { className: styles$
|
|
2376
|
+
return (React.createElement("div", { className: styles$1E['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2377
|
+
React.createElement("div", { className: styles$1E['magneto-ui-menu-search_container'] },
|
|
2378
2378
|
children,
|
|
2379
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2379
|
+
React.createElement("div", { className: "".concat(styles$1E['magneto-ui-menu-search_content'], " ").concat(show && styles$1E.open) }, content))));
|
|
2380
2380
|
};
|
|
2381
2381
|
|
|
2382
2382
|
var iconByType = {
|
|
@@ -2387,9 +2387,9 @@ var iconByType = {
|
|
|
2387
2387
|
};
|
|
2388
2388
|
var transitionDuration = 300;
|
|
2389
2389
|
|
|
2390
|
-
var styles$
|
|
2390
|
+
var styles$1D = {"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"};
|
|
2391
2391
|
|
|
2392
|
-
var Component$
|
|
2392
|
+
var Component$1O = function (_a) {
|
|
2393
2393
|
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;
|
|
2394
2394
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2395
2395
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2401,7 +2401,7 @@ var Component$1J = function (_a) {
|
|
|
2401
2401
|
}); }, []);
|
|
2402
2402
|
var containerStyles = useMemo(function () {
|
|
2403
2403
|
return CNM.get({
|
|
2404
|
-
styles: styles$
|
|
2404
|
+
styles: styles$1D,
|
|
2405
2405
|
cls: [
|
|
2406
2406
|
'message__container',
|
|
2407
2407
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2409,7 +2409,7 @@ var Component$1J = function (_a) {
|
|
|
2409
2409
|
]
|
|
2410
2410
|
});
|
|
2411
2411
|
}, [type, toggleAnimation]);
|
|
2412
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2412
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1D, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2413
2413
|
useEffect(function () {
|
|
2414
2414
|
if (!localVisible)
|
|
2415
2415
|
return;
|
|
@@ -2441,9 +2441,9 @@ var Component$1J = function (_a) {
|
|
|
2441
2441
|
setIsAnimating(visible);
|
|
2442
2442
|
}, [isAnimating, visible]);
|
|
2443
2443
|
return localVisible
|
|
2444
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2444
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1D, cls: [className] }) },
|
|
2445
2445
|
React.createElement("div", { className: containerStyles },
|
|
2446
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2446
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1D, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2447
2447
|
React.createElement("div", null,
|
|
2448
2448
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2449
2449
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2452,13 +2452,13 @@ var Component$1J = function (_a) {
|
|
|
2452
2452
|
/**
|
|
2453
2453
|
* Molecule UI component for Message
|
|
2454
2454
|
*/
|
|
2455
|
-
var Message = Component$
|
|
2455
|
+
var Message = Component$1O;
|
|
2456
2456
|
|
|
2457
|
-
var styles$
|
|
2457
|
+
var styles$1C = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2458
2458
|
|
|
2459
|
-
var Component$
|
|
2459
|
+
var Component$1N = function (_a) {
|
|
2460
2460
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2461
|
-
return (React.createElement("div", { className: styles$
|
|
2461
|
+
return (React.createElement("div", { className: styles$1C['magneto-ui-mobile-job-details-header'] },
|
|
2462
2462
|
React.createElement("button", { onClick: onClick },
|
|
2463
2463
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2464
2464
|
React.createElement("p", null, returnText)));
|
|
@@ -2466,11 +2466,11 @@ var Component$1I = function (_a) {
|
|
|
2466
2466
|
/**
|
|
2467
2467
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2468
2468
|
*/
|
|
2469
|
-
var MobileJobDetailsHeader = Component$
|
|
2469
|
+
var MobileJobDetailsHeader = Component$1N;
|
|
2470
2470
|
|
|
2471
|
-
var styles$
|
|
2471
|
+
var styles$1B = {"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"};
|
|
2472
2472
|
|
|
2473
|
-
var Component$
|
|
2473
|
+
var Component$1M = function (_a) {
|
|
2474
2474
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2475
2475
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2476
2476
|
var searchInputRef = useRef(null);
|
|
@@ -2492,20 +2492,20 @@ var Component$1H = function (_a) {
|
|
|
2492
2492
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2493
2493
|
}
|
|
2494
2494
|
}, [focusSearchInput]);
|
|
2495
|
-
return (React.createElement("div", { className: styles$
|
|
2495
|
+
return (React.createElement("div", { className: styles$1B.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2496
2496
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2497
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2498
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2497
|
+
searchValue && React.createElement("div", { className: styles$1B['search-badge'] }),
|
|
2498
|
+
React.createElement(MainButton, __assign({ className: styles$1B['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2499
2499
|
React.createElement("label", { htmlFor: "search" }),
|
|
2500
2500
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2501
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2501
|
+
React.createElement(MainButton, __assign({ className: styles$1B['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2502
2502
|
};
|
|
2503
2503
|
/**
|
|
2504
2504
|
* Molecule UI component for MobileSearchbar
|
|
2505
2505
|
*/
|
|
2506
|
-
var MobileSearchbar = Component$
|
|
2506
|
+
var MobileSearchbar = Component$1M;
|
|
2507
2507
|
|
|
2508
|
-
var styles$
|
|
2508
|
+
var styles$1A = {"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"};
|
|
2509
2509
|
|
|
2510
2510
|
var Modal = function (_a) {
|
|
2511
2511
|
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;
|
|
@@ -2518,49 +2518,49 @@ var Modal = function (_a) {
|
|
|
2518
2518
|
if (!isOpen)
|
|
2519
2519
|
return null;
|
|
2520
2520
|
return (React.createElement(Fragment, null,
|
|
2521
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2522
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2523
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2521
|
+
React.createElement("div", { className: "".concat(styles$1A["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2522
|
+
title ? React.createElement("h2", { className: "".concat(styles$1A["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2523
|
+
description ? React.createElement("p", { className: "".concat(styles$1A["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2524
2524
|
children,
|
|
2525
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2525
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1A["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2526
2526
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2527
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2527
|
+
React.createElement("span", { className: "".concat(styles$1A["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2528
2528
|
};
|
|
2529
2529
|
var Title = function (_a) {
|
|
2530
2530
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2531
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2531
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1A["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2532
2532
|
};
|
|
2533
2533
|
var Description = function (_a) {
|
|
2534
2534
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2535
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2535
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1A["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2536
2536
|
};
|
|
2537
2537
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2538
2538
|
|
|
2539
|
-
var Component$
|
|
2539
|
+
var Component$1L = function (_a) {
|
|
2540
2540
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2541
2541
|
var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2542
2542
|
md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2543
2543
|
});
|
|
2544
2544
|
return container;
|
|
2545
2545
|
};
|
|
2546
|
-
var ModalResponsive = Component$
|
|
2546
|
+
var ModalResponsive = Component$1L;
|
|
2547
2547
|
|
|
2548
|
-
var styles$
|
|
2548
|
+
var styles$1z = {"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"};
|
|
2549
2549
|
|
|
2550
2550
|
var BtnPagination = function (_a) {
|
|
2551
2551
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2552
2552
|
var displayContent = useMemo(function () {
|
|
2553
2553
|
if (loading && value && current === value)
|
|
2554
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2554
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1z['magneto-ui-btn-pagination_spinner'] });
|
|
2555
2555
|
return value;
|
|
2556
2556
|
}, [loading, current, value]);
|
|
2557
2557
|
var pageQueryParam = 'paginator[page]=';
|
|
2558
2558
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2559
2559
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2560
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2561
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2560
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1z['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2561
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1z['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1z['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1z['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1z['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2562
2562
|
displayContent,
|
|
2563
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2563
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1z['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1z['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1z['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1z['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2564
2564
|
displayContent,
|
|
2565
2565
|
displayIcon))));
|
|
2566
2566
|
};
|
|
@@ -2611,7 +2611,7 @@ var createPagination = function (_a) {
|
|
|
2611
2611
|
};
|
|
2612
2612
|
};
|
|
2613
2613
|
|
|
2614
|
-
var styles$
|
|
2614
|
+
var styles$1y = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2615
2615
|
|
|
2616
2616
|
var Pagination = function (_a) {
|
|
2617
2617
|
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;
|
|
@@ -2630,16 +2630,16 @@ var Pagination = function (_a) {
|
|
|
2630
2630
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2631
2631
|
if (total <= pageSize)
|
|
2632
2632
|
return React.createElement(Fragment, null);
|
|
2633
|
-
return (React.createElement("div", { className: styles$
|
|
2633
|
+
return (React.createElement("div", { className: styles$1y['magneto-ui-pagination'] },
|
|
2634
2634
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2635
2635
|
React.createElement("ul", null,
|
|
2636
2636
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2637
2637
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2638
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2638
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1y['magneto-ui-pagination_ellipsis'] }))),
|
|
2639
2639
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2640
2640
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2641
2641
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2642
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2642
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1y['magneto-ui-pagination_ellipsis'] }),
|
|
2643
2643
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2644
2644
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2645
2645
|
};
|
|
@@ -2659,9 +2659,9 @@ var generateID = function () {
|
|
|
2659
2659
|
return uniqueID;
|
|
2660
2660
|
};
|
|
2661
2661
|
|
|
2662
|
-
var styles$
|
|
2662
|
+
var styles$1x = {"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"};
|
|
2663
2663
|
|
|
2664
|
-
var Component$
|
|
2664
|
+
var Component$1K = function (_a) {
|
|
2665
2665
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2666
2666
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2667
2667
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2689,19 +2689,19 @@ var Component$1F = function (_a) {
|
|
|
2689
2689
|
}
|
|
2690
2690
|
return { backgroundColor: '#c4c4c4' };
|
|
2691
2691
|
}, [color, score, spanHover]);
|
|
2692
|
-
return (React.createElement("div", { className: styles$
|
|
2692
|
+
return (React.createElement("div", { className: styles$1x['magneto-ui-score-level'] },
|
|
2693
2693
|
React.createElement("p", null, name),
|
|
2694
|
-
React.createElement("div", { className: styles$
|
|
2694
|
+
React.createElement("div", { className: styles$1x['magneto-ui-score-level__summary'] },
|
|
2695
2695
|
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); } })); })),
|
|
2696
2696
|
React.createElement("p", null, labelScore)),
|
|
2697
|
-
React.createElement("button", { className: styles$
|
|
2697
|
+
React.createElement("button", { className: styles$1x['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2698
2698
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2699
2699
|
};
|
|
2700
|
-
var ScoreLevel = Component$
|
|
2700
|
+
var ScoreLevel = Component$1K;
|
|
2701
2701
|
|
|
2702
|
-
var styles$
|
|
2702
|
+
var styles$1w = {"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"};
|
|
2703
2703
|
|
|
2704
|
-
var Component$
|
|
2704
|
+
var Component$1J = function (_a) {
|
|
2705
2705
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2706
2706
|
var labelScore = useMemo(function () {
|
|
2707
2707
|
return levels[scoreValue - 1];
|
|
@@ -2716,17 +2716,17 @@ var Component$1E = function (_a) {
|
|
|
2716
2716
|
}
|
|
2717
2717
|
return { backgroundColor: '#c4c4c4' };
|
|
2718
2718
|
}, [color, scoreValue]);
|
|
2719
|
-
return (React.createElement("div", { className: styles$
|
|
2719
|
+
return (React.createElement("div", { className: styles$1w['magneto-ui-score-level'] },
|
|
2720
2720
|
React.createElement("p", null, name),
|
|
2721
|
-
React.createElement("div", { className: styles$
|
|
2721
|
+
React.createElement("div", { className: styles$1w['magneto-ui-score-level__summary'] },
|
|
2722
2722
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2723
2723
|
React.createElement("p", null, labelScore))));
|
|
2724
2724
|
};
|
|
2725
|
-
var ScoreLevelStatic = Component$
|
|
2725
|
+
var ScoreLevelStatic = Component$1J;
|
|
2726
2726
|
|
|
2727
|
-
var styles$
|
|
2727
|
+
var styles$1v = {"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"};
|
|
2728
2728
|
|
|
2729
|
-
var Component$
|
|
2729
|
+
var Component$1I = function (_a) {
|
|
2730
2730
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2731
2731
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2732
2732
|
useEffect(function () {
|
|
@@ -2742,32 +2742,32 @@ var Component$1D = function (_a) {
|
|
|
2742
2742
|
setSearchValue('');
|
|
2743
2743
|
onSearch('');
|
|
2744
2744
|
};
|
|
2745
|
-
return (React.createElement("div", { className: styles$
|
|
2745
|
+
return (React.createElement("div", { className: styles$1v.SearchbarComponent },
|
|
2746
2746
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2747
2747
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2748
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2749
|
-
React.createElement("div", { className: styles$
|
|
2748
|
+
searchValue && React.createElement("div", { className: styles$1v['SearchbarComponent__badge'] }),
|
|
2749
|
+
React.createElement("div", { className: styles$1v['magneto-ui-searchbar-buttons'] },
|
|
2750
2750
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2751
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2751
|
+
React.createElement(MainButton, __assign({ className: styles$1v['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2752
2752
|
React.createElement("span", null, "|"))),
|
|
2753
2753
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2754
2754
|
};
|
|
2755
2755
|
/**
|
|
2756
2756
|
* UI Molecule of a searchbar
|
|
2757
2757
|
*/
|
|
2758
|
-
var Searchbar = Component$
|
|
2758
|
+
var Searchbar = Component$1I;
|
|
2759
2759
|
|
|
2760
|
-
var styles$
|
|
2760
|
+
var styles$1u = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2761
2761
|
|
|
2762
|
-
var Component$
|
|
2762
|
+
var Component$1H = function (_a) {
|
|
2763
2763
|
var props = __rest(_a, []);
|
|
2764
|
-
return (React.createElement("div", { className: styles$
|
|
2765
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2764
|
+
return (React.createElement("div", { className: styles$1u['search-button'] },
|
|
2765
|
+
props.searchValue && React.createElement("div", { className: styles$1u['search-button__badge'] }),
|
|
2766
2766
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2767
2767
|
};
|
|
2768
|
-
var SearchButton = Component$
|
|
2768
|
+
var SearchButton = Component$1H;
|
|
2769
2769
|
|
|
2770
|
-
var styles$
|
|
2770
|
+
var styles$1t = {"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"};
|
|
2771
2771
|
|
|
2772
2772
|
var SimilarJobsCard = function (_a) {
|
|
2773
2773
|
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;
|
|
@@ -2777,12 +2777,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2777
2777
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2778
2778
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2779
2779
|
}, [cities, salary, experience]);
|
|
2780
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2781
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2780
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1t["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2781
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1t["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2782
2782
|
React.createElement("div", null,
|
|
2783
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2784
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2785
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2783
|
+
React.createElement("p", { className: "".concat(styles$1t["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2784
|
+
React.createElement("p", { className: "".concat(styles$1t["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2785
|
+
React.createElement(IconItem, { className: "".concat(styles$1t["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2786
2786
|
};
|
|
2787
2787
|
|
|
2788
2788
|
var style$C = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
|
|
@@ -2804,7 +2804,7 @@ var SortMenu = function (_a) {
|
|
|
2804
2804
|
};
|
|
2805
2805
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2806
2806
|
|
|
2807
|
-
var styles$
|
|
2807
|
+
var styles$1s = {"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"};
|
|
2808
2808
|
|
|
2809
2809
|
var TextArea = function (_a) {
|
|
2810
2810
|
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"]);
|
|
@@ -2830,15 +2830,15 @@ var TextArea = function (_a) {
|
|
|
2830
2830
|
return;
|
|
2831
2831
|
setShowPlaceholder(scrollTop === 0);
|
|
2832
2832
|
}, [showPlaceholder]);
|
|
2833
|
-
return (React.createElement("div", { className: styles$
|
|
2834
|
-
React.createElement("div", { className: styles$
|
|
2833
|
+
return (React.createElement("div", { className: styles$1s["".concat(classMUI, "-text-area")] },
|
|
2834
|
+
React.createElement("div", { className: styles$1s["".concat(classMUI, "-text-area--container")] },
|
|
2835
2835
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2836
2836
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2837
2837
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2838
|
-
}, className: styles$
|
|
2839
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2840
|
-
React.createElement("div", { className: styles$
|
|
2841
|
-
React.createElement("span", { className: styles$
|
|
2838
|
+
}, className: styles$1s["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2839
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1s["".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 }))),
|
|
2840
|
+
React.createElement("div", { className: styles$1s["".concat(classMUI, "-text-area__footer")] },
|
|
2841
|
+
React.createElement("span", { className: styles$1s["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2842
2842
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2843
2843
|
};
|
|
2844
2844
|
|
|
@@ -2849,7 +2849,7 @@ var timelineIcons = {
|
|
|
2849
2849
|
current: Clock,
|
|
2850
2850
|
blocked: Lock
|
|
2851
2851
|
};
|
|
2852
|
-
var Component$
|
|
2852
|
+
var Component$1G = function (_a) {
|
|
2853
2853
|
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;
|
|
2854
2854
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2855
2855
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2862,11 +2862,11 @@ var Component$1B = function (_a) {
|
|
|
2862
2862
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2863
2863
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2864
2864
|
};
|
|
2865
|
-
var TimelineEvent = Component$
|
|
2865
|
+
var TimelineEvent = Component$1G;
|
|
2866
2866
|
|
|
2867
|
-
var styles$
|
|
2867
|
+
var styles$1r = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2868
2868
|
|
|
2869
|
-
var Component$
|
|
2869
|
+
var Component$1F = function (_a) {
|
|
2870
2870
|
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;
|
|
2871
2871
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2872
2872
|
useEffect(function () {
|
|
@@ -2889,29 +2889,29 @@ var Component$1A = function (_a) {
|
|
|
2889
2889
|
}
|
|
2890
2890
|
return false;
|
|
2891
2891
|
};
|
|
2892
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2892
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1r['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2893
2893
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2894
2894
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2895
2895
|
})));
|
|
2896
2896
|
};
|
|
2897
|
-
var ToggleButtonList = Component$
|
|
2897
|
+
var ToggleButtonList = Component$1F;
|
|
2898
2898
|
|
|
2899
|
-
var styles$
|
|
2899
|
+
var styles$1q = {"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"};
|
|
2900
2900
|
|
|
2901
2901
|
var Tooltip = function (_a) {
|
|
2902
2902
|
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;
|
|
2903
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
2904
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2903
|
+
return (React.createElement("div", { className: "".concat(styles$1q['tooltip-container'], " ").concat(styles$1q["tooltip-".concat(position)]) },
|
|
2904
|
+
React.createElement("div", { className: "".concat(styles$1q['tooltip'], " ").concat(styles$1q["tooltip-".concat(position)]) },
|
|
2905
2905
|
children,
|
|
2906
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2906
|
+
React.createElement("span", { className: "".concat(styles$1q['tooltip-text'], " ").concat(styles$1q["tooltip-text-".concat(position)]), style: { width: width } }, title))));
|
|
2907
2907
|
};
|
|
2908
2908
|
|
|
2909
|
-
var Component$
|
|
2909
|
+
var Component$1E = function (_a) {
|
|
2910
2910
|
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;
|
|
2911
2911
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2912
2912
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2913
2913
|
};
|
|
2914
|
-
var UserMenu = withClickOut(Component$
|
|
2914
|
+
var UserMenu = withClickOut(Component$1E);
|
|
2915
2915
|
|
|
2916
2916
|
var userMenuAnalystIcons = {
|
|
2917
2917
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2925,11 +2925,11 @@ var userMenuAnalystIcons = {
|
|
|
2925
2925
|
rateUsHelp: Messages2BlackOutline
|
|
2926
2926
|
};
|
|
2927
2927
|
|
|
2928
|
-
var styles$
|
|
2928
|
+
var styles$1p = {"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"};
|
|
2929
2929
|
|
|
2930
|
-
var styles$
|
|
2930
|
+
var styles$1o = {"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"};
|
|
2931
2931
|
|
|
2932
|
-
var Component$
|
|
2932
|
+
var Component$1D = function (_a) {
|
|
2933
2933
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2934
2934
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2935
2935
|
var handleOnClick = useCallback(function () {
|
|
@@ -2943,12 +2943,12 @@ var Component$1y = function (_a) {
|
|
|
2943
2943
|
}
|
|
2944
2944
|
}, [handleModal, handleMenuOpen, option]);
|
|
2945
2945
|
return (React.createElement("span", { className: CNM.get({
|
|
2946
|
-
styles: styles$
|
|
2946
|
+
styles: styles$1o,
|
|
2947
2947
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2948
2948
|
}) },
|
|
2949
2949
|
prefix,
|
|
2950
2950
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
2951
|
-
styles: styles$
|
|
2951
|
+
styles: styles$1o,
|
|
2952
2952
|
cls: ['user-menu-analyst-option-default__container']
|
|
2953
2953
|
}), 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 }),
|
|
2954
2954
|
suffix));
|
|
@@ -2956,31 +2956,31 @@ var Component$1y = function (_a) {
|
|
|
2956
2956
|
/**
|
|
2957
2957
|
* Molecule UI great-grand child component of menu dropdown
|
|
2958
2958
|
*/
|
|
2959
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
2959
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1D);
|
|
2960
2960
|
|
|
2961
|
-
var styles$
|
|
2961
|
+
var styles$1n = {"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"};
|
|
2962
2962
|
|
|
2963
|
-
var Component$
|
|
2963
|
+
var Component$1C = function (_a) {
|
|
2964
2964
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2965
2965
|
return (React.createElement("span", { className: CNM.get({
|
|
2966
|
-
styles: styles$
|
|
2966
|
+
styles: styles$1n,
|
|
2967
2967
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2968
2968
|
}) },
|
|
2969
2969
|
prefix,
|
|
2970
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2970
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1n, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2971
2971
|
suffix));
|
|
2972
2972
|
};
|
|
2973
2973
|
/**
|
|
2974
2974
|
* Molecule UI great-grand child component of menu dropdown
|
|
2975
2975
|
*/
|
|
2976
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
2976
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1C);
|
|
2977
2977
|
|
|
2978
|
-
var styles$
|
|
2978
|
+
var styles$1m = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2979
2979
|
|
|
2980
|
-
var Component$
|
|
2980
|
+
var Component$1B = function (_a) {
|
|
2981
2981
|
var option = _a.option, className = _a.className;
|
|
2982
2982
|
return (React.createElement("span", { className: CNM.get({
|
|
2983
|
-
styles: styles$
|
|
2983
|
+
styles: styles$1m,
|
|
2984
2984
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2985
2985
|
}) },
|
|
2986
2986
|
React.createElement("p", null, option.title)));
|
|
@@ -2988,9 +2988,9 @@ var Component$1w = function (_a) {
|
|
|
2988
2988
|
/**
|
|
2989
2989
|
* Molecule UI great-grand child component of menu dropdown
|
|
2990
2990
|
*/
|
|
2991
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
2991
|
+
var UserMenuAnalystOptionText = React.memo(Component$1B);
|
|
2992
2992
|
|
|
2993
|
-
var Component$
|
|
2993
|
+
var Component$1A = function (_a) {
|
|
2994
2994
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
2995
2995
|
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" },
|
|
2996
2996
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3010,7 +3010,7 @@ var Action = function (_a) {
|
|
|
3010
3010
|
/**
|
|
3011
3011
|
* Molecule UI great-grand child component of menu dropdown
|
|
3012
3012
|
*/
|
|
3013
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
3013
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1A);
|
|
3014
3014
|
|
|
3015
3015
|
var EUserMenuAnalystOptionType;
|
|
3016
3016
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3036,28 +3036,28 @@ var optionTypes = (_b = {},
|
|
|
3036
3036
|
_b);
|
|
3037
3037
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3038
3038
|
|
|
3039
|
-
var styles$
|
|
3039
|
+
var styles$1l = {"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"};
|
|
3040
3040
|
|
|
3041
|
-
var Component$
|
|
3041
|
+
var Component$1z = function (_a) {
|
|
3042
3042
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3043
3043
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3044
3044
|
return (React.createElement("div", null,
|
|
3045
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3045
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1l, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3046
3046
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
3047
3047
|
React.createElement("span", { className: CNM.get({
|
|
3048
|
-
styles: styles$
|
|
3048
|
+
styles: styles$1l,
|
|
3049
3049
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3050
3050
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3051
3051
|
React.createElement("span", { className: CNM.get({
|
|
3052
|
-
styles: styles$
|
|
3052
|
+
styles: styles$1l,
|
|
3053
3053
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3054
3054
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3055
3055
|
};
|
|
3056
|
-
var UserMenuAnalystTitle = Component$
|
|
3056
|
+
var UserMenuAnalystTitle = Component$1z;
|
|
3057
3057
|
|
|
3058
|
-
var styles$
|
|
3058
|
+
var styles$1k = {"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"};
|
|
3059
3059
|
|
|
3060
|
-
var Component$
|
|
3060
|
+
var Component$1y = function (_a) {
|
|
3061
3061
|
var _b;
|
|
3062
3062
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3063
3063
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3083,13 +3083,13 @@ var Component$1t = function (_a) {
|
|
|
3083
3083
|
var OptionType = getOptionType(option.type);
|
|
3084
3084
|
if (!OptionType)
|
|
3085
3085
|
return null;
|
|
3086
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3087
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3086
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1k, cls: ['user-menu-analyst-option__object'] }) },
|
|
3087
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$1k, 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 }) })));
|
|
3088
3088
|
}
|
|
3089
|
-
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$
|
|
3089
|
+
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$1k, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1k, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3090
3090
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3091
3091
|
}, className: CNM.get({
|
|
3092
|
-
styles: styles$
|
|
3092
|
+
styles: styles$1k,
|
|
3093
3093
|
cls: [
|
|
3094
3094
|
'user-menu-analyst-option__dropdown',
|
|
3095
3095
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3098,8 +3098,8 @@ var Component$1t = function (_a) {
|
|
|
3098
3098
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3099
3099
|
var _a;
|
|
3100
3100
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3101
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3102
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
3101
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1k, 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 :
|
|
3102
|
+
_a.map(function (child, j) { return (React.createElement(Component$1y, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3103
3103
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3104
3104
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3105
3105
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3108,27 +3108,27 @@ var Component$1t = function (_a) {
|
|
|
3108
3108
|
/**
|
|
3109
3109
|
* Molecule UI grand child component of menu dropdown
|
|
3110
3110
|
*/
|
|
3111
|
-
var UserMenuAnalystOption = Component$
|
|
3111
|
+
var UserMenuAnalystOption = Component$1y;
|
|
3112
3112
|
|
|
3113
|
-
var Component$
|
|
3113
|
+
var Component$1x = function (_a) {
|
|
3114
3114
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3115
3115
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3116
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3116
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3117
3117
|
var _a;
|
|
3118
3118
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3119
3119
|
_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 })); }),
|
|
3120
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3120
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3121
3121
|
React.createElement(Divider, null)))));
|
|
3122
3122
|
})));
|
|
3123
3123
|
};
|
|
3124
3124
|
/**
|
|
3125
3125
|
* Molecule UI child component of user menu analyst
|
|
3126
3126
|
*/
|
|
3127
|
-
var UserMenuAnalystOptions = Component$
|
|
3127
|
+
var UserMenuAnalystOptions = Component$1x;
|
|
3128
3128
|
|
|
3129
|
-
var styles$
|
|
3129
|
+
var styles$1j = {"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"};
|
|
3130
3130
|
|
|
3131
|
-
var Component$
|
|
3131
|
+
var Component$1w = function (_a) {
|
|
3132
3132
|
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;
|
|
3133
3133
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3134
3134
|
var actionUrl = useMemo(function () {
|
|
@@ -3146,58 +3146,58 @@ var Component$1r = function (_a) {
|
|
|
3146
3146
|
: action.data;
|
|
3147
3147
|
}
|
|
3148
3148
|
}, [action, queryString]);
|
|
3149
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3150
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3151
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3149
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst'] }) },
|
|
3150
|
+
React.createElement("header", { className: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__header'] }) },
|
|
3151
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__user'] }) },
|
|
3152
3152
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3153
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3154
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3155
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3156
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3153
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__user-info'] }) },
|
|
3154
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3155
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3156
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3157
3157
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3158
|
-
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$
|
|
3158
|
+
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$1j, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3159
3159
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3160
|
-
styles: styles$
|
|
3160
|
+
styles: styles$1j,
|
|
3161
3161
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3162
3162
|
}), optionClassNames: {
|
|
3163
|
-
link: CNM.get({ styles: styles$
|
|
3164
|
-
dropdown: CNM.get({ styles: styles$
|
|
3163
|
+
link: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__company-link'] }),
|
|
3164
|
+
dropdown: CNM.get({ styles: styles$1j, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3165
3165
|
} }))),
|
|
3166
3166
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3167
3167
|
};
|
|
3168
3168
|
/**
|
|
3169
3169
|
* Molecule UI component for user menu
|
|
3170
3170
|
*/
|
|
3171
|
-
var UserMenuAnalyst = Component$
|
|
3171
|
+
var UserMenuAnalyst = Component$1w;
|
|
3172
3172
|
|
|
3173
|
-
var styles$
|
|
3173
|
+
var styles$1i = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3174
3174
|
|
|
3175
|
-
var Component$
|
|
3175
|
+
var Component$1v = function (_a) {
|
|
3176
3176
|
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;
|
|
3177
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3177
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1i, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3178
3178
|
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" },
|
|
3179
3179
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3180
3180
|
};
|
|
3181
3181
|
/**
|
|
3182
3182
|
* Molecule UI child component of user menu analyst wrapper
|
|
3183
3183
|
*/
|
|
3184
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3184
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1v);
|
|
3185
3185
|
|
|
3186
|
-
var styles$
|
|
3186
|
+
var styles$1h = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3187
3187
|
|
|
3188
|
-
var Component$
|
|
3188
|
+
var Component$1u = function (_a) {
|
|
3189
3189
|
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;
|
|
3190
3190
|
return (React.createElement(React.Fragment, null,
|
|
3191
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3191
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1h, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3192
3192
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3193
3193
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3194
3194
|
};
|
|
3195
3195
|
/**
|
|
3196
3196
|
* Molecule UI child component of user menu analyst wrapper
|
|
3197
3197
|
*/
|
|
3198
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3198
|
+
var UserMenuWrapperAnalystModal = Component$1u;
|
|
3199
3199
|
|
|
3200
|
-
var Component$
|
|
3200
|
+
var Component$1t = function (_a) {
|
|
3201
3201
|
var props = __rest(_a, []);
|
|
3202
3202
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3203
3203
|
useEffect(function () {
|
|
@@ -3219,37 +3219,99 @@ var Component$1o = function (_a) {
|
|
|
3219
3219
|
/**
|
|
3220
3220
|
* Molecule UI component for user menu wrapper analyst
|
|
3221
3221
|
*/
|
|
3222
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3222
|
+
var UserMenuWrapperAnalyst = Component$1t;
|
|
3223
3223
|
|
|
3224
|
-
var
|
|
3224
|
+
var styles$1g = {"alert-job":"mg_alert_job_status_alert-job_m2adj","alert-job__search-item":"mg_alert_job_status_alert-job_search-item_m2adj"};
|
|
3225
|
+
|
|
3226
|
+
var styles$1f = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3227
|
+
|
|
3228
|
+
var cx$v = classNames.bind(styles$1f);
|
|
3229
|
+
var AlertJobStatusContainer = function (_a) {
|
|
3230
|
+
var className = _a.className, children = _a.children;
|
|
3231
|
+
return React.createElement("div", { className: cx$v('alert-job__content', className) }, children);
|
|
3232
|
+
};
|
|
3233
|
+
|
|
3234
|
+
var styles$1e = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3235
|
+
|
|
3236
|
+
var cx$u = classNames.bind(styles$1e);
|
|
3237
|
+
var AlertJobStatusIcon = function (_a) {
|
|
3238
|
+
var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className;
|
|
3239
|
+
var customWidth = size ? { width: size + 'px' } : {};
|
|
3240
|
+
return (React.createElement("img", { style: customWidth, className: cx$u('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Warning3D, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3241
|
+
};
|
|
3242
|
+
|
|
3243
|
+
var cx$t = classNames.bind(styles$1g);
|
|
3244
|
+
var Component$1s = function (_a) {
|
|
3245
|
+
var children = _a.children, className = _a.className;
|
|
3246
|
+
return React.createElement("div", { className: cx$t('alert-job', className) }, children);
|
|
3247
|
+
};
|
|
3248
|
+
var AlertJobStatus = Object.assign(Component$1s, {
|
|
3249
|
+
Container: AlertJobStatusContainer,
|
|
3250
|
+
Icon: AlertJobStatusIcon,
|
|
3251
|
+
Text: Text$1
|
|
3252
|
+
});
|
|
3253
|
+
|
|
3254
|
+
var styles$1d = {"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"};
|
|
3255
|
+
|
|
3256
|
+
var styles$1c = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3257
|
+
|
|
3258
|
+
var cx$s = classNames.bind(styles$1c);
|
|
3259
|
+
var Component$1r = function (_a) {
|
|
3260
|
+
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3261
|
+
if (hideLogo)
|
|
3262
|
+
return null;
|
|
3263
|
+
return (React.createElement("img", { className: cx$s("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3264
|
+
};
|
|
3265
|
+
var SimilarCardLogo = Component$1r;
|
|
3266
|
+
|
|
3267
|
+
var cx$r = classNames.bind(styles$1d);
|
|
3268
|
+
var Component$1q = function (_a) {
|
|
3269
|
+
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3270
|
+
return (React.createElement(React.Fragment, null,
|
|
3271
|
+
React.createElement(IconItem, { className: cx$r('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
|
|
3272
|
+
};
|
|
3273
|
+
var SimilarCardIcon = Component$1q;
|
|
3274
|
+
|
|
3275
|
+
var cx$q = classNames.bind(styles$1d);
|
|
3276
|
+
var Component$1p = function (_a) {
|
|
3277
|
+
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3278
|
+
return (React.createElement("a", { className: cx$q("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3279
|
+
};
|
|
3280
|
+
var SimilarCard = Object.assign(Component$1p, {
|
|
3281
|
+
Text: Text$1,
|
|
3282
|
+
Logo: SimilarCardLogo,
|
|
3283
|
+
Icon: SimilarCardIcon
|
|
3284
|
+
});
|
|
3285
|
+
|
|
3286
|
+
var Component$1o = function (_a) {
|
|
3225
3287
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3226
3288
|
var component = useMemo(function () {
|
|
3227
3289
|
var _a, _b, _c;
|
|
3228
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3290
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['modal-analyst-container'] }) },
|
|
3229
3291
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3230
3292
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3231
3293
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3232
3294
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3233
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3234
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3295
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2e, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3296
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2e, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3235
3297
|
});
|
|
3236
3298
|
return container;
|
|
3237
3299
|
};
|
|
3238
3300
|
/**
|
|
3239
3301
|
* Molecule UI child component of modal analyst
|
|
3240
3302
|
*/
|
|
3241
|
-
var ModalAnalystContainer = Component$
|
|
3303
|
+
var ModalAnalystContainer = Component$1o;
|
|
3242
3304
|
|
|
3243
|
-
var Component$
|
|
3305
|
+
var Component$1n = function (_a) {
|
|
3244
3306
|
var content = _a.content;
|
|
3245
3307
|
return React.createElement("div", null, content);
|
|
3246
3308
|
};
|
|
3247
3309
|
/**
|
|
3248
3310
|
* Molecule UI child component of modal analyst
|
|
3249
3311
|
*/
|
|
3250
|
-
var ModalAnalystContent = Component$
|
|
3312
|
+
var ModalAnalystContent = Component$1n;
|
|
3251
3313
|
|
|
3252
|
-
var styles$
|
|
3314
|
+
var styles$1b = {"magneto-ui-modal-analyst-footer":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_1cd9r","magneto-ui-modal-analyst-footer--top-divider":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer--top-divider_1cd9r","magneto-ui-modal-analyst-footer__button":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button_1cd9r","magneto-ui-modal-analyst-footer__button--loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--loading_1cd9r","magneto-ui-modal-analyst-footer__button--green":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--green_1cd9r","magneto-ui-modal-analyst-footer__button--blue":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--blue_1cd9r","magneto-ui-modal-analyst-footer__button--white":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--white_1cd9r","magneto-ui-modal-analyst-footer__button--gray":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--gray_1cd9r","magneto-ui-modal-analyst-footer__button--red":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_button--red_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon-container--margin-right":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon-container--margin-right_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--active":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--active_1cd9r","magneto-ui-modal-analyst-footer__prefix-loading--empty-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-loading--empty-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon_1cd9r","magneto-ui-modal-analyst-footer__prefix-icon--inactive":"mg_modal_analyst_footer_magneto-ui-modal-analyst-footer_prefix-icon--inactive_1cd9r"};
|
|
3253
3315
|
|
|
3254
3316
|
var EModalAnalystActionType;
|
|
3255
3317
|
(function (EModalAnalystActionType) {
|
|
@@ -3274,7 +3336,7 @@ var MODAL_ICONS = {
|
|
|
3274
3336
|
closeCircle: CloseCircle
|
|
3275
3337
|
};
|
|
3276
3338
|
|
|
3277
|
-
var Component$
|
|
3339
|
+
var Component$1m = function (_a) {
|
|
3278
3340
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
3279
3341
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
3280
3342
|
var _c = useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -3312,12 +3374,12 @@ var Component$1l = function (_a) {
|
|
|
3312
3374
|
});
|
|
3313
3375
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
3314
3376
|
return (React.createElement("div", { className: CNM.get({
|
|
3315
|
-
styles: styles$
|
|
3377
|
+
styles: styles$1b,
|
|
3316
3378
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
3317
3379
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
3318
3380
|
var _a, _b, _c, _d, _e;
|
|
3319
3381
|
return (React.createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
3320
|
-
styles: styles$
|
|
3382
|
+
styles: styles$1b,
|
|
3321
3383
|
cls: [
|
|
3322
3384
|
'modal-analyst-footer__button',
|
|
3323
3385
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -3325,7 +3387,7 @@ var Component$1l = function (_a) {
|
|
|
3325
3387
|
]
|
|
3326
3388
|
}) },
|
|
3327
3389
|
React.createElement("div", { className: CNM.get({
|
|
3328
|
-
styles: styles$
|
|
3390
|
+
styles: styles$1b,
|
|
3329
3391
|
cls: [
|
|
3330
3392
|
'modal-analyst-footer__prefix-icon-container',
|
|
3331
3393
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -3333,7 +3395,7 @@ var Component$1l = function (_a) {
|
|
|
3333
3395
|
]
|
|
3334
3396
|
}) },
|
|
3335
3397
|
React.createElement("span", { className: CNM.get({
|
|
3336
|
-
styles: styles$
|
|
3398
|
+
styles: styles$1b,
|
|
3337
3399
|
cls: [
|
|
3338
3400
|
'modal-analyst-footer__prefix-loading',
|
|
3339
3401
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -3342,7 +3404,7 @@ var Component$1l = function (_a) {
|
|
|
3342
3404
|
}) },
|
|
3343
3405
|
React.createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
3344
3406
|
React.createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
3345
|
-
styles: styles$
|
|
3407
|
+
styles: styles$1b,
|
|
3346
3408
|
cls: [
|
|
3347
3409
|
'modal-analyst-footer__prefix-icon',
|
|
3348
3410
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -3357,13 +3419,13 @@ var Component$1l = function (_a) {
|
|
|
3357
3419
|
/**
|
|
3358
3420
|
* Molecule UI child component of modal analyst
|
|
3359
3421
|
*/
|
|
3360
|
-
var ModalAnalystFooter = Component$
|
|
3422
|
+
var ModalAnalystFooter = Component$1m;
|
|
3361
3423
|
|
|
3362
|
-
var styles$
|
|
3424
|
+
var styles$1a = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
3363
3425
|
|
|
3364
|
-
var Component$
|
|
3426
|
+
var Component$1l = function (_a) {
|
|
3365
3427
|
var header = _a.header;
|
|
3366
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3428
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1a, cls: ['modal-analyst-header'] }) },
|
|
3367
3429
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React.createElement(IconItem, __assign({ showDefaultFallback: false, size: 20 }, header === null || header === void 0 ? void 0 : header.prefixIcon, { icon: (header === null || header === void 0 ? void 0 : header.prefixIcon.icon) && MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3368
3430
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3369
3431
|
: header.prefixIcon.icon }))),
|
|
@@ -3375,7 +3437,7 @@ var Component$1k = function (_a) {
|
|
|
3375
3437
|
/**
|
|
3376
3438
|
* Molecule UI child component of modal analyst
|
|
3377
3439
|
*/
|
|
3378
|
-
var ModalAnalystHeader = Component$
|
|
3440
|
+
var ModalAnalystHeader = Component$1l;
|
|
3379
3441
|
|
|
3380
3442
|
var MenuButtonAnalystProps = {
|
|
3381
3443
|
buttonType: 'button',
|
|
@@ -4108,9 +4170,9 @@ var CNM = /** @class */ (function () {
|
|
|
4108
4170
|
return CNM;
|
|
4109
4171
|
}());
|
|
4110
4172
|
|
|
4111
|
-
var styles$
|
|
4173
|
+
var styles$19 = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
|
|
4112
4174
|
|
|
4113
|
-
var Component$
|
|
4175
|
+
var Component$1k = function (_a) {
|
|
4114
4176
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
4115
4177
|
var validateCompleted = useCallback(function (value) {
|
|
4116
4178
|
if (!value)
|
|
@@ -4130,27 +4192,27 @@ var Component$1j = function (_a) {
|
|
|
4130
4192
|
var _a;
|
|
4131
4193
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
4132
4194
|
}, [percent, validateCompleted]);
|
|
4133
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4134
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4195
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$19, cls: [className] }) },
|
|
4196
|
+
React.createElement("div", { className: CNM.get({ styles: styles$19, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
4135
4197
|
React.createElement("div", { className: CNM.get({
|
|
4136
|
-
styles: styles$
|
|
4198
|
+
styles: styles$19,
|
|
4137
4199
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
4138
4200
|
}) }))));
|
|
4139
4201
|
};
|
|
4140
4202
|
/**
|
|
4141
4203
|
* UI Atom component of Bar Loader
|
|
4142
4204
|
*/
|
|
4143
|
-
var BarLoader = Component$
|
|
4205
|
+
var BarLoader = Component$1k;
|
|
4144
4206
|
|
|
4145
|
-
var styles$
|
|
4207
|
+
var styles$18 = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
|
|
4146
4208
|
|
|
4147
|
-
var Component$
|
|
4209
|
+
var Component$1j = function (_a) {
|
|
4148
4210
|
var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
|
|
4149
4211
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
4150
4212
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
4151
4213
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
4152
4214
|
var haveDetailTitle = detailTitle !== '';
|
|
4153
|
-
var detailTileStyle = detailTitle ? styles$
|
|
4215
|
+
var detailTileStyle = detailTitle ? styles$18['no-transform'] : '';
|
|
4154
4216
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
4155
4217
|
// This removes the base64 from the vacancy breadcrumbs
|
|
4156
4218
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -4162,9 +4224,9 @@ var Component$1i = function (_a) {
|
|
|
4162
4224
|
"/ ",
|
|
4163
4225
|
href)));
|
|
4164
4226
|
}),
|
|
4165
|
-
React.createElement("p", { className: "".concat(styles$
|
|
4227
|
+
React.createElement("p", { className: "".concat(styles$18['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
4166
4228
|
"/ ",
|
|
4167
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
4229
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$18['magneto-ui-bc-active'] : '', " ").concat(styles$18['magneto-ui-bc']), key: i },
|
|
4168
4230
|
i > 0 && '/',
|
|
4169
4231
|
" ",
|
|
4170
4232
|
bc)); })));
|
|
@@ -4180,55 +4242,55 @@ var Component$1i = function (_a) {
|
|
|
4180
4242
|
queryParams,
|
|
4181
4243
|
lastIndexBC
|
|
4182
4244
|
]);
|
|
4183
|
-
return React.createElement("div", { className: styles$
|
|
4245
|
+
return React.createElement("div", { className: styles$18.breadcrumbComponent }, breadCrumbsRender);
|
|
4184
4246
|
};
|
|
4185
4247
|
/**
|
|
4186
4248
|
* Atom UI of breadcrumb
|
|
4187
4249
|
*/
|
|
4188
|
-
var Breadcrumb = Component$
|
|
4250
|
+
var Breadcrumb = Component$1j;
|
|
4189
4251
|
|
|
4190
|
-
var styles$
|
|
4252
|
+
var styles$17 = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
|
|
4191
4253
|
|
|
4192
|
-
var Component$
|
|
4254
|
+
var Component$1i = function (_a) {
|
|
4193
4255
|
var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
|
|
4194
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4195
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4196
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4197
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4256
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$17['magneto-ui-button'], " ").concat(addHover ? styles$17['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4257
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$17['magneto-ui-button__icon'] })),
|
|
4258
|
+
buttonText && React.createElement("p", { className: styles$17['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4259
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$17['magneto-ui-button__icon'] }))));
|
|
4198
4260
|
};
|
|
4199
4261
|
/**
|
|
4200
4262
|
* UI Atom Component of Save Button
|
|
4201
4263
|
*/
|
|
4202
|
-
var Button = Component$
|
|
4264
|
+
var Button = Component$1i;
|
|
4203
4265
|
|
|
4204
|
-
var styles$
|
|
4266
|
+
var styles$16 = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4205
4267
|
|
|
4206
4268
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4207
|
-
var Component$
|
|
4269
|
+
var Component$1h = function (_a) {
|
|
4208
4270
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4209
4271
|
var currentHigherMax = useMemo(function () {
|
|
4210
4272
|
return current > max;
|
|
4211
4273
|
}, [current, max]);
|
|
4212
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
4274
|
+
return (React.createElement("p", { className: "".concat(styles$16["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$16['error-label'] : '') },
|
|
4213
4275
|
nf.format(current),
|
|
4214
4276
|
React.createElement("span", null,
|
|
4215
4277
|
" / ",
|
|
4216
4278
|
nf.format(max))));
|
|
4217
4279
|
};
|
|
4218
|
-
var ComparativeCounter = Component$
|
|
4280
|
+
var ComparativeCounter = Component$1h;
|
|
4219
4281
|
|
|
4220
|
-
var styles$
|
|
4282
|
+
var styles$15 = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
|
|
4221
4283
|
|
|
4222
|
-
var cx$
|
|
4284
|
+
var cx$p = classNames.bind(styles$15);
|
|
4223
4285
|
var defaultCheck = function (_a) {
|
|
4224
4286
|
var type = _a.type, checked = _a.checked;
|
|
4225
4287
|
if (type === 'background')
|
|
4226
4288
|
return;
|
|
4227
|
-
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$
|
|
4289
|
+
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$p('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
|
|
4228
4290
|
};
|
|
4229
|
-
var Component$
|
|
4291
|
+
var Component$1g = function (_a) {
|
|
4230
4292
|
var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
|
|
4231
|
-
return (React.createElement("label", { className: cx$
|
|
4293
|
+
return (React.createElement("label", { className: cx$p('checkbox', "checkbox--".concat(display), className, {
|
|
4232
4294
|
'checkbox--checked': checked,
|
|
4233
4295
|
'checkbox--background': type === 'background'
|
|
4234
4296
|
}), "data-name": "checkbox-container", htmlFor: id },
|
|
@@ -4239,7 +4301,7 @@ var Component$1f = function (_a) {
|
|
|
4239
4301
|
}, type: "checkbox", id: id }, rest)),
|
|
4240
4302
|
children));
|
|
4241
4303
|
};
|
|
4242
|
-
var Checkbox = Component$
|
|
4304
|
+
var Checkbox = Component$1g;
|
|
4243
4305
|
|
|
4244
4306
|
var DateArray = /** @class */ (function () {
|
|
4245
4307
|
function DateArray(array) {
|
|
@@ -4294,7 +4356,7 @@ var fixArrayDate = function (array) {
|
|
|
4294
4356
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4295
4357
|
};
|
|
4296
4358
|
|
|
4297
|
-
var styles$
|
|
4359
|
+
var styles$14 = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
|
|
4298
4360
|
|
|
4299
4361
|
// placeholder to every input.
|
|
4300
4362
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4302,7 +4364,7 @@ var stringArraytoDate = function (array) {
|
|
|
4302
4364
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4303
4365
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4304
4366
|
};
|
|
4305
|
-
var Component$
|
|
4367
|
+
var Component$1f = function (_a) {
|
|
4306
4368
|
var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
|
|
4307
4369
|
// Represent the value of every input field (there are 8 in total).
|
|
4308
4370
|
var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4405,30 +4467,30 @@ var Component$1e = function (_a) {
|
|
|
4405
4467
|
}
|
|
4406
4468
|
}, []);
|
|
4407
4469
|
return (React.createElement("div", { className: [
|
|
4408
|
-
styles$
|
|
4470
|
+
styles$14['date-input'],
|
|
4409
4471
|
className,
|
|
4410
|
-
fit ? styles$
|
|
4411
|
-
hasError ? styles$
|
|
4472
|
+
fit ? styles$14['date-input--fit'] : '',
|
|
4473
|
+
hasError ? styles$14['date-input--error'] : ''
|
|
4412
4474
|
].join(' ') },
|
|
4413
|
-
React.createElement("div", { className: styles$
|
|
4475
|
+
React.createElement("div", { className: styles$14['date-input__left'], onClick: function () {
|
|
4414
4476
|
var _a;
|
|
4415
4477
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4416
4478
|
} }),
|
|
4417
4479
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
4418
4480
|
[2, 4].includes(index) ? (
|
|
4419
4481
|
// include / separator in date (DD / MM / YYYY)
|
|
4420
|
-
React.createElement("span", { className: [styles$
|
|
4421
|
-
React.createElement("input", { className: styles$
|
|
4422
|
-
React.createElement("div", { className: styles$
|
|
4482
|
+
React.createElement("span", { className: [styles$14['date-input__separator'], value ? styles$14['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4483
|
+
React.createElement("input", { className: styles$14['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
|
|
4484
|
+
React.createElement("div", { className: styles$14['date-input__right'], onClick: function () {
|
|
4423
4485
|
var _a;
|
|
4424
4486
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4425
4487
|
} })));
|
|
4426
4488
|
};
|
|
4427
|
-
var DateInput = Component$
|
|
4489
|
+
var DateInput = Component$1f;
|
|
4428
4490
|
|
|
4429
4491
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4430
4492
|
|
|
4431
|
-
var Component$
|
|
4493
|
+
var Component$1e = function (_a) {
|
|
4432
4494
|
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4433
4495
|
var inlineStyle = direction == 'HORIZONTAL' ? { width: 'calc(100% - 10px)', height: 1 } : { width: 1 };
|
|
4434
4496
|
return React.createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
@@ -4436,23 +4498,23 @@ var Component$1d = function (_a) {
|
|
|
4436
4498
|
/**
|
|
4437
4499
|
* Atom UI Divider Component
|
|
4438
4500
|
*/
|
|
4439
|
-
var Divider = Component$
|
|
4501
|
+
var Divider = Component$1e;
|
|
4440
4502
|
|
|
4441
|
-
var styles$
|
|
4503
|
+
var styles$13 = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
4442
4504
|
|
|
4443
|
-
var Component$
|
|
4505
|
+
var Component$1d = function (_a) {
|
|
4444
4506
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
4445
4507
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4446
|
-
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$
|
|
4447
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
4448
|
-
React.createElement("p", { className: styles$
|
|
4449
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
4450
|
-
React.createElement("p", { className: styles$
|
|
4508
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$13.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4509
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$13['headerTabComponent__count'] }),
|
|
4510
|
+
React.createElement("p", { className: styles$13['headerTabComponent__text'] }, tabText))) : (React.createElement("a", { className: styles$13.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4511
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$13['headerTabComponent__count'] }),
|
|
4512
|
+
React.createElement("p", { className: styles$13['headerTabComponent__text'] }, tabText)))));
|
|
4451
4513
|
};
|
|
4452
4514
|
/**
|
|
4453
4515
|
* UI Atom component for HeaderTab
|
|
4454
4516
|
*/
|
|
4455
|
-
var HeaderTab = Component$
|
|
4517
|
+
var HeaderTab = Component$1d;
|
|
4456
4518
|
|
|
4457
4519
|
var style$z = {"magneto-ui-container":"mg_input_search_magneto-ui-container_171v5","magneto-ui-container__input-search":"mg_input_search_magneto-ui-container_input-search_171v5","magneto-ui-container__input-search--btn":"mg_input_search_magneto-ui-container_input-search--btn_171v5","magneto-ui-container__input-search--icon":"mg_input_search_magneto-ui-container_input-search--icon_171v5"};
|
|
4458
4520
|
|
|
@@ -4471,94 +4533,94 @@ var InputSearch = function (_a) {
|
|
|
4471
4533
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4472
4534
|
};
|
|
4473
4535
|
|
|
4474
|
-
var styles
|
|
4536
|
+
var styles$12 = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4475
4537
|
|
|
4476
|
-
var Component$
|
|
4538
|
+
var Component$1c = function (_a) {
|
|
4477
4539
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4478
4540
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4479
|
-
return (React.createElement("div", { className: styles
|
|
4541
|
+
return (React.createElement("div", { className: styles$12['magneto-ui-job-company-logo'] },
|
|
4480
4542
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4481
4543
|
}
|
|
4482
|
-
return React.createElement("div", { className: styles
|
|
4544
|
+
return React.createElement("div", { className: styles$12['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4483
4545
|
};
|
|
4484
4546
|
/**
|
|
4485
4547
|
* UI Atom component of Company Logo
|
|
4486
4548
|
*/
|
|
4487
|
-
var JobCompanyLogo = Component$
|
|
4549
|
+
var JobCompanyLogo = Component$1c;
|
|
4488
4550
|
|
|
4489
|
-
var styles$
|
|
4551
|
+
var styles$11 = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
|
|
4490
4552
|
|
|
4491
|
-
var Component$
|
|
4553
|
+
var Component$1b = function (_a) {
|
|
4492
4554
|
var title = _a.title, styles = _a.styles;
|
|
4493
4555
|
return React.createElement("h1", { className: styles }, title && title);
|
|
4494
4556
|
};
|
|
4495
4557
|
/**
|
|
4496
4558
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4497
4559
|
*/
|
|
4498
|
-
var MainTitleJobDetails = Component$
|
|
4560
|
+
var MainTitleJobDetails = Component$1b;
|
|
4499
4561
|
|
|
4500
|
-
var Component$
|
|
4562
|
+
var Component$1a = function (_a) {
|
|
4501
4563
|
var title = _a.title, styles = _a.styles;
|
|
4502
4564
|
return React.createElement("p", { className: styles }, title && title);
|
|
4503
4565
|
};
|
|
4504
4566
|
/**
|
|
4505
4567
|
* UI Children P Component for JobDetailsDrawer
|
|
4506
4568
|
*/
|
|
4507
|
-
var SubTitleJobDetails = Component$
|
|
4569
|
+
var SubTitleJobDetails = Component$1a;
|
|
4508
4570
|
|
|
4509
|
-
var Component$
|
|
4571
|
+
var Component$19 = function (_a) {
|
|
4510
4572
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4511
4573
|
var showCompanyName = useMemo(function () {
|
|
4512
4574
|
if (isHidden || !offerCompanyName)
|
|
4513
4575
|
return React.createElement(Fragment, null);
|
|
4514
4576
|
if (offerCompanyLink) {
|
|
4515
|
-
return (React.createElement("a", { className: styles$
|
|
4577
|
+
return (React.createElement("a", { className: styles$11['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4516
4578
|
}
|
|
4517
|
-
return React.createElement("h2", { className: styles$
|
|
4579
|
+
return React.createElement("h2", { className: styles$11['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4518
4580
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4519
4581
|
var GenerateTitle = function () {
|
|
4520
4582
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4521
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
4522
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
4583
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$11['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4584
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$11['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4523
4585
|
};
|
|
4524
|
-
return (React.createElement("div", { className: styles$
|
|
4586
|
+
return (React.createElement("div", { className: styles$11['magneto-ui-job-header'] },
|
|
4525
4587
|
GenerateTitle(),
|
|
4526
4588
|
showCompanyName));
|
|
4527
4589
|
};
|
|
4528
4590
|
/**
|
|
4529
4591
|
* UI Atom component of Job Header
|
|
4530
4592
|
*/
|
|
4531
|
-
var JobHeader = Component$
|
|
4593
|
+
var JobHeader = Component$19;
|
|
4532
4594
|
|
|
4533
|
-
var styles$
|
|
4595
|
+
var styles$10 = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4534
4596
|
|
|
4535
|
-
var Component$
|
|
4597
|
+
var Component$18 = function (_a) {
|
|
4536
4598
|
var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
|
|
4537
4599
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4538
|
-
return (React.createElement("a", { className: styles$
|
|
4600
|
+
return (React.createElement("a", { className: styles$10.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
4539
4601
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4540
4602
|
!isMobile && React.createElement("p", null, text)));
|
|
4541
4603
|
};
|
|
4542
4604
|
/**
|
|
4543
4605
|
* Atomic UI component for Link
|
|
4544
4606
|
*/
|
|
4545
|
-
var Link = Component$
|
|
4607
|
+
var Link = Component$18;
|
|
4546
4608
|
|
|
4547
|
-
var styles
|
|
4609
|
+
var styles$$ = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4548
4610
|
|
|
4549
|
-
var Component$
|
|
4611
|
+
var Component$17 = function (_a) {
|
|
4550
4612
|
var loadingIcon = _a.loadingIcon;
|
|
4551
|
-
return (React.createElement("div", { className: styles
|
|
4613
|
+
return (React.createElement("div", { className: styles$$.loadingComponent },
|
|
4552
4614
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
4553
4615
|
};
|
|
4554
4616
|
/**
|
|
4555
4617
|
* Atom UI component of loading icon for general purpose
|
|
4556
4618
|
*/
|
|
4557
|
-
var Loading = Component$
|
|
4619
|
+
var Loading = Component$17;
|
|
4558
4620
|
|
|
4559
4621
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4560
4622
|
|
|
4561
|
-
var Component$
|
|
4623
|
+
var Component$16 = function (_a) {
|
|
4562
4624
|
var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
|
|
4563
4625
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4564
4626
|
var handleError = function () {
|
|
@@ -4570,11 +4632,11 @@ var Component$15 = function (_a) {
|
|
|
4570
4632
|
return null;
|
|
4571
4633
|
return (React.createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4572
4634
|
};
|
|
4573
|
-
var LogoComponent = Component$
|
|
4635
|
+
var LogoComponent = Component$16;
|
|
4574
4636
|
|
|
4575
|
-
var styles$
|
|
4637
|
+
var styles$_ = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4576
4638
|
|
|
4577
|
-
var Component$
|
|
4639
|
+
var Component$15 = function (_a) {
|
|
4578
4640
|
var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
|
|
4579
4641
|
var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4580
4642
|
var renderContent = function () {
|
|
@@ -4587,56 +4649,56 @@ var Component$14 = function (_a) {
|
|
|
4587
4649
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4588
4650
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
4589
4651
|
};
|
|
4590
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4652
|
+
return (React.createElement("button", { className: "".concat(styles$_.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$_.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
4591
4653
|
};
|
|
4592
4654
|
/**
|
|
4593
4655
|
* Atom UI component of button for general purpose
|
|
4594
4656
|
*/
|
|
4595
|
-
var MainButton = Component$
|
|
4657
|
+
var MainButton = Component$15;
|
|
4596
4658
|
|
|
4597
|
-
var styles$
|
|
4659
|
+
var styles$Z = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
|
|
4598
4660
|
|
|
4599
|
-
var styles$
|
|
4661
|
+
var styles$Y = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
|
|
4600
4662
|
|
|
4601
|
-
var Component$
|
|
4663
|
+
var Component$14 = function (_a) {
|
|
4602
4664
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4603
|
-
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
4604
|
-
React.createElement("p", { className: styles$
|
|
4665
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$Y['magneto-ui--search-item']), href: url },
|
|
4666
|
+
React.createElement("p", { className: styles$Y['magneto-ui--search-item__text'] }, tag),
|
|
4605
4667
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4606
4668
|
};
|
|
4607
4669
|
/**
|
|
4608
4670
|
* UI Atom component of Search Item
|
|
4609
4671
|
*/
|
|
4610
|
-
var SearchItem = Component$
|
|
4672
|
+
var SearchItem = Component$14;
|
|
4611
4673
|
|
|
4612
4674
|
var MegaMenuTab = function (_a) {
|
|
4613
4675
|
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4614
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4615
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$
|
|
4676
|
+
return (React.createElement("div", { className: "".concat(styles$Z["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$Z["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4677
|
+
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$Z["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$Z["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4616
4678
|
};
|
|
4617
4679
|
|
|
4618
|
-
var styles$
|
|
4680
|
+
var styles$X = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
|
|
4619
4681
|
|
|
4620
|
-
var Component$
|
|
4682
|
+
var Component$13 = function (_a) {
|
|
4621
4683
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4622
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4684
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$X, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4623
4685
|
React.createElement("div", { className: CNM.get({
|
|
4624
|
-
styles: styles$
|
|
4686
|
+
styles: styles$X,
|
|
4625
4687
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4626
4688
|
}) },
|
|
4627
4689
|
React.createElement("div", { className: CNM.get({
|
|
4628
|
-
styles: styles$
|
|
4690
|
+
styles: styles$X,
|
|
4629
4691
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4630
4692
|
}) }, children))));
|
|
4631
4693
|
};
|
|
4632
4694
|
/**
|
|
4633
4695
|
* Atom UI child component of menu dropdown
|
|
4634
4696
|
*/
|
|
4635
|
-
var MenuDropdownList = Component$
|
|
4697
|
+
var MenuDropdownList = Component$13;
|
|
4636
4698
|
|
|
4637
|
-
var styles$
|
|
4699
|
+
var styles$W = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
|
|
4638
4700
|
|
|
4639
|
-
var Component$
|
|
4701
|
+
var Component$12 = function (_a) {
|
|
4640
4702
|
var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
|
|
4641
4703
|
var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4642
4704
|
var toggleOptions = useCallback(function () {
|
|
@@ -4651,13 +4713,13 @@ var Component$11 = function (_a) {
|
|
|
4651
4713
|
var handleButtonClick = useCallback(function (e) {
|
|
4652
4714
|
e.stopPropagation();
|
|
4653
4715
|
}, []);
|
|
4654
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4655
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4656
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4716
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$W, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4717
|
+
React.createElement("div", { className: CNM.get({ styles: styles$W, cls: ['menu-dropdown__content'] }) },
|
|
4718
|
+
React.createElement("div", { className: CNM.get({ styles: styles$W, cls: ['menu-dropdown__container'] }) },
|
|
4657
4719
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4658
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4720
|
+
React.createElement("span", { className: CNM.get({ styles: styles$W, cls: ['menu-dropdown__title'] }) }, title),
|
|
4659
4721
|
React.createElement("div", { className: CNM.get({
|
|
4660
|
-
styles: styles$
|
|
4722
|
+
styles: styles$W,
|
|
4661
4723
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4662
4724
|
}) },
|
|
4663
4725
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4667,7 +4729,7 @@ var Component$11 = function (_a) {
|
|
|
4667
4729
|
/**
|
|
4668
4730
|
* Atom UI component of menu dropdown
|
|
4669
4731
|
*/
|
|
4670
|
-
var MenuDropdown = Component$
|
|
4732
|
+
var MenuDropdown = Component$12;
|
|
4671
4733
|
|
|
4672
4734
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4673
4735
|
|
|
@@ -4680,7 +4742,7 @@ var MenuItem = function (_a) {
|
|
|
4680
4742
|
React.createElement("p", null, text))));
|
|
4681
4743
|
};
|
|
4682
4744
|
|
|
4683
|
-
var styles$
|
|
4745
|
+
var styles$V = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
|
|
4684
4746
|
|
|
4685
4747
|
var MultiRangeSlider = function (_a) {
|
|
4686
4748
|
var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
|
|
@@ -4738,36 +4800,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4738
4800
|
var handleMouseUpValues = useCallback(function () {
|
|
4739
4801
|
onChange({ min: minVal, max: maxVal });
|
|
4740
4802
|
}, [minVal, maxVal, onChange]);
|
|
4741
|
-
return (React.createElement("div", { className: styles$
|
|
4803
|
+
return (React.createElement("div", { className: styles$V.container },
|
|
4742
4804
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4743
4805
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4744
4806
|
setMinVal(value);
|
|
4745
4807
|
event.target.value = value.toString();
|
|
4746
|
-
}, className: "\n ".concat(styles$
|
|
4808
|
+
}, className: "\n ".concat(styles$V.thumb, " \n ").concat(styles$V.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$V.zIndex_5 : '', "\n ") }),
|
|
4747
4809
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4748
4810
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4749
4811
|
setMaxVal(value);
|
|
4750
4812
|
event.target.value = value.toString();
|
|
4751
|
-
}, className: "".concat(styles$
|
|
4752
|
-
React.createElement("div", { style: { width: size }, className: styles$
|
|
4753
|
-
React.createElement("div", { className: styles$
|
|
4754
|
-
React.createElement("div", { ref: range, className: styles$
|
|
4755
|
-
showValues && (React.createElement("div", { className: styles$
|
|
4756
|
-
React.createElement("div", { className: styles$
|
|
4757
|
-
React.createElement("div", { className: styles$
|
|
4813
|
+
}, className: "".concat(styles$V.thumb, " ").concat(styles$V.zIndex_4) }),
|
|
4814
|
+
React.createElement("div", { style: { width: size }, className: styles$V.slider },
|
|
4815
|
+
React.createElement("div", { className: styles$V.track }),
|
|
4816
|
+
React.createElement("div", { ref: range, className: styles$V.range }),
|
|
4817
|
+
showValues && (React.createElement("div", { className: styles$V.values },
|
|
4818
|
+
React.createElement("div", { className: styles$V.left_value }, hasCurrency),
|
|
4819
|
+
React.createElement("div", { className: styles$V.right_value }, maxVal.toLocaleString()))))));
|
|
4758
4820
|
};
|
|
4759
4821
|
|
|
4760
|
-
var styles$
|
|
4822
|
+
var styles$U = {"content":"mg_paragraph_content_1mtnz"};
|
|
4761
4823
|
|
|
4762
|
-
var Component$
|
|
4824
|
+
var Component$11 = function (_a) {
|
|
4763
4825
|
var paragraph = _a.paragraph;
|
|
4764
|
-
return React.createElement("p", { className: styles$
|
|
4826
|
+
return React.createElement("p", { className: styles$U.content }, paragraph);
|
|
4765
4827
|
};
|
|
4766
|
-
var Paragraph = memo(Component$
|
|
4828
|
+
var Paragraph = memo(Component$11);
|
|
4767
4829
|
|
|
4768
4830
|
var style$w = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
|
|
4769
4831
|
|
|
4770
|
-
var Component
|
|
4832
|
+
var Component$10 = function (_a) {
|
|
4771
4833
|
var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
|
|
4772
4834
|
var showMenu = show ? 'show' : 'hidden';
|
|
4773
4835
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4789,7 +4851,7 @@ var Component$$ = function (_a) {
|
|
|
4789
4851
|
* Atom Ui component of popover
|
|
4790
4852
|
*
|
|
4791
4853
|
*/
|
|
4792
|
-
var Popover = Component
|
|
4854
|
+
var Popover = Component$10;
|
|
4793
4855
|
|
|
4794
4856
|
var ERadioType;
|
|
4795
4857
|
(function (ERadioType) {
|
|
@@ -4797,12 +4859,12 @@ var ERadioType;
|
|
|
4797
4859
|
ERadioType["button"] = "button";
|
|
4798
4860
|
})(ERadioType || (ERadioType = {}));
|
|
4799
4861
|
|
|
4800
|
-
var styles$
|
|
4862
|
+
var styles$T = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
|
|
4801
4863
|
|
|
4802
|
-
var Component
|
|
4864
|
+
var Component$$ = function (_a) {
|
|
4803
4865
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
|
|
4804
4866
|
return (React.createElement("label", { className: CNM.get({
|
|
4805
|
-
styles: styles$
|
|
4867
|
+
styles: styles$T,
|
|
4806
4868
|
cls: [
|
|
4807
4869
|
'radio-button',
|
|
4808
4870
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4812,34 +4874,34 @@ var Component$_ = function (_a) {
|
|
|
4812
4874
|
}), htmlFor: id },
|
|
4813
4875
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4814
4876
|
React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4815
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4877
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$T, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4816
4878
|
suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4817
4879
|
};
|
|
4818
4880
|
/**
|
|
4819
4881
|
* Atom UI component of radio button
|
|
4820
4882
|
*/
|
|
4821
|
-
var RadioButton = Component
|
|
4883
|
+
var RadioButton = Component$$;
|
|
4822
4884
|
|
|
4823
|
-
var styles$
|
|
4885
|
+
var styles$S = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
|
|
4824
4886
|
|
|
4825
|
-
var Component$
|
|
4887
|
+
var Component$_ = function (_a) {
|
|
4826
4888
|
var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
|
|
4827
|
-
return (React.createElement("label", { className: CNM.get({ styles: styles$
|
|
4889
|
+
return (React.createElement("label", { className: CNM.get({ styles: styles$S, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4828
4890
|
React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4829
4891
|
React.createElement("div", { className: CNM.get({
|
|
4830
|
-
styles: styles$
|
|
4892
|
+
styles: styles$S,
|
|
4831
4893
|
cls: [
|
|
4832
4894
|
'radio-default__indicator',
|
|
4833
4895
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4834
4896
|
indicatorClassName
|
|
4835
4897
|
]
|
|
4836
4898
|
}) }),
|
|
4837
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4899
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$S, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4838
4900
|
};
|
|
4839
4901
|
/**
|
|
4840
4902
|
* Molecule UI component for radio default
|
|
4841
4903
|
*/
|
|
4842
|
-
var RadioDefault = Component$
|
|
4904
|
+
var RadioDefault = Component$_;
|
|
4843
4905
|
|
|
4844
4906
|
var _a;
|
|
4845
4907
|
var radioTypes = (_a = {},
|
|
@@ -4848,7 +4910,7 @@ var radioTypes = (_a = {},
|
|
|
4848
4910
|
_a);
|
|
4849
4911
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4850
4912
|
|
|
4851
|
-
var Component$
|
|
4913
|
+
var Component$Z = function (_a) {
|
|
4852
4914
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4853
4915
|
var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4854
4916
|
if (!RadioType)
|
|
@@ -4858,39 +4920,39 @@ var Component$Y = function (_a) {
|
|
|
4858
4920
|
/**
|
|
4859
4921
|
* Atom UI component of radio
|
|
4860
4922
|
*/
|
|
4861
|
-
var Radio = Component$
|
|
4923
|
+
var Radio = Component$Z;
|
|
4862
4924
|
|
|
4863
|
-
var styles$
|
|
4925
|
+
var styles$R = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
|
|
4864
4926
|
|
|
4865
|
-
var Component$
|
|
4927
|
+
var Component$Y = function (_a) {
|
|
4866
4928
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4867
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$
|
|
4868
|
-
React.createElement("div", { className: styles$
|
|
4929
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$R['magneto-ui-save-button'], " ").concat(addHover && styles$R['hover-effect']), type: "button", onClick: onClick, title: buttonTitle },
|
|
4930
|
+
React.createElement("div", { className: styles$R['button-content'] },
|
|
4869
4931
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4870
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4932
|
+
buttonText && React.createElement("p", { className: styles$R['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4871
4933
|
};
|
|
4872
4934
|
/**
|
|
4873
4935
|
* UI Atom Component of Save Button
|
|
4874
4936
|
*/
|
|
4875
|
-
var SaveButton = Component$
|
|
4937
|
+
var SaveButton = Component$Y;
|
|
4876
4938
|
|
|
4877
|
-
var styles$
|
|
4939
|
+
var styles$Q = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
|
|
4878
4940
|
|
|
4879
|
-
var Component$
|
|
4941
|
+
var Component$X = function (_a) {
|
|
4880
4942
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4881
4943
|
var handleCopyClick = function () {
|
|
4882
4944
|
if (detailUrl) {
|
|
4883
4945
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4884
4946
|
}
|
|
4885
4947
|
};
|
|
4886
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4887
|
-
React.createElement("div", { className: styles$
|
|
4948
|
+
return (React.createElement("button", { className: "".concat(styles$Q['magneto-ui-share-button'], " ").concat(addHover && styles$Q['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4949
|
+
React.createElement("div", { className: styles$Q['button-content'] },
|
|
4888
4950
|
React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4889
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4951
|
+
buttonText && React.createElement("p", { className: styles$Q['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4890
4952
|
};
|
|
4891
|
-
var ShareButton = Component$
|
|
4953
|
+
var ShareButton = Component$X;
|
|
4892
4954
|
|
|
4893
|
-
var styles$
|
|
4955
|
+
var styles$P = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
|
|
4894
4956
|
|
|
4895
4957
|
var Switch = function (_a) {
|
|
4896
4958
|
var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
|
|
@@ -4904,10 +4966,10 @@ var Switch = function (_a) {
|
|
|
4904
4966
|
setChecked(function (state) { return !state; });
|
|
4905
4967
|
setIsActive(!isActive);
|
|
4906
4968
|
}, [isDisabled, setIsActive, isActive]);
|
|
4907
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4908
|
-
React.createElement("label", { className: styles$
|
|
4969
|
+
return (React.createElement("div", { className: "".concat(styles$P['magneto-ui-switch_container'], " ").concat(className) },
|
|
4970
|
+
React.createElement("label", { className: styles$P['magneto-ui-switch'] },
|
|
4909
4971
|
React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4910
|
-
React.createElement("span", { className: "".concat(styles$
|
|
4972
|
+
React.createElement("span", { className: "".concat(styles$P['magneto-ui-slider'], " ").concat(styles$P['magneto-ui-round']) })),
|
|
4911
4973
|
title && React.createElement("p", null, title)));
|
|
4912
4974
|
};
|
|
4913
4975
|
|
|
@@ -4920,9 +4982,9 @@ var Tags = function (_a) {
|
|
|
4920
4982
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4921
4983
|
};
|
|
4922
4984
|
|
|
4923
|
-
var styles$
|
|
4985
|
+
var styles$O = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
|
|
4924
4986
|
|
|
4925
|
-
var Component$
|
|
4987
|
+
var Component$W = function (_a) {
|
|
4926
4988
|
var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
|
|
4927
4989
|
var isColorDark = function (color) {
|
|
4928
4990
|
var hex = color.replace('#', '');
|
|
@@ -4953,20 +5015,20 @@ var Component$V = function (_a) {
|
|
|
4953
5015
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
4954
5016
|
};
|
|
4955
5017
|
}, [baseColor, color, currentSelect]);
|
|
4956
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4957
|
-
customIcon && (React.createElement("img", { className: "".concat(styles$
|
|
5018
|
+
return (React.createElement("button", { className: "".concat(styles$O["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$O['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
5019
|
+
customIcon && (React.createElement("img", { className: "".concat(styles$O["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$O['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
4958
5020
|
name));
|
|
4959
5021
|
};
|
|
4960
|
-
var ToggleButton = Component$
|
|
5022
|
+
var ToggleButton = Component$W;
|
|
4961
5023
|
|
|
4962
|
-
var styles$
|
|
5024
|
+
var styles$N = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
4963
5025
|
|
|
4964
|
-
var Component$
|
|
5026
|
+
var Component$V = function (_a) {
|
|
4965
5027
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
4966
5028
|
var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
4967
5029
|
sm: null
|
|
4968
5030
|
});
|
|
4969
|
-
return (React.createElement("button", { className: CNM.get({ styles: styles$
|
|
5031
|
+
return (React.createElement("button", { className: CNM.get({ styles: styles$N, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
4970
5032
|
React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
4971
5033
|
userInfo,
|
|
4972
5034
|
React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -4974,7 +5036,7 @@ var Component$U = function (_a) {
|
|
|
4974
5036
|
/**
|
|
4975
5037
|
* Atom UI component of user menu button analyst
|
|
4976
5038
|
*/
|
|
4977
|
-
var UserMenuButtonAnalyst = Component$
|
|
5039
|
+
var UserMenuButtonAnalyst = Component$V;
|
|
4978
5040
|
|
|
4979
5041
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
4980
5042
|
|
|
@@ -5002,7 +5064,7 @@ var BrandMenu = function (_a) {
|
|
|
5002
5064
|
|
|
5003
5065
|
var style$t = {};
|
|
5004
5066
|
|
|
5005
|
-
var Component$
|
|
5067
|
+
var Component$U = function (_a) {
|
|
5006
5068
|
var datePickerProps = _a.datePickerProps, mobileDatePickerProps = _a.mobileDatePickerProps, onChange = _a.onChange, value = _a.value;
|
|
5007
5069
|
var handleChange = onChange !== null && onChange !== void 0 ? onChange : (function () { return null; });
|
|
5008
5070
|
var DatePickerComponent = useMediaQuery(React.createElement(DatePicker, __assign({}, datePickerProps, { onChange: handleChange, value: value })), {
|
|
@@ -5010,11 +5072,11 @@ var Component$T = function (_a) {
|
|
|
5010
5072
|
});
|
|
5011
5073
|
return React.createElement("div", { className: style$t["".concat(classMUI)] }, DatePickerComponent);
|
|
5012
5074
|
};
|
|
5013
|
-
var DatePickerResponsiveComponent = Component$
|
|
5075
|
+
var DatePickerResponsiveComponent = Component$U;
|
|
5014
5076
|
|
|
5015
5077
|
var style$s = {"magneto-ui-drawer-menu":"mg_drawer_menu_magneto-ui-drawer-menu_g50kt","menu-container":"mg_drawer_menu_menu-container_g50kt","actionsContainer":"mg_drawer_menu_actionsContainer_g50kt"};
|
|
5016
5078
|
|
|
5017
|
-
var Component$
|
|
5079
|
+
var Component$T = function (_a) {
|
|
5018
5080
|
var headerDrawerProps = _a.headerDrawerProps, listMenuProps = _a.listMenuProps, createAccountButton = _a.createAccountButton, loginButton = _a.loginButton, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, onClose = _a.onClose;
|
|
5019
5081
|
var buttonTextSignUp = createAccountButton.buttonText, onSignUpClick = createAccountButton.onClick, loadingState = createAccountButton.loadingState;
|
|
5020
5082
|
var buttonTextLogin = loginButton.buttonText, onLogInClick = loginButton.onClick;
|
|
@@ -5033,9 +5095,9 @@ var Component$S = function (_a) {
|
|
|
5033
5095
|
React.createElement(MainButton, __assign({ buttonSize: "full" }, LoginButton, { buttonText: buttonTextLogin, onClick: onLogInClick })),
|
|
5034
5096
|
React.createElement(ListIconLink, { listIcon: ListIcon, size: 34, spacing: 20 })))));
|
|
5035
5097
|
};
|
|
5036
|
-
var DrawerMenu = Component$
|
|
5098
|
+
var DrawerMenu = Component$T;
|
|
5037
5099
|
|
|
5038
|
-
var styles$
|
|
5100
|
+
var styles$M = {"magneto-ui-filter-card":"mg_filter_card_magneto-ui-filter-card_1ex6b","magneto-ui-filter-card_header":"mg_filter_card_magneto-ui-filter-card_header_1ex6b","magneto-ui-filter-card_options":"mg_filter_card_magneto-ui-filter-card_options_1ex6b","hasSearch":"mg_filter_card_hasSearch_1ex6b"};
|
|
5039
5101
|
|
|
5040
5102
|
var FilterCard = function (_a) {
|
|
5041
5103
|
var label = _a.label, values = _a.values, renderType = _a.renderType, _b = _a.searchPlaceholder, searchPlaceholder = _b === void 0 ? '' : _b, _c = _a.switchText, switchText = _c === void 0 ? '' : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["label", "values", "renderType", "searchPlaceholder", "switchText", "setIsApplied"]);
|
|
@@ -5055,18 +5117,18 @@ var FilterCard = function (_a) {
|
|
|
5055
5117
|
}, [values, setOptions]);
|
|
5056
5118
|
if (!values.length)
|
|
5057
5119
|
return React.createElement(Fragment, null);
|
|
5058
|
-
return (React.createElement("article", { className: "".concat(styles$
|
|
5059
|
-
React.createElement("div", { className: styles$
|
|
5120
|
+
return (React.createElement("article", { className: "".concat(styles$M['magneto-ui-filter-card'], " ").concat(hasSearch && styles$M.hasSearch) },
|
|
5121
|
+
React.createElement("div", { className: styles$M['magneto-ui-filter-card_header'] },
|
|
5060
5122
|
React.createElement("p", null, label),
|
|
5061
5123
|
switchText && (React.createElement(Switch, { title: switchText, setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true }))),
|
|
5062
5124
|
hasSearch && (React.createElement(FilterSearchItem, { loading: props.loading, placeholder: searchPlaceholder, handleSearch: handleSearch })),
|
|
5063
|
-
React.createElement("div", { className: styles$
|
|
5125
|
+
React.createElement("div", { className: styles$M['magneto-ui-filter-card_options'] }, options.map(function (opt, key) {
|
|
5064
5126
|
var optProps = __assign(__assign(__assign({}, props), opt), { hasTotal: hasTotal, setIsApplied: setIsApplied, type: props.type });
|
|
5065
5127
|
return React.createElement(FilterMenuItem, __assign({ key: "".concat(key, "-").concat(opt.label) }, optProps));
|
|
5066
5128
|
}))));
|
|
5067
5129
|
};
|
|
5068
5130
|
|
|
5069
|
-
var styles$
|
|
5131
|
+
var styles$L = {"magneto-ui-filter-header":"mg_filter_header_magneto-ui-filter-header_c34vr","magneto-ui-filter-header_title":"mg_filter_header_magneto-ui-filter-header_title_c34vr","magneto-ui-filter-header_clean":"mg_filter_header_magneto-ui-filter-header_clean_c34vr","magneto-ui-filter-header_btn":"mg_filter_header_magneto-ui-filter-header_btn_c34vr","magneto-ui-filter-header_switch":"mg_filter_header_magneto-ui-filter-header_switch_c34vr","magneto-ui-filter-header_summary":"mg_filter_header_magneto-ui-filter-header_summary_c34vr","disabled":"mg_filter_header_disabled_c34vr"};
|
|
5070
5132
|
|
|
5071
5133
|
var FilterHeader = function (_a) {
|
|
5072
5134
|
var title = _a.title, buttonText = _a.buttonText, filterSummary = _a.filterSummary, totalApplied = _a.totalApplied, clearFilters = _a.clearFilters, switchText = _a.switchText;
|
|
@@ -5075,28 +5137,28 @@ var FilterHeader = function (_a) {
|
|
|
5075
5137
|
buttonText: buttonText,
|
|
5076
5138
|
title: buttonText,
|
|
5077
5139
|
iconProps: { icon: Broom, size: 18 },
|
|
5078
|
-
className: styles$
|
|
5140
|
+
className: styles$L['magneto-ui-filter-header_btn'],
|
|
5079
5141
|
disabled: !totalApplied,
|
|
5080
5142
|
onClick: function () { return clearFilters(); }
|
|
5081
5143
|
};
|
|
5082
5144
|
}, [buttonText, totalApplied, clearFilters]);
|
|
5083
5145
|
var displayBtnClear = useMemo(function () {
|
|
5084
|
-
return (React.createElement("div", { className: styles$
|
|
5146
|
+
return (React.createElement("div", { className: styles$L['magneto-ui-filter-header_clean'] },
|
|
5085
5147
|
React.createElement(MainButton, __assign({}, mainBtnProps)),
|
|
5086
|
-
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$
|
|
5148
|
+
typeof totalApplied === 'number' && (React.createElement("span", { className: !totalApplied ? styles$L.disabled : '' }, "(".concat(totalApplied, ")")))));
|
|
5087
5149
|
}, [totalApplied, mainBtnProps]);
|
|
5088
5150
|
var displayFilterSummary = useMemo(function () {
|
|
5089
|
-
return React.createElement("span", { className: styles$
|
|
5151
|
+
return React.createElement("span", { className: styles$L['magneto-ui-filter-header_summary'] }, filterSummary);
|
|
5090
5152
|
}, [filterSummary]);
|
|
5091
|
-
return (React.createElement("article", { className: styles$
|
|
5092
|
-
React.createElement("div", { className: styles$
|
|
5153
|
+
return (React.createElement("article", { className: styles$L['magneto-ui-filter-header'] },
|
|
5154
|
+
React.createElement("div", { className: styles$L['magneto-ui-filter-header_title'] },
|
|
5093
5155
|
React.createElement("p", null, title),
|
|
5094
5156
|
displayBtnClear),
|
|
5095
5157
|
switchText && (React.createElement(Switch
|
|
5096
5158
|
//TODO: review isActive, setIsActive
|
|
5097
5159
|
, {
|
|
5098
5160
|
//TODO: review isActive, setIsActive
|
|
5099
|
-
title: switchText, className: styles$
|
|
5161
|
+
title: switchText, className: styles$L['magneto-ui-filter-header_switch'], setIsActive: function (value) { return console.log('Change isActive', value); }, isActive: true })),
|
|
5100
5162
|
displayFilterSummary));
|
|
5101
5163
|
};
|
|
5102
5164
|
|
|
@@ -5156,9 +5218,9 @@ var FooterMenuLinks = function (_a) {
|
|
|
5156
5218
|
return React.createElement(React.Fragment, null, footerMenuResponsive);
|
|
5157
5219
|
};
|
|
5158
5220
|
|
|
5159
|
-
var styles$
|
|
5221
|
+
var styles$K = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header-analyst_1f13w","magneto-ui-header-analyst__container":"mg_header_analyst_magneto-ui-header-analyst_container_1f13w","magneto-ui-header-analyst__main-menu":"mg_header_analyst_magneto-ui-header-analyst_main-menu_1f13w","magneto-ui-header-analyst__user-menu":"mg_header_analyst_magneto-ui-header-analyst_user-menu_1f13w"};
|
|
5160
5222
|
|
|
5161
|
-
var Component$
|
|
5223
|
+
var Component$S = function (_a) {
|
|
5162
5224
|
var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
|
|
5163
5225
|
var headerLogo = useMediaQuery(React.createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
|
|
5164
5226
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
|
|
@@ -5168,26 +5230,26 @@ var Component$R = function (_a) {
|
|
|
5168
5230
|
var headerBreadCrumb = useMediaQuery(breadCrumbProps && React.createElement(Breadcrumbs, __assign({}, breadCrumbProps)), {
|
|
5169
5231
|
sm: null
|
|
5170
5232
|
});
|
|
5171
|
-
return (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
5172
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5173
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5233
|
+
return (React.createElement("header", { className: CNM.get({ styles: styles$K, cls: ['header-analyst', className] }) },
|
|
5234
|
+
React.createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__container'] }) },
|
|
5235
|
+
React.createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__main-menu'] }) },
|
|
5174
5236
|
React.createElement(MainButton, __assign({ onClick: onMainMenuClick }, MenuButtonAnalystProps)),
|
|
5175
5237
|
headerLogo),
|
|
5176
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5238
|
+
React.createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__user-menu'] }) },
|
|
5177
5239
|
userNotificationProps && React.createElement(Link, __assign({ iconProps: { icon: Notification, size: 20 } }, userNotificationProps)),
|
|
5178
5240
|
React.createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
|
|
5179
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
5241
|
+
React.createElement("div", { className: CNM.get({ styles: styles$K, cls: ['header-analyst__container'] }) }, headerBreadCrumb)));
|
|
5180
5242
|
};
|
|
5181
5243
|
/**
|
|
5182
5244
|
* Organism UI component of header analyst
|
|
5183
5245
|
*/
|
|
5184
|
-
var HeaderAnalyst = Component$
|
|
5246
|
+
var HeaderAnalyst = Component$S;
|
|
5185
5247
|
|
|
5186
|
-
var styles$
|
|
5248
|
+
var styles$J = {"JobDetailsDrawerComponent":"mg_job_details_drawer_JobDetailsDrawerComponent_ocg3g","JobHeaderCardWrapper":"mg_job_details_drawer_JobHeaderCardWrapper_ocg3g","JobBodyCardWrapper":"mg_job_details_drawer_JobBodyCardWrapper_ocg3g"};
|
|
5187
5249
|
|
|
5188
5250
|
var style$o = {"magneto-ui-job-detail-skeleton":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_em1pm","magneto-ui-job-detail-skeleton__section":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_section_em1pm","magneto-ui-job-detail-skeleton__header":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_em1pm","magneto-ui-job-detail-skeleton__header_title":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_title_em1pm","magneto-ui-job-detail-skeleton__header_btn":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_btn_em1pm","magneto-ui-job-detail-skeleton__header_card":"mg_job_details_skeleton_magneto-ui-job-detail-skeleton_header_card_em1pm","skeleton":"mg_job_details_skeleton_skeleton_em1pm","shimmer":"mg_job_details_skeleton_shimmer_em1pm"};
|
|
5189
5251
|
|
|
5190
|
-
var Component$
|
|
5252
|
+
var Component$R = function () {
|
|
5191
5253
|
var skeletonCard = (React.createElement("div", { className: "".concat(style$o["".concat(classMUI, "-job-detail-skeleton__section")], " ") },
|
|
5192
5254
|
React.createElement("span", { className: style$o.skeleton }),
|
|
5193
5255
|
React.createElement("span", { className: style$o.skeleton }),
|
|
@@ -5211,9 +5273,9 @@ var Component$Q = function () {
|
|
|
5211
5273
|
/**
|
|
5212
5274
|
* UI Children Skeleton Component for JobDetailsDrawer
|
|
5213
5275
|
*/
|
|
5214
|
-
var JobDetailsSkeleton = Component$
|
|
5276
|
+
var JobDetailsSkeleton = Component$R;
|
|
5215
5277
|
|
|
5216
|
-
var styles$
|
|
5278
|
+
var styles$I = {"magneto-ui-similar-jobs-section":"mg_similar_jobs_magneto-ui-similar-jobs-section_1xski","magneto-ui-similar-jobs-section__title":"mg_similar_jobs_magneto-ui-similar-jobs-section_title_1xski","magneto-ui-similar-jobs-section__link":"mg_similar_jobs_magneto-ui-similar-jobs-section_link_1xski"};
|
|
5217
5279
|
|
|
5218
5280
|
var SimilarJobs = function (_a) {
|
|
5219
5281
|
var sectionTitle = _a.sectionTitle; _a.moreJobsText; _a.moreJobsLink; var hideLogo = _a.hideLogo, similarJobsCard = _a.similarJobsCard;
|
|
@@ -5221,8 +5283,8 @@ var SimilarJobs = function (_a) {
|
|
|
5221
5283
|
var pageExists = false;
|
|
5222
5284
|
if (similarJobsCard.length <= 0)
|
|
5223
5285
|
return null;
|
|
5224
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5225
|
-
React.createElement("h3", { className: "".concat(styles$
|
|
5286
|
+
return (React.createElement("div", { className: "".concat(styles$I["".concat(classMUI, "-similar-jobs-section")]) },
|
|
5287
|
+
React.createElement("h3", { className: "".concat(styles$I["".concat(classMUI, "-similar-jobs-section__title")]) }, "".concat(sectionTitle, ":")),
|
|
5226
5288
|
similarJobsCard.map(function (_a) {
|
|
5227
5289
|
var id = _a.id, props = __rest(_a, ["id"]);
|
|
5228
5290
|
return (React.createElement(SimilarJobsCard, __assign({ key: id, hideLogo: hideLogo }, props)));
|
|
@@ -5230,7 +5292,7 @@ var SimilarJobs = function (_a) {
|
|
|
5230
5292
|
pageExists ));
|
|
5231
5293
|
};
|
|
5232
5294
|
|
|
5233
|
-
var Component$
|
|
5295
|
+
var Component$Q = function (_a) {
|
|
5234
5296
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobActionsProps = _a.jobActionsProps, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, isLoading = _a.isLoading, selectedJobId = _a.selectedJobId, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps;
|
|
5235
5297
|
var jobDetailsRef = useRef(null);
|
|
5236
5298
|
useEffect(function () {
|
|
@@ -5241,11 +5303,11 @@ var Component$P = function (_a) {
|
|
|
5241
5303
|
if (isLoading)
|
|
5242
5304
|
return React.createElement(JobDetailsSkeleton, null);
|
|
5243
5305
|
return (React.createElement(Fragment, null,
|
|
5244
|
-
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$
|
|
5245
|
-
React.createElement("div", { className: styles$
|
|
5306
|
+
jobDetailAction ? (jobDetailAction) : (React.createElement("section", { className: styles$J.JobDetailsDrawerComponent },
|
|
5307
|
+
React.createElement("div", { className: styles$J['JobHeaderCardWrapper'] },
|
|
5246
5308
|
React.createElement(JobCompanyHeader, __assign({}, jobCompanyLogoProps)),
|
|
5247
5309
|
React.createElement(JobActions, __assign({ actionsAnchorIcons: anchorIconList }, jobActionsProps))),
|
|
5248
|
-
React.createElement("div", { className: styles$
|
|
5310
|
+
React.createElement("div", { className: styles$J['JobBodyCardWrapper'], ref: jobDetailsRef },
|
|
5249
5311
|
jobDetailsProps && (React.createElement(JobDetails, { altList: altList, iconList: iconDetailList, offerDetailsList: jobDetailsProps, cities: cities, isRemote: isRemote, textRemote: textRemote })),
|
|
5250
5312
|
jobVideo && React.createElement(JobVideo, __assign({}, jobVideo, { loadVideo: loadVideo, setLoadVideo: setLoadVideo })),
|
|
5251
5313
|
React.createElement(JobDetailCard, __assign({}, jobDetailCardProps)),
|
|
@@ -5259,11 +5321,11 @@ var Component$P = function (_a) {
|
|
|
5259
5321
|
/**
|
|
5260
5322
|
* UI Organism Component for JobDetailsDrawer
|
|
5261
5323
|
*/
|
|
5262
|
-
var JobDetailsDrawer = Component$
|
|
5324
|
+
var JobDetailsDrawer = Component$Q;
|
|
5263
5325
|
|
|
5264
|
-
var styles$
|
|
5326
|
+
var styles$H = {"LoginHeaderComponent":"mg_login_header_LoginHeaderComponent_1sfpu","magneto-ui-first-row":"mg_login_header_magneto-ui-first-row_1sfpu","magneto-ui-second-row":"mg_login_header_magneto-ui-second-row_1sfpu","magneto-ui-left-section":"mg_login_header_magneto-ui-left-section_1sfpu","magneto-ui-searchbar-section":"mg_login_header_magneto-ui-searchbar-section_1sfpu","magneto-ui-user-section":"mg_login_header_magneto-ui-user-section_1sfpu","magneto-ui-third-row":"mg_login_header_magneto-ui-third-row_1sfpu"};
|
|
5265
5327
|
|
|
5266
|
-
var Component$
|
|
5328
|
+
var Component$P = function (_a) {
|
|
5267
5329
|
var onClick = _a.onClick, listMenuUserProps = _a.listMenuUserProps, breadcrumbProps = _a.breadcrumbProps, profileImage = _a.profileImage, jobsTabsProps = _a.jobsTabsProps, processTabsProps = _a.processTabsProps, curriculumTabProps = _a.curriculumTabProps, searchbar = _a.searchbar, MobileSearchbarProps = _a.MobileSearchbarProps, homeUrl = _a.homeUrl;
|
|
5268
5330
|
var _b = useState(false), showSearchBar = _b[0], setShowSearchBar = _b[1];
|
|
5269
5331
|
var _c = useState(false), toggleMobileDrawer = _c[0], setToggleMobileDrawer = _c[1];
|
|
@@ -5295,28 +5357,28 @@ var Component$O = function (_a) {
|
|
|
5295
5357
|
var loginHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5296
5358
|
md: null
|
|
5297
5359
|
});
|
|
5298
|
-
return (React.createElement("header", { className: styles$
|
|
5360
|
+
return (React.createElement("header", { className: styles$H.LoginHeaderComponent },
|
|
5299
5361
|
loginHeaderMobileSearchbar,
|
|
5300
|
-
React.createElement("div", { className: styles$
|
|
5301
|
-
React.createElement("div", { className: styles$
|
|
5302
|
-
React.createElement("div", { className: styles$
|
|
5362
|
+
React.createElement("div", { className: styles$H['magneto-ui-first-row'] }),
|
|
5363
|
+
React.createElement("div", { className: styles$H['magneto-ui-second-row'] },
|
|
5364
|
+
React.createElement("div", { className: styles$H['magneto-ui-left-section'] },
|
|
5303
5365
|
loginHeaderMenuButton,
|
|
5304
5366
|
React.createElement("a", { href: homeUrl }, loginHeaderLogo),
|
|
5305
5367
|
loginHeaderMobileSearchbarButton),
|
|
5306
|
-
React.createElement("div", { className: styles$
|
|
5307
|
-
React.createElement("div", { className: styles$
|
|
5368
|
+
React.createElement("div", { className: styles$H['magneto-ui-searchbar-section'] }, loginHeaderSearchbar),
|
|
5369
|
+
React.createElement("div", { className: styles$H['magneto-ui-user-section'] },
|
|
5308
5370
|
loginHeaderOptionTabs,
|
|
5309
5371
|
loginHeaderPopover)),
|
|
5310
|
-
React.createElement("div", { className: styles$
|
|
5372
|
+
React.createElement("div", { className: styles$H['magneto-ui-third-row'] }, loginHeaderBreadcrumbs),
|
|
5311
5373
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5312
5374
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5313
5375
|
};
|
|
5314
5376
|
/**
|
|
5315
5377
|
* UI Organism Component for LoginHeader
|
|
5316
5378
|
*/
|
|
5317
|
-
var LoginHeader = Component$
|
|
5379
|
+
var LoginHeader = Component$P;
|
|
5318
5380
|
|
|
5319
|
-
var styles$
|
|
5381
|
+
var styles$G = {"magneto-ui-login-jobs-header":"mg_login_jobs_header_magneto-ui-login-jobs-header_1mb6j","magneto-ui-login-jobs-header--second-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_1mb6j","magneto-ui-login-jobs-header--second-row__left-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--company-logo":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--company-logo_1mb6j","magneto-ui-login-jobs-header--second-row__left-section--gif":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_left-section--gif_1mb6j","magneto-ui-login-jobs-header--second-row__middle-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_middle-section_1mb6j","magneto-ui-login-jobs-header--second-row__right-section":"mg_login_jobs_header_magneto-ui-login-jobs-header--second-row_right-section_1mb6j","magneto-ui-login-jobs-header--third-row":"mg_login_jobs_header_magneto-ui-login-jobs-header--third-row_1mb6j","have-gif":"mg_login_jobs_header_have-gif_1mb6j"};
|
|
5320
5382
|
|
|
5321
5383
|
var Muiclass$3 = 'magneto-ui';
|
|
5322
5384
|
var LoginJobsHeader = function (_a) {
|
|
@@ -5326,7 +5388,7 @@ var LoginJobsHeader = function (_a) {
|
|
|
5326
5388
|
var _c = useState(false), showSearchBar = _c[0], setShowSearchBar = _c[1];
|
|
5327
5389
|
var _d = useState(false), toggleMobileDrawer = _d[0], setToggleMobileDrawer = _d[1];
|
|
5328
5390
|
var haveGif = useMemo(function () {
|
|
5329
|
-
return gif ? styles$
|
|
5391
|
+
return gif ? styles$G['have-gif'] : '';
|
|
5330
5392
|
}, [gif]);
|
|
5331
5393
|
var toggleSearchBar = function () {
|
|
5332
5394
|
setShowSearchBar(!showSearchBar);
|
|
@@ -5354,30 +5416,30 @@ var LoginJobsHeader = function (_a) {
|
|
|
5354
5416
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5355
5417
|
md: null
|
|
5356
5418
|
});
|
|
5357
|
-
return (React.createElement("header", { className: styles$
|
|
5419
|
+
return (React.createElement("header", { className: styles$G["".concat(Muiclass$3, "-login-jobs-header")] },
|
|
5358
5420
|
LogoutHeaderMobileSearchbar,
|
|
5359
|
-
React.createElement("div", { className: styles$
|
|
5360
|
-
React.createElement("div", { className: styles$
|
|
5421
|
+
React.createElement("div", { className: styles$G["".concat(Muiclass$3, "-login-jobs-header--second-row")] },
|
|
5422
|
+
React.createElement("div", { className: styles$G["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section")] },
|
|
5361
5423
|
LoginHeaderMenuButton,
|
|
5362
5424
|
React.createElement("a", { href: homeUrl },
|
|
5363
5425
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5364
5426
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5365
|
-
React.createElement("img", { className: styles$
|
|
5366
|
-
gif && (React.createElement("img", { className: styles$
|
|
5427
|
+
React.createElement("img", { className: styles$G["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5428
|
+
gif && (React.createElement("img", { className: styles$G["".concat(Muiclass$3, "-login-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5367
5429
|
LogoutHeaderMobileSearchbarButton),
|
|
5368
|
-
React.createElement("div", { className: "".concat(styles$
|
|
5369
|
-
React.createElement("div", { className: styles$
|
|
5430
|
+
React.createElement("div", { className: "".concat(styles$G["".concat(Muiclass$3, "-login-jobs-header--second-row__middle-section")], " ").concat(haveGif) }, LogoutHeaderSearchbar),
|
|
5431
|
+
React.createElement("div", { className: styles$G["".concat(Muiclass$3, "-login-jobs-header--second-row__right-section")] },
|
|
5370
5432
|
!gif && loginHeaderOptionTabs,
|
|
5371
5433
|
" ",
|
|
5372
5434
|
loginHeaderPopover)),
|
|
5373
|
-
React.createElement("div", { className: styles$
|
|
5435
|
+
React.createElement("div", { className: styles$G["".concat(Muiclass$3, "-login-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs),
|
|
5374
5436
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(false); } },
|
|
5375
5437
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)))));
|
|
5376
5438
|
};
|
|
5377
5439
|
|
|
5378
|
-
var styles$
|
|
5440
|
+
var styles$F = {"LogoutHeaderComponent":"mg_logout_header_LogoutHeaderComponent_1cj57","magneto-ui-first-row":"mg_logout_header_magneto-ui-first-row_1cj57","magneto-ui-second-row":"mg_logout_header_magneto-ui-second-row_1cj57","magneto-ui-left-section":"mg_logout_header_magneto-ui-left-section_1cj57","magneto-ui-middle-section":"mg_logout_header_magneto-ui-middle-section_1cj57","magneto-ui-right-section":"mg_logout_header_magneto-ui-right-section_1cj57","magneto-ui-third-row":"mg_logout_header_magneto-ui-third-row_1cj57"};
|
|
5379
5441
|
|
|
5380
|
-
var Component$
|
|
5442
|
+
var Component$O = function (_a) {
|
|
5381
5443
|
var leftTabButton = _a.leftTabButton, rightTabButton = _a.rightTabButton, searchbar = _a.searchbar, mobileSearchbar = _a.mobileSearchbar, signInLink = _a.signInLink, signUpButton = _a.signUpButton, breadcrumbProps = _a.breadcrumbProps, onMenuClick = _a.onMenuClick, homeUrl = _a.homeUrl, allJobsText = _a.allJobsText, allJobsLink = _a.allJobsLink, _b = _a.hasMobileSearchBarButton, hasMobileSearchBarButton = _b === void 0 ? false : _b;
|
|
5382
5444
|
var type = signInLink.type, href = signInLink.href, text = signInLink.text;
|
|
5383
5445
|
var buttonText = signUpButton.buttonText, loadingState = signUpButton.loadingState, onClick = signUpButton.onClick;
|
|
@@ -5420,29 +5482,29 @@ var Component$N = function (_a) {
|
|
|
5420
5482
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5421
5483
|
md: null
|
|
5422
5484
|
});
|
|
5423
|
-
return (React.createElement("header", { className: styles$
|
|
5485
|
+
return (React.createElement("header", { className: styles$F.LogoutHeaderComponent },
|
|
5424
5486
|
LogoutHeaderMobileSearchbar,
|
|
5425
|
-
React.createElement("div", { className: styles$
|
|
5426
|
-
React.createElement("div", { className: styles$
|
|
5427
|
-
React.createElement("div", { className: styles$
|
|
5487
|
+
React.createElement("div", { className: styles$F['magneto-ui-first-row'] }, LogoutHeaderTab),
|
|
5488
|
+
React.createElement("div", { className: styles$F['magneto-ui-second-row'] },
|
|
5489
|
+
React.createElement("div", { className: styles$F['magneto-ui-left-section'] },
|
|
5428
5490
|
LogoutHeaderMenuButton,
|
|
5429
5491
|
React.createElement("a", { href: homeUrl }, LogoutHeaderLogo),
|
|
5430
5492
|
LogoutHeaderMobileSearchbarButton),
|
|
5431
|
-
React.createElement("div", { className: styles$
|
|
5493
|
+
React.createElement("div", { className: styles$F['magneto-ui-middle-section'] },
|
|
5432
5494
|
LogoutHeaderSearchbar,
|
|
5433
5495
|
" ",
|
|
5434
5496
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5435
|
-
React.createElement("div", { className: styles$
|
|
5497
|
+
React.createElement("div", { className: styles$F['magneto-ui-right-section'] },
|
|
5436
5498
|
LogoutHeaderLinkSignIn,
|
|
5437
5499
|
LogoutHeaderButtonSignUp)),
|
|
5438
|
-
React.createElement("div", { className: styles$
|
|
5500
|
+
React.createElement("div", { className: styles$F['magneto-ui-third-row'] }, LogoutHeaderBreadcrumbs)));
|
|
5439
5501
|
};
|
|
5440
5502
|
/**
|
|
5441
5503
|
* UI Header Organisim for 1024 resolution/size
|
|
5442
5504
|
*/
|
|
5443
|
-
var LogoutHeader = Component$
|
|
5505
|
+
var LogoutHeader = Component$O;
|
|
5444
5506
|
|
|
5445
|
-
var styles$
|
|
5507
|
+
var styles$E = {"magneto-ui-logout-jobs-header":"mg_logout_jobs_header_magneto-ui-logout-jobs-header_jn6bp","magneto-ui-logout-jobs-header--second-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--company-logo":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--company-logo_jn6bp","magneto-ui-logout-jobs-header--second-row__left-section--gif":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_left-section--gif_jn6bp","magneto-ui-logout-jobs-header--second-row__middle-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_middle-section_jn6bp","magneto-ui-logout-jobs-header--second-row__right-section":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--second-row_right-section_jn6bp","magneto-ui-logout-jobs-header--third-row":"mg_logout_jobs_header_magneto-ui-logout-jobs-header--third-row_jn6bp"};
|
|
5446
5508
|
|
|
5447
5509
|
var Muiclass$2 = 'magneto-ui';
|
|
5448
5510
|
var LogoutJobsHeader = function (_a) {
|
|
@@ -5473,24 +5535,24 @@ var LogoutJobsHeader = function (_a) {
|
|
|
5473
5535
|
var LogoutHeaderBreadcrumbs = useMediaQuery(React.createElement(Breadcrumbs, { breadcrumbProps: breadcrumbProps, homeUrl: homeUrl }), {
|
|
5474
5536
|
md: null
|
|
5475
5537
|
});
|
|
5476
|
-
return (React.createElement("header", { className: styles$
|
|
5538
|
+
return (React.createElement("header", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header")] },
|
|
5477
5539
|
LogoutHeaderMobileSearchbar,
|
|
5478
|
-
React.createElement("div", { className: styles$
|
|
5479
|
-
React.createElement("div", { className: styles$
|
|
5540
|
+
React.createElement("div", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--second-row")] },
|
|
5541
|
+
React.createElement("div", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section")] },
|
|
5480
5542
|
LogoutHeaderMenuButton,
|
|
5481
5543
|
React.createElement("a", { href: homeUrl },
|
|
5482
5544
|
React.createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
5483
5545
|
brandsProps.brands && ((_b = brandsProps.brands) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (React.createElement(BrandMenu, __assign({}, brandMenuProps))) : (React.createElement("a", { href: companyUrl },
|
|
5484
|
-
React.createElement("img", { className: styles$
|
|
5485
|
-
gif && (React.createElement("img", { className: styles$
|
|
5546
|
+
React.createElement("img", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--company-logo")], src: companyLogo, alt: companySlug ? companySlug : '' }))),
|
|
5547
|
+
gif && (React.createElement("img", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--second-row__left-section--gif")], alt: companySlug ? companySlug : '', src: gif })),
|
|
5486
5548
|
LogoutHeaderMobileSearchbarButton),
|
|
5487
|
-
React.createElement("div", { className: styles$
|
|
5549
|
+
React.createElement("div", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--second-row__middle-section")] },
|
|
5488
5550
|
LogoutHeaderSearchbar,
|
|
5489
5551
|
React.createElement(SearchItem, { tag: allJobsText, url: allJobsLink })),
|
|
5490
|
-
React.createElement("div", { className: styles$
|
|
5552
|
+
React.createElement("div", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--second-row__right-section")] },
|
|
5491
5553
|
LogoutHeaderLinkSignIn,
|
|
5492
5554
|
LogoutHeaderButtonSignUp)),
|
|
5493
|
-
React.createElement("div", { className: styles$
|
|
5555
|
+
React.createElement("div", { className: styles$E["".concat(Muiclass$2, "-logout-jobs-header--third-row")] }, LogoutHeaderBreadcrumbs)));
|
|
5494
5556
|
};
|
|
5495
5557
|
|
|
5496
5558
|
var style$n = {"magneto-ui-magneto-social-media":"mg_magneto_social_media_magneto-ui-magneto-social-media_1zvjc","magneto-ui-magneto-social-media__follow-text":"mg_magneto_social_media_magneto-ui-magneto-social-media_follow-text_1zvjc","magneto-ui-magneto-social-media__app-links-container":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container_1zvjc","magneto-ui-magneto-social-media__app-links-container--img":"mg_magneto_social_media_magneto-ui-magneto-social-media_app-links-container--img_1zvjc"};
|
|
@@ -5522,28 +5584,28 @@ var MegaMenuCards = function (_a) {
|
|
|
5522
5584
|
action && (React.createElement(ButtonLink, { buttonText: action.label, href: action.url, target: '_blank', prefixIcon: ArrowRightWhite, className: "".concat(style$m["mega-menu-cards__action"]) }))));
|
|
5523
5585
|
};
|
|
5524
5586
|
|
|
5525
|
-
var styles$
|
|
5587
|
+
var styles$D = {"magneto-ui--date-options":"mg_date_options_magneto-ui--date-options_7fpt5","magneto-ui--date-options--wrapper":"mg_date_options_magneto-ui--date-options--wrapper_7fpt5","magneto-ui--date-options__btn":"mg_date_options_magneto-ui--date-options_btn_7fpt5","magneto-ui--date-options__btn-selected":"mg_date_options_magneto-ui--date-options_btn-selected_7fpt5"};
|
|
5526
5588
|
|
|
5527
|
-
var Component$
|
|
5589
|
+
var Component$N = function (_a) {
|
|
5528
5590
|
var optionsList = _a.optionsList, selected = _a.selected, handleOnClick = _a.handleOnClick;
|
|
5529
5591
|
var handleOptionClick = function (optionValue) {
|
|
5530
5592
|
handleOnClick(optionValue);
|
|
5531
5593
|
};
|
|
5532
5594
|
var parsedSelected = typeof selected === 'string' ? parseInt(selected, 10) : selected;
|
|
5533
|
-
return (React.createElement("div", { className: styles$
|
|
5534
|
-
React.createElement("ul", { className: styles$
|
|
5595
|
+
return (React.createElement("div", { className: styles$D['magneto-ui--date-options'] },
|
|
5596
|
+
React.createElement("ul", { className: styles$D['magneto-ui--date-options--wrapper'] }, optionsList.map(function (_a) {
|
|
5535
5597
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
5536
|
-
return (React.createElement("li", { className: "".concat(styles$
|
|
5598
|
+
return (React.createElement("li", { className: "".concat(styles$D['magneto-ui--date-options__btn'], " ").concat(parsedSelected === optionValue ? styles$D['magneto-ui--date-options__btn-selected'] : ''), key: optionValue, value: optionValue, onClick: function () { return handleOptionClick(optionValue); } }, optionLabel));
|
|
5537
5599
|
}))));
|
|
5538
5600
|
};
|
|
5539
5601
|
/**
|
|
5540
5602
|
* UI Atom component of Date Option
|
|
5541
5603
|
*/
|
|
5542
|
-
var DateOptions = Component$
|
|
5604
|
+
var DateOptions = Component$N;
|
|
5543
5605
|
|
|
5544
|
-
var styles$
|
|
5606
|
+
var styles$C = {"magneto-ui--date-selection":"mg_date_selection_magneto-ui--date-selection_1ttne","magneto-ui--date-selection__header":"mg_date_selection_magneto-ui--date-selection_header_1ttne","magneto-ui--date-selection__options":"mg_date_selection_magneto-ui--date-selection_options_1ttne","magneto-ui--date-selection__btn--wrapper":"mg_date_selection_magneto-ui--date-selection_btn--wrapper_1ttne","magneto-ui--date-selection__cancel-btn":"mg_date_selection_magneto-ui--date-selection_cancel-btn_1ttne","magneto-ui--date-selection__apply-btn":"mg_date_selection_magneto-ui--date-selection_apply-btn_1ttne"};
|
|
5545
5607
|
|
|
5546
|
-
var Component$
|
|
5608
|
+
var Component$M = function (_a) {
|
|
5547
5609
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, dateOptions = _a.dateOptions, disabled = _a.disabled, isOpen = _a.isOpen, onClose = _a.onClose, onApplyCallback = _a.onApplyCallback, selectionHeader = _a.selectionHeader, initialValue = _a.initialValue;
|
|
5548
5610
|
var _b = useState(initialValue), initialSelectedOption = _b[0], setInitialSelectedOption = _b[1];
|
|
5549
5611
|
var _c = useState(initialValue), selectedOption = _c[0], setSelectedOption = _c[1];
|
|
@@ -5565,23 +5627,23 @@ var Component$L = function (_a) {
|
|
|
5565
5627
|
setInitialSelectedOption(null);
|
|
5566
5628
|
}
|
|
5567
5629
|
}, [disabled]);
|
|
5568
|
-
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$
|
|
5569
|
-
React.createElement("div", { className: styles$
|
|
5630
|
+
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose, className: styles$C['magneto-ui--date-selection'] },
|
|
5631
|
+
React.createElement("div", { className: styles$C['magneto-ui--date-selection__header'] },
|
|
5570
5632
|
React.createElement("h2", null, selectionHeader)),
|
|
5571
|
-
React.createElement("div", { className: styles$
|
|
5633
|
+
React.createElement("div", { className: styles$C['magneto-ui--date-selection__options'] },
|
|
5572
5634
|
React.createElement(DateOptions, { handleOnClick: handleOptionClick, optionsList: dateOptions, selected: selectedOption })),
|
|
5573
|
-
React.createElement("div", { className: styles$
|
|
5574
|
-
React.createElement("button", { className: styles$
|
|
5575
|
-
React.createElement("button", { className: styles$
|
|
5635
|
+
React.createElement("div", { className: styles$C['magneto-ui--date-selection__btn--wrapper'] },
|
|
5636
|
+
React.createElement("button", { className: styles$C['magneto-ui--date-selection__cancel-btn'], onClick: onCancelClick }, cancelLabel),
|
|
5637
|
+
React.createElement("button", { className: styles$C['magneto-ui--date-selection__apply-btn'], onClick: onApplyClick }, applyLabel))));
|
|
5576
5638
|
};
|
|
5577
|
-
var DateSelection = Component$
|
|
5639
|
+
var DateSelection = Component$M;
|
|
5578
5640
|
|
|
5579
|
-
var styles$
|
|
5641
|
+
var styles$B = {"magneto-ui--mobile-date-picker":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_1a4uw","magneto-ui--mobile-date-picker__container":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_1a4uw","magneto-ui--mobile-date-picker__container--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container--placeholder_1a4uw","magneto-ui--mobile-date-picker__container__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon_1a4uw","magneto-ui--mobile-date-picker__container__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_1a4uw","magneto-ui--mobile-date-picker__container-value--placeholder-shrink":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value--placeholder-shrink_1a4uw","magneto-ui--mobile-date-picker__container-value__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon_1a4uw","magneto-ui--mobile-date-picker__container-value__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-value_icon--disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled_1a4uw","magneto-ui--mobile-date-picker__container-disabled--placeholder":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_container-disabled--placeholder_1a4uw","magneto-ui--mobile-date-picker__input":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_input_1a4uw","magneto-ui--mobile-date-picker__value":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_value_1a4uw","magneto-ui--mobile-date-picker__icon":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon_1a4uw","magneto-ui--mobile-date-picker__icon--disabled":"mg_mobile_date_picker_magneto-ui--mobile-date-picker_icon--disabled_1a4uw"};
|
|
5580
5642
|
|
|
5581
5643
|
var defaultValue = function (value) {
|
|
5582
5644
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
5583
5645
|
};
|
|
5584
|
-
var Component$
|
|
5646
|
+
var Component$L = function (_a) {
|
|
5585
5647
|
var applyLabel = _a.applyLabel, cancelLabel = _a.cancelLabel, disabled = _a.disabled, monthsLabels = _a.monthsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, onChange = _a.onChange, selectionMonthHeader = _a.selectionMonthHeader, selectionYearHeader = _a.selectionYearHeader, value = _a.value, futureYears = _a.futureYears, pastYears = _a.pastYears;
|
|
5586
5648
|
var mainClass = 'magneto-ui--mobile-date-picker__container';
|
|
5587
5649
|
var valueClass = '-value';
|
|
@@ -5646,41 +5708,41 @@ var Component$K = function (_a) {
|
|
|
5646
5708
|
}
|
|
5647
5709
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
5648
5710
|
}, [disabled]);
|
|
5649
|
-
return (React.createElement("section", { className: styles$
|
|
5650
|
-
React.createElement("div", { className: styles$
|
|
5651
|
-
React.createElement("div", { className: styles$
|
|
5652
|
-
React.createElement("span", { className: styles$
|
|
5653
|
-
React.createElement("p", { className: styles$
|
|
5654
|
-
React.createElement("span", { className: styles$
|
|
5711
|
+
return (React.createElement("section", { className: styles$B['magneto-ui--mobile-date-picker'] },
|
|
5712
|
+
React.createElement("div", { className: styles$B["".concat(componentClass)], onClick: toggleMonthPicker },
|
|
5713
|
+
React.createElement("div", { className: styles$B['magneto-ui--mobile-date-picker__input'] },
|
|
5714
|
+
React.createElement("span", { className: styles$B["".concat(placeholderClass)] }, monthPlaceholder),
|
|
5715
|
+
React.createElement("p", { className: styles$B['magneto-ui--mobile-date-picker__value'] }, monthSelected !== null ? getMonthName(monthSelected) : '')),
|
|
5716
|
+
React.createElement("span", { className: styles$B["".concat(iconClass)] }, disabledArrow)),
|
|
5655
5717
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: monthDateOptions, disabled: disabled, isOpen: isMonthPickerOpen, selectionHeader: selectionMonthHeader, onClose: onClose, onApplyCallback: handleMonthDateSelection, initialValue: monthSelected }),
|
|
5656
|
-
React.createElement("div", { className: styles$
|
|
5657
|
-
React.createElement("div", { className: styles$
|
|
5658
|
-
React.createElement("span", { className: styles$
|
|
5659
|
-
React.createElement("p", { className: styles$
|
|
5660
|
-
React.createElement("span", { className: styles$
|
|
5718
|
+
React.createElement("div", { className: styles$B["".concat(componentClass)], onClick: toggleYearPicker },
|
|
5719
|
+
React.createElement("div", { className: styles$B['magneto-ui--mobile-date-picker__input'] },
|
|
5720
|
+
React.createElement("span", { className: styles$B["".concat(placeholderClass)] }, yearPlaceholder),
|
|
5721
|
+
React.createElement("p", { className: styles$B['magneto-ui--mobile-date-picker__value'] }, yearSelected)),
|
|
5722
|
+
React.createElement("span", { className: styles$B["".concat(iconClass)] }, disabledArrow)),
|
|
5661
5723
|
React.createElement(DateSelection, { applyLabel: applyLabel, cancelLabel: cancelLabel, dateOptions: yearDateOptions, disabled: disabled, isOpen: isYearPickerOpen, selectionHeader: selectionYearHeader, onClose: onClose, onApplyCallback: handleYearDateSelection, initialValue: yearSelected })));
|
|
5662
5724
|
};
|
|
5663
|
-
var MobileDatePicker = Component$
|
|
5725
|
+
var MobileDatePicker = Component$L;
|
|
5664
5726
|
|
|
5665
|
-
var Component$
|
|
5727
|
+
var Component$K = function (_a) {
|
|
5666
5728
|
var listMenuUserProps = _a.listMenuUserProps, isOpen = _a.isOpen, onClose = _a.onClose;
|
|
5667
5729
|
return (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: onClose },
|
|
5668
5730
|
React.createElement(ListMenuIcons, __assign({}, listMenuUserProps))));
|
|
5669
5731
|
};
|
|
5670
|
-
var MobileDrawerMenu = Component$
|
|
5732
|
+
var MobileDrawerMenu = Component$K;
|
|
5671
5733
|
|
|
5672
|
-
var styles$
|
|
5734
|
+
var styles$A = {"MobileJobDetailsActionsBarComponent":"mg_mobile_job_details_actions_bar_MobileJobDetailsActionsBarComponent_84fe5","DrawerButtonWrapper":"mg_mobile_job_details_actions_bar_DrawerButtonWrapper_84fe5","magneto-ui__external-child":"mg_mobile_job_details_actions_bar_magneto-ui_external-child_84fe5","showContainer":"mg_mobile_job_details_actions_bar_showContainer_84fe5","hideContainer":"mg_mobile_job_details_actions_bar_hideContainer_84fe5"};
|
|
5673
5735
|
|
|
5674
|
-
var Component$
|
|
5736
|
+
var Component$J = function (_a) {
|
|
5675
5737
|
var externalButtonChild = _a.externalButtonChild, actionsProps = _a.actionsProps, onClose = _a.onClose;
|
|
5676
5738
|
var _b = useState(false), toggleMobileDrawer = _b[0], setToggleMobileDrawer = _b[1];
|
|
5677
5739
|
var onOpenClick = function () {
|
|
5678
5740
|
setToggleMobileDrawer(!toggleMobileDrawer);
|
|
5679
5741
|
};
|
|
5680
|
-
var showButtonContainer = onClose ? styles$
|
|
5681
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
5682
|
-
React.createElement("div", { id: styles$
|
|
5683
|
-
React.createElement("div", { className: styles$
|
|
5742
|
+
var showButtonContainer = onClose ? styles$A['showContainer'] : styles$A['hideContainer'];
|
|
5743
|
+
return (React.createElement("div", { className: "".concat(styles$A.MobileJobDetailsActionsBarComponent, " ").concat(showButtonContainer) },
|
|
5744
|
+
React.createElement("div", { id: styles$A['magneto-ui__external-child'] }, externalButtonChild),
|
|
5745
|
+
React.createElement("div", { className: styles$A['DrawerButtonWrapper'] },
|
|
5684
5746
|
React.createElement("button", { type: "button", onClick: onOpenClick },
|
|
5685
5747
|
React.createElement(IconItem, { icon: More, hover: false }))),
|
|
5686
5748
|
React.createElement(MobileDrawer, { isOpen: toggleMobileDrawer, onClose: function () { return setToggleMobileDrawer(!toggleMobileDrawer); } },
|
|
@@ -5689,11 +5751,11 @@ var Component$I = function (_a) {
|
|
|
5689
5751
|
/**
|
|
5690
5752
|
* UI Organism Component for Mobile Job Details Drawer
|
|
5691
5753
|
*/
|
|
5692
|
-
var MobileJobDetailsActionsBar = Component$
|
|
5754
|
+
var MobileJobDetailsActionsBar = Component$J;
|
|
5693
5755
|
|
|
5694
5756
|
var style$l = {"magneto-ui-mobile-job-detail-skeleton":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_wlwm8","magneto-ui-mobile-job-detail-skeleton__section":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_section_wlwm8","magneto-ui-mobile-job-detail-skeleton__header":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_btn":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_btn_wlwm8","magneto-ui-mobile-job-detail-skeleton__header_card":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_header_card_wlwm8","skeleton":"mg_mobile_job_details_drawer_skeleton_skeleton_wlwm8","shimmer":"mg_mobile_job_details_drawer_skeleton_shimmer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_title":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_title_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_info":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_info_wlwm8","magneto-ui-mobile-job-detail-skeleton__footer_button":"mg_mobile_job_details_drawer_skeleton_magneto-ui-mobile-job-detail-skeleton_footer_button_wlwm8"};
|
|
5695
5757
|
|
|
5696
|
-
var Component$
|
|
5758
|
+
var Component$I = function () {
|
|
5697
5759
|
var skeletonCard = (React.createElement("div", { className: style$l['magneto-ui-mobile-job-detail-skeleton__section'] },
|
|
5698
5760
|
React.createElement("span", { className: style$l.skeleton }),
|
|
5699
5761
|
React.createElement("span", { className: style$l.skeleton }),
|
|
@@ -5717,7 +5779,7 @@ var Component$H = function () {
|
|
|
5717
5779
|
/**
|
|
5718
5780
|
* UI Children Skeleton Component for MobileJobDetailsDrawer
|
|
5719
5781
|
*/
|
|
5720
|
-
var MobileJobDetailsDrawerSkeleton = Component$
|
|
5782
|
+
var MobileJobDetailsDrawerSkeleton = Component$I;
|
|
5721
5783
|
|
|
5722
5784
|
var SwipeMode;
|
|
5723
5785
|
(function (SwipeMode) {
|
|
@@ -5787,7 +5849,7 @@ var Swipe = function (_a) {
|
|
|
5787
5849
|
} }))));
|
|
5788
5850
|
};
|
|
5789
5851
|
|
|
5790
|
-
var Component$
|
|
5852
|
+
var Component$H = function (_a) {
|
|
5791
5853
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobDetailsHeaderText = _a.jobDetailsHeaderText, jobDetailsProps = _a.jobDetailsProps, jobDetailCardProps = _a.jobDetailCardProps, jobSkillsCardProps = _a.jobSkillsCardProps, jobApplyCardProps = _a.jobApplyCardProps, jobFooterCardProps = _a.jobFooterCardProps, mobileJobDetailsBarProps = _a.mobileJobDetailsBarProps, jobDetailAction = _a.jobDetailAction, modalPendingInfoComponent = _a.modalPendingInfoComponent, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, isLoading = _a.isLoading, onClose = _a.onClose, similarJobsProps = _a.similarJobsProps, jobVideo = _a.jobVideo, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo, swipeProps = _a.swipeProps, cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote, fraudCardJobProps = _a.fraudCardJobProps;
|
|
5792
5854
|
var handleClose = useCallback(function () {
|
|
5793
5855
|
if (onClose) {
|
|
@@ -5838,7 +5900,7 @@ var Component$G = function (_a) {
|
|
|
5838
5900
|
/**
|
|
5839
5901
|
* UI Organism Component for Mobile JobDetailsDrawer
|
|
5840
5902
|
*/
|
|
5841
|
-
var MobileJobDetailsDrawer = Component$
|
|
5903
|
+
var MobileJobDetailsDrawer = Component$H;
|
|
5842
5904
|
|
|
5843
5905
|
var style$j = {"magneto-ui-order-container":"mg_mobile_sort_menu_magneto-ui-order-container_14kaw","magneto-ui-order-text":"mg_mobile_sort_menu_magneto-ui-order-text_14kaw","magneto-ui-btn-order":"mg_mobile_sort_menu_magneto-ui-btn-order_14kaw"};
|
|
5844
5906
|
|
|
@@ -5860,7 +5922,7 @@ var MobileSortMenu = function (_a) {
|
|
|
5860
5922
|
React.createElement(ListSortMenu, __assign({}, listMenuProps))));
|
|
5861
5923
|
};
|
|
5862
5924
|
|
|
5863
|
-
var Component$
|
|
5925
|
+
var Component$G = function (_a) {
|
|
5864
5926
|
var props = __rest(_a, []);
|
|
5865
5927
|
var _b = useState(0), step = _b[0], setStep = _b[1];
|
|
5866
5928
|
return React.createElement(ModalAnalystContainer, __assign({ step: step, setStep: setStep }, props));
|
|
@@ -5868,7 +5930,7 @@ var Component$F = function (_a) {
|
|
|
5868
5930
|
/**
|
|
5869
5931
|
* Organism UI component of analyst template
|
|
5870
5932
|
*/
|
|
5871
|
-
var ModalAnalyst = Component$
|
|
5933
|
+
var ModalAnalyst = Component$G;
|
|
5872
5934
|
|
|
5873
5935
|
var style$i = {"magneto-ui-multiple-selection-entry":"mg_multiple_selection_entry_magneto-ui-multiple-selection-entry_1rap6"};
|
|
5874
5936
|
|
|
@@ -6089,18 +6151,18 @@ var MultipleSelectionEntry = function (_a) {
|
|
|
6089
6151
|
React.createElement(ContainerOptions$1, { removeValueToArray: removeValueToArray, dropDownTitle: dropDownTitle, numberOfSelectable: numberOfSelectable, inputSearchProps: inputSearchProps, addValueToArray: addValueToArray, listOptions: localListOptions, selectedValues: localSelectedValues })));
|
|
6090
6152
|
};
|
|
6091
6153
|
|
|
6092
|
-
var styles$
|
|
6154
|
+
var styles$z = {"magneto-ui-nav-menu-analyst-divider":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_ft9or","magneto-ui-nav-menu-analyst-divider__title":"mg_nav_menu_analyst_divider_magneto-ui-nav-menu-analyst-divider_title_ft9or"};
|
|
6093
6155
|
|
|
6094
|
-
var Component$
|
|
6156
|
+
var Component$F = function (_a) {
|
|
6095
6157
|
var isFullWidth = _a.isFullWidth, _b = _a.showMobile, showMobile = _b === void 0 ? true : _b, title = _a.title;
|
|
6096
6158
|
if (!title)
|
|
6097
6159
|
return null;
|
|
6098
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6160
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-divider'] }) }, isFullWidth ? (React.createElement("h3", { className: CNM.get({ styles: styles$z, cls: ['nav-menu-analyst-divider__title'] }) }, title)) : (showMobile && React.createElement(Divider, null))));
|
|
6099
6161
|
};
|
|
6100
6162
|
/**
|
|
6101
6163
|
* Organism UI child component of nav menu analyst
|
|
6102
6164
|
*/
|
|
6103
|
-
var NavMenuAnalystDivider = Component$
|
|
6165
|
+
var NavMenuAnalystDivider = Component$F;
|
|
6104
6166
|
|
|
6105
6167
|
var navMenuAnalystIcons = {
|
|
6106
6168
|
home: {
|
|
@@ -6149,9 +6211,9 @@ var navMenuAnalystIcons = {
|
|
|
6149
6211
|
}
|
|
6150
6212
|
};
|
|
6151
6213
|
|
|
6152
|
-
var styles$
|
|
6214
|
+
var styles$y = {"magneto-ui-nav-menu-analyst-option__link":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link_ax61j","magneto-ui-nav-menu-analyst-option__link--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--active_ax61j","magneto-ui-nav-menu-analyst-option__link--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_link--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--full-menu":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--full-menu_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover_ax61j","magneto-ui-nav-menu-analyst-option__dropdown--hover--active":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown--hover--active_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-list":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-list_ax61j","magneto-ui-nav-menu-analyst-option__dropdown-title":"mg_nav_menu_analyst_option_magneto-ui-nav-menu-analyst-option_dropdown-title_ax61j"};
|
|
6153
6215
|
|
|
6154
|
-
var Component$
|
|
6216
|
+
var Component$E = function (_a) {
|
|
6155
6217
|
var _b;
|
|
6156
6218
|
var isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, _c = _a.isParentOpen, isParentOpen = _c === void 0 ? true : _c, isScrollAnimated = _a.isScrollAnimated, onDropdownClick = _a.onDropdownClick, onOptionClick = _a.onOptionClick, _d = _a.openedDropdown, openedDropdown = _d === void 0 ? false : _d, option = _a.option, path = _a.path, _e = _a.queryString, queryString = _e === void 0 ? {} : _e;
|
|
6157
6219
|
var _f = option.useQueryString, useQueryString = _f === void 0 ? true : _f, _g = option.rel, rel = _g === void 0 ? 'noreferrer' : _g, _h = option.target, target = _h === void 0 ? '_self' : _h;
|
|
@@ -6234,7 +6296,7 @@ var Component$D = function (_a) {
|
|
|
6234
6296
|
}
|
|
6235
6297
|
}, [option.data, queryString, useQueryString]);
|
|
6236
6298
|
var linkStyles = CNM.get({
|
|
6237
|
-
styles: styles$
|
|
6299
|
+
styles: styles$y,
|
|
6238
6300
|
cls: [
|
|
6239
6301
|
'nav-menu-analyst-option__link',
|
|
6240
6302
|
isFullWidth && 'nav-menu-analyst-option__link--full-menu',
|
|
@@ -6242,7 +6304,7 @@ var Component$D = function (_a) {
|
|
|
6242
6304
|
]
|
|
6243
6305
|
});
|
|
6244
6306
|
var dropdownStyles = CNM.get({
|
|
6245
|
-
styles: styles$
|
|
6307
|
+
styles: styles$y,
|
|
6246
6308
|
cls: [
|
|
6247
6309
|
'nav-menu-analyst-option__dropdown',
|
|
6248
6310
|
isFullWidth && 'nav-menu-analyst-option__dropdown--full-menu',
|
|
@@ -6260,21 +6322,21 @@ var Component$D = function (_a) {
|
|
|
6260
6322
|
}
|
|
6261
6323
|
return (React.createElement("div", { title: option.title, ref: optionRef },
|
|
6262
6324
|
React.createElement(MenuDropdown, { className: dropdownStyles, listClassName: CNM.get({
|
|
6263
|
-
styles: styles$
|
|
6325
|
+
styles: styles$y,
|
|
6264
6326
|
cls: ['nav-menu-analyst-option__dropdown-list']
|
|
6265
6327
|
}), opened: !isParentOpen ? false : (isActive(option) && isFullWidth && isOpenDropdown) || (isOpenDropdown && isFullWidth), onClick: handleDropdownClick, title: option.title || '', prefixIcon: {
|
|
6266
6328
|
icon: icons((childrenActive(option) && !isFullWidth) || (!isOpenDropdown && childrenActive(option)), option.icons),
|
|
6267
6329
|
size: 18
|
|
6268
6330
|
} }, option.data.map(function (item, i) { return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
6269
|
-
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$
|
|
6270
|
-
item.children.map(function (child, j) { return (React.createElement(Component$
|
|
6331
|
+
item.title && (React.createElement("p", { className: CNM.get({ styles: styles$y, cls: ['nav-menu-analyst-option__dropdown-title'] }) }, item.title)),
|
|
6332
|
+
item.children.map(function (child, j) { return (React.createElement(Component$E, { key: "option-".concat(child.title, "-").concat(j), option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, isOpenedFromHeader: isOpenedFromHeader, path: path, openedDropdown: !scrolledToOption ? childrenActive(child) && !isOpenedFromHeader && isOpenDropdown : false, isDrawerOpen: isDrawerOpen, isScrollAnimated: isScrollAnimated, isParentOpen: isOpenDropdown, onDropdownClick: onDropdownClick, onOptionClick: onOptionClick, queryString: queryString })); }))); }))));
|
|
6271
6333
|
};
|
|
6272
6334
|
/**
|
|
6273
6335
|
* Organism UI child component of nav menu analyst
|
|
6274
6336
|
*/
|
|
6275
|
-
var NavMenuAnalystOption = Component$
|
|
6337
|
+
var NavMenuAnalystOption = Component$E;
|
|
6276
6338
|
|
|
6277
|
-
var styles$
|
|
6339
|
+
var styles$x = {"magneto-ui-nav-menu-analyst":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_vw2yv","magneto-ui-nav-menu-analyst__container":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_container_vw2yv","magneto-ui-nav-menu-analyst--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst--full-menu_vw2yv","magneto-ui-nav-menu-analyst__overflow-placeholder":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_overflow-placeholder_vw2yv","magneto-ui-nav-menu-analyst__header":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_header_vw2yv","magneto-ui-nav-menu-analyst__sections":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_sections_vw2yv","magneto-ui-nav-menu-analyst__section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_section_vw2yv","magneto-ui-nav-menu-analyst__footer":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer_vw2yv","magneto-ui-nav-menu-analyst__footer--full-menu":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer--full-menu_vw2yv","magneto-ui-nav-menu-analyst__footer-section":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_footer-section_vw2yv","magneto-ui-nav-menu-analyst__region":"mg_nav_menu_analyst_magneto-ui-nav-menu-analyst_region_vw2yv"};
|
|
6278
6340
|
|
|
6279
6341
|
var useAnalystModal = function (modals) {
|
|
6280
6342
|
var _a = useState(Array.from({ length: (modals === null || modals === void 0 ? void 0 : modals.length) || 0 }, function (_, i) { return ({
|
|
@@ -6318,7 +6380,7 @@ var AnalystProvider = function (_a) {
|
|
|
6318
6380
|
};
|
|
6319
6381
|
var useAnalyst = function () { return useContext(AnalystContext); };
|
|
6320
6382
|
|
|
6321
|
-
var Component$
|
|
6383
|
+
var Component$D = function (_a) {
|
|
6322
6384
|
var _b, _c;
|
|
6323
6385
|
var activeDropdown = _a.activeDropdown, _d = _a.className, className = _d === void 0 ? '' : _d, defaultRegion = _a.defaultRegion, footer = _a.footer, isDrawerOpen = _a.isDrawerOpen, isFullWidth = _a.isFullWidth, isOpenedFromHeader = _a.isOpenedFromHeader, isScrollAnimated = _a.isScrollAnimated, _e = _a.logoProps, logoProps = _e === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _e, onDropdownClick = _a.onDropdownClick, path = _a.path, queryString = _a.queryString, regions = _a.regions, sections = _a.sections, setIsDrawerOpen = _a.setIsDrawerOpen;
|
|
6324
6386
|
var containerRef = useRef(null);
|
|
@@ -6348,17 +6410,17 @@ var Component$C = function (_a) {
|
|
|
6348
6410
|
'--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
|
|
6349
6411
|
};
|
|
6350
6412
|
return (React.createElement("div", { className: CNM.get({
|
|
6351
|
-
styles: styles$
|
|
6413
|
+
styles: styles$x,
|
|
6352
6414
|
cls: ['nav-menu-analyst', isFullWidth && 'nav-menu-analyst--full-menu', className]
|
|
6353
6415
|
}) },
|
|
6354
|
-
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$
|
|
6416
|
+
isFullWidth && (React.createElement("header", { className: CNM.get({ styles: styles$x, cls: ['nav-menu-analyst__header'] }) },
|
|
6355
6417
|
React.createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps)))),
|
|
6356
|
-
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$
|
|
6357
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6418
|
+
React.createElement("div", { ref: containerRef, style: customScrollbarButtonsStyle, className: CNM.get({ styles: styles$x, cls: ['nav-menu-analyst__container'] }) },
|
|
6419
|
+
React.createElement("div", { className: CNM.get({ styles: styles$x, cls: ['nav-menu-analyst__sections'] }) }, sections.map(function (section, i) { return (React.createElement("div", { key: "section-".concat(section.title, "-").concat(i), className: CNM.get({ styles: styles$x, cls: ['nav-menu-analyst__section'] }) },
|
|
6358
6420
|
React.createElement(NavMenuAnalystDivider, { title: section.title, isFullWidth: isFullWidth }),
|
|
6359
6421
|
section.children.map(function (child, j) { return (React.createElement("div", { key: "section-option-".concat(child.title, "-").concat(j) },
|
|
6360
6422
|
React.createElement(NavMenuAnalystOption, { option: __assign(__assign({}, child), { icons: child.icon ? navMenuAnalystIcons[child.icon] : __assign({}, child.icons) }), isFullWidth: isFullWidth, path: path, openedDropdown: childrenActive(child) && isDrawerOpen, isDrawerOpen: isDrawerOpen, isOpenedFromHeader: isOpenedFromHeader, isScrollAnimated: isScrollAnimated, onDropdownClick: onDropdownClick, queryString: queryString }))); }))); })),
|
|
6361
|
-
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6423
|
+
regions && regions.length > 0 && defaultRegion && (React.createElement("div", { className: CNM.get({ styles: styles$x, cls: ['nav-menu-analyst__region'] }) },
|
|
6362
6424
|
React.createElement(NavMenuAnalystOption, { isFullWidth: isFullWidth, onOptionClick: handleRegionModalClick, option: {
|
|
6363
6425
|
icons: {
|
|
6364
6426
|
fallbackIcon: IsoLogoMagnetoDark,
|
|
@@ -6369,27 +6431,27 @@ var Component$C = function (_a) {
|
|
|
6369
6431
|
(regions && regions.length > 0 ? regions[0].name : '')
|
|
6370
6432
|
} }))),
|
|
6371
6433
|
React.createElement("footer", { className: CNM.get({
|
|
6372
|
-
styles: styles$
|
|
6434
|
+
styles: styles$x,
|
|
6373
6435
|
cls: ['nav-menu-analyst__footer', isFullWidth && 'nav-menu-analyst__footer--full-menu']
|
|
6374
|
-
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$
|
|
6436
|
+
}) }, footer.map(function (option, i) { return (React.createElement("div", { key: "footer-section-".concat(option.title, "-").concat(i), className: CNM.get({ styles: styles$x, cls: ['nav-menu-analyst__footer-section'] }) },
|
|
6375
6437
|
React.createElement(NavMenuAnalystDivider, { title: option.title, isFullWidth: isFullWidth, showMobile: false }),
|
|
6376
6438
|
option.children.map(function (child, j) { return (React.createElement(NavMenuAnalystOption, { key: "footer-option-".concat(child.title, "-").concat(j), option: child, isFullWidth: isFullWidth, queryString: queryString })); }))); })))));
|
|
6377
6439
|
};
|
|
6378
6440
|
/**
|
|
6379
6441
|
* Organism UI component of navigation menu analyst
|
|
6380
6442
|
*/
|
|
6381
|
-
var NavMenuAnalyst = Component$
|
|
6443
|
+
var NavMenuAnalyst = Component$D;
|
|
6382
6444
|
|
|
6383
|
-
var styles$
|
|
6445
|
+
var styles$w = {"magneto-ui-nav-menu-analyst-region-modal-content__container":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_container_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__option":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_option_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__flag":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_flag_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__footer":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_footer_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--cancel":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--cancel_1b9x9","magneto-ui-nav-menu-analyst-region-modal-content__button--apply":"mg_nav_menu_analsyt_region_modal_content_magneto-ui-nav-menu-analyst-region-modal-content_button--apply_1b9x9"};
|
|
6384
6446
|
|
|
6385
|
-
var Component$
|
|
6447
|
+
var Component$C = function (_a) {
|
|
6386
6448
|
var defaultRegion = _a.defaultRegion, handleClose = _a.handleClose, regionModal = _a.regionModal, regions = _a.regions, selectedRegion = _a.selectedRegion, setSelectedRegion = _a.setSelectedRegion;
|
|
6387
6449
|
var cancelButton = useMediaQuery(React.createElement(MainButton, { buttonText: regionModal.cancel, buttonType: "button", className: CNM.get({
|
|
6388
|
-
styles: styles$
|
|
6450
|
+
styles: styles$w,
|
|
6389
6451
|
cls: ['nav-menu-analyst-region-modal-content__button', 'nav-menu-analyst-region-modal-content__button--cancel']
|
|
6390
6452
|
}), onClick: function () { return handleClose(null); } }), {
|
|
6391
6453
|
sm: (React.createElement(MainButton, { iconProps: { icon: ArrowLeft2 }, buttonType: "button", className: CNM.get({
|
|
6392
|
-
styles: styles$
|
|
6454
|
+
styles: styles$w,
|
|
6393
6455
|
cls: [
|
|
6394
6456
|
'nav-menu-analyst-region-modal-content__button',
|
|
6395
6457
|
'nav-menu-analyst-region-modal-content__button--cancel'
|
|
@@ -6397,34 +6459,34 @@ var Component$B = function (_a) {
|
|
|
6397
6459
|
}), onClick: function () { return handleClose(null); } }))
|
|
6398
6460
|
});
|
|
6399
6461
|
return (React.createElement(React.Fragment, null,
|
|
6400
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6462
|
+
React.createElement("div", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-region-modal-content__container'] }) }, regions.map(function (_a, index) {
|
|
6401
6463
|
var name = _a.name, flag = _a.flag, lang = _a.lang;
|
|
6402
6464
|
return (React.createElement(Radio, { key: "region-".concat(name), type: "button", prefixIcon: {
|
|
6403
6465
|
icon: flag,
|
|
6404
6466
|
alt: lang,
|
|
6405
|
-
className: CNM.get({ styles: styles$
|
|
6406
|
-
}, childrenClassName: CNM.get({ styles: styles$
|
|
6467
|
+
className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-region-modal-content__flag'] })
|
|
6468
|
+
}, childrenClassName: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-region-modal-content__option'] }), defaultChecked: (regions.some(function (_a) {
|
|
6407
6469
|
var lang = _a.lang;
|
|
6408
6470
|
return lang === defaultRegion;
|
|
6409
6471
|
}) ? defaultRegion === lang : index === 0) &&
|
|
6410
6472
|
!selectedRegion, checked: (selectedRegion === null || selectedRegion === void 0 ? void 0 : selectedRegion.name) === name, onChange: function () { return setSelectedRegion({ name: name, flag: flag, lang: lang }); } },
|
|
6411
6473
|
React.createElement("span", null, name)));
|
|
6412
6474
|
})),
|
|
6413
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6475
|
+
React.createElement("div", { className: CNM.get({ styles: styles$w, cls: ['nav-menu-analyst-region-modal-content__footer'] }) },
|
|
6414
6476
|
cancelButton,
|
|
6415
6477
|
React.createElement(MainButton, { buttonText: regionModal.apply, buttonType: "button", className: CNM.get({
|
|
6416
|
-
styles: styles$
|
|
6478
|
+
styles: styles$w,
|
|
6417
6479
|
cls: [
|
|
6418
6480
|
'nav-menu-analyst-region-modal-content__button',
|
|
6419
6481
|
'nav-menu-analyst-region-modal-content__button--apply'
|
|
6420
6482
|
]
|
|
6421
6483
|
}), disabled: !selectedRegion, onClick: function () { return handleClose(selectedRegion); } }))));
|
|
6422
6484
|
};
|
|
6423
|
-
var NavMenuAnalystRegionModalContent = Component$
|
|
6485
|
+
var NavMenuAnalystRegionModalContent = Component$C;
|
|
6424
6486
|
|
|
6425
|
-
var styles$
|
|
6487
|
+
var styles$v = {"magneto-ui-nav-menu-analyst-region-modal":"mg_nav_menu_analyst_region_modal_magneto-ui-nav-menu-analyst-region-modal_1hnp2"};
|
|
6426
6488
|
|
|
6427
|
-
var Component$
|
|
6489
|
+
var Component$B = function (_a) {
|
|
6428
6490
|
var defaultRegion = _a.defaultRegion, regions = _a.regions, regionModal = _a.regionModal;
|
|
6429
6491
|
var _b = useState(null), selectedRegion = _b[0], setSelectedRegion = _b[1];
|
|
6430
6492
|
var _c = useAnalyst(), modalRegion = _c.modalRegion, handleRegionChange = _c.handleRegionChange;
|
|
@@ -6432,9 +6494,9 @@ var Component$A = function (_a) {
|
|
|
6432
6494
|
setSelectedRegion(null);
|
|
6433
6495
|
handleRegionChange(region);
|
|
6434
6496
|
}, [handleRegionChange]);
|
|
6435
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$
|
|
6497
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, title: regionModal.title, description: "", className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6436
6498
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })), {
|
|
6437
|
-
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$
|
|
6499
|
+
sm: (React.createElement(MobileDrawer, { isOpen: modalRegion, onClose: function () { return handleClose(null); }, className: CNM.get({ styles: styles$v, cls: ['nav-menu-analyst-region-modal'] }) },
|
|
6438
6500
|
React.createElement("h2", null, regionModal.title),
|
|
6439
6501
|
React.createElement(NavMenuAnalystRegionModalContent, { defaultRegion: defaultRegion, handleClose: handleClose, regionModal: regionModal, regions: regions, selectedRegion: selectedRegion, setSelectedRegion: setSelectedRegion })))
|
|
6440
6502
|
});
|
|
@@ -6443,24 +6505,24 @@ var Component$A = function (_a) {
|
|
|
6443
6505
|
/**
|
|
6444
6506
|
* Organism UI child component of nav menu analyst
|
|
6445
6507
|
*/
|
|
6446
|
-
var NavMenuAnalystRegionModal = Component$
|
|
6508
|
+
var NavMenuAnalystRegionModal = Component$B;
|
|
6447
6509
|
|
|
6448
|
-
var styles$
|
|
6510
|
+
var styles$u = {"magneto-ui-nav-menu-drawer-analyst__drawer":"mg_nav_menu_drawer_analyst_magneto-ui-nav-menu-drawer-analyst_drawer_udcyl"};
|
|
6449
6511
|
|
|
6450
|
-
var Component$
|
|
6512
|
+
var Component$A = function (_a) {
|
|
6451
6513
|
var _b = _a.isDrawerOpen, isDrawerOpen = _b === void 0 ? false : _b, onClose = _a.onClose, props = __rest(_a, ["isDrawerOpen", "onClose"]);
|
|
6452
6514
|
var handleClose = useCallback(function () {
|
|
6453
6515
|
if (onClose) {
|
|
6454
6516
|
onClose();
|
|
6455
6517
|
}
|
|
6456
6518
|
}, [onClose]);
|
|
6457
|
-
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$
|
|
6519
|
+
return (React.createElement(Drawer, { isOpen: isDrawerOpen, onClose: handleClose, customPadding: 0, className: CNM.get({ styles: styles$u, cls: ['nav-menu-drawer-analyst__drawer'] }) },
|
|
6458
6520
|
React.createElement(NavMenuAnalyst, __assign({ isDrawerOpen: isDrawerOpen, isFullWidth: true }, props))));
|
|
6459
6521
|
};
|
|
6460
6522
|
/**
|
|
6461
6523
|
* Organism UI component of navigation menu analyst
|
|
6462
6524
|
*/
|
|
6463
|
-
var NavMenuDrawerAnalyst = Component$
|
|
6525
|
+
var NavMenuDrawerAnalyst = Component$A;
|
|
6464
6526
|
|
|
6465
6527
|
var style$d = {"magneto-ui-select-item":"mg_select_item_magneto-ui-select-item_o5mff","disable":"mg_select_item_disable_o5mff","selected":"mg_select_item_selected_o5mff"};
|
|
6466
6528
|
|
|
@@ -6657,56 +6719,56 @@ var OneSelectionEntry = function (_a) {
|
|
|
6657
6719
|
React.createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6658
6720
|
};
|
|
6659
6721
|
|
|
6660
|
-
var styles$
|
|
6722
|
+
var styles$t = {"processes-text-common":"mg_processes_card_processes-text-common_isthd","processes-card__text":"mg_processes_card_processes-card_text_isthd","processes-card__title":"mg_processes_card_processes-card_title_isthd","processes-text-status--Sent":"mg_processes_card_processes-text-status--Sent_isthd","processes-text-status--Hired":"mg_processes_card_processes-text-status--Hired_isthd","processes-text-status--Pending":"mg_processes_card_processes-text-status--Pending_isthd","processes-text-status--Finalists":"mg_processes_card_processes-text-status--Finalists_isthd","processes-text-status--Discarded":"mg_processes_card_processes-text-status--Discarded_isthd","processes-text-status--Validation":"mg_processes_card_processes-text-status--Validation_isthd","processes-card":"mg_processes_card_processes-card_isthd","processes-card--is-selected":"mg_processes_card_processes-card--is-selected_isthd","processes-card__section":"mg_processes_card_processes-card_section_isthd","processes-card__arrow-left":"mg_processes_card_processes-card_arrow-left_isthd","processes-card__status-card--Sent":"mg_processes_card_processes-card_status-card--Sent_isthd","processes-card__status-card--Hired":"mg_processes_card_processes-card_status-card--Hired_isthd","processes-card__status-card--Pending":"mg_processes_card_processes-card_status-card--Pending_isthd","processes-card__status-card--Finalists":"mg_processes_card_processes-card_status-card--Finalists_isthd","processes-card__status-card--Discarded":"mg_processes_card_processes-card_status-card--Discarded_isthd","processes-card__status-card--Validation":"mg_processes_card_processes-card_status-card--Validation_isthd","processes-card__status-card--is-selected":"mg_processes_card_processes-card_status-card--is-selected_isthd","processes-card__status-card":"mg_processes_card_processes-card_status-card_isthd","processes-card__brand":"mg_processes_card_processes-card_brand_isthd","processes-card__text--strong":"mg_processes_card_processes-card_text--strong_isthd","processes-card__icon-status":"mg_processes_card_processes-card_icon-status_isthd"};
|
|
6661
6723
|
|
|
6662
|
-
var cx$
|
|
6663
|
-
var Component$
|
|
6724
|
+
var cx$o = classNames.bind(styles$t);
|
|
6725
|
+
var Component$z = function (_a) {
|
|
6664
6726
|
var children = _a.children, className = _a.className;
|
|
6665
|
-
return React.createElement("div", { className: cx$
|
|
6727
|
+
return React.createElement("div", { className: cx$o('processes-card__section', className) }, children);
|
|
6666
6728
|
};
|
|
6667
|
-
var ProcessesCardSection = Component$
|
|
6729
|
+
var ProcessesCardSection = Component$z;
|
|
6668
6730
|
|
|
6669
|
-
var cx$
|
|
6670
|
-
var Component$
|
|
6731
|
+
var cx$n = classNames.bind(styles$t);
|
|
6732
|
+
var Component$y = function (_a) {
|
|
6671
6733
|
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c;
|
|
6672
|
-
return (React.createElement("div", { className: cx$
|
|
6734
|
+
return (React.createElement("div", { className: cx$n('processes-card__status-card', className, "processes-card__status-card--".concat(status), {
|
|
6673
6735
|
'processes-card__status-card--is-selected': isSelected
|
|
6674
6736
|
}) }, children));
|
|
6675
6737
|
};
|
|
6676
|
-
var ProcessesCardStatus = Component$
|
|
6738
|
+
var ProcessesCardStatus = Component$y;
|
|
6677
6739
|
|
|
6678
|
-
var cx$
|
|
6679
|
-
var Component$
|
|
6740
|
+
var cx$m = classNames.bind(styles$t);
|
|
6741
|
+
var Component$x = function (_a) {
|
|
6680
6742
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
6681
|
-
return React.createElement("img", __assign({ className: cx$
|
|
6743
|
+
return React.createElement("img", __assign({ className: cx$m('processes-card__brand', className) }, props));
|
|
6682
6744
|
};
|
|
6683
|
-
var ProcessesCardBrand = Component$
|
|
6745
|
+
var ProcessesCardBrand = Component$x;
|
|
6684
6746
|
|
|
6685
|
-
var cx$
|
|
6686
|
-
var Component$
|
|
6747
|
+
var cx$l = classNames.bind(styles$t);
|
|
6748
|
+
var Component$w = function (_a) {
|
|
6687
6749
|
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b;
|
|
6688
|
-
return React.createElement("h3", { className: cx$
|
|
6750
|
+
return React.createElement("h3", { className: cx$l('processes-card__title', className, "processes-text-status--".concat(status)) }, children);
|
|
6689
6751
|
};
|
|
6690
|
-
var ProcessesCardTitle = Component$
|
|
6752
|
+
var ProcessesCardTitle = Component$w;
|
|
6691
6753
|
|
|
6692
|
-
var cx$
|
|
6693
|
-
var Component$
|
|
6754
|
+
var cx$k = classNames.bind(styles$t);
|
|
6755
|
+
var Component$v = function (_a) {
|
|
6694
6756
|
var children = _a.children, className = _a.className, _b = _a.status, status = _b === void 0 ? 'Pending' : _b, _c = _a.strong, strong = _c === void 0 ? false : _c;
|
|
6695
|
-
return (React.createElement("p", { className: cx$
|
|
6757
|
+
return (React.createElement("p", { className: cx$k('processes-card__text', className, "processes-text-status--".concat(status), {
|
|
6696
6758
|
'processes-card__text--strong': strong
|
|
6697
6759
|
}) }, children));
|
|
6698
6760
|
};
|
|
6699
|
-
var ProcessesCardText = Component$
|
|
6761
|
+
var ProcessesCardText = Component$v;
|
|
6700
6762
|
|
|
6701
|
-
var cx$
|
|
6702
|
-
var Component$
|
|
6763
|
+
var cx$j = classNames.bind(styles$t);
|
|
6764
|
+
var Component$u = function (_a) {
|
|
6703
6765
|
var className = _a.className, props = __rest(_a, ["className"]);
|
|
6704
|
-
return React.createElement("img", __assign({ className: cx$
|
|
6766
|
+
return React.createElement("img", __assign({ className: cx$j('processes-card__arrow-left', className), src: ArrowRight2 }, props));
|
|
6705
6767
|
};
|
|
6706
|
-
var ProcessesCardArrow = Component$
|
|
6768
|
+
var ProcessesCardArrow = Component$u;
|
|
6707
6769
|
|
|
6708
|
-
var cx$
|
|
6709
|
-
var Component$
|
|
6770
|
+
var cx$i = classNames.bind(styles$t);
|
|
6771
|
+
var Component$t = function (_a) {
|
|
6710
6772
|
var status = _a.status, props = __rest(_a, ["status"]);
|
|
6711
6773
|
var iconByStatus = function (status) {
|
|
6712
6774
|
var icons = {
|
|
@@ -6719,16 +6781,16 @@ var Component$s = function (_a) {
|
|
|
6719
6781
|
};
|
|
6720
6782
|
return icons[status];
|
|
6721
6783
|
};
|
|
6722
|
-
return React.createElement("img", __assign({ className: cx$
|
|
6784
|
+
return React.createElement("img", __assign({ className: cx$i('processes-card__icon-status'), src: iconByStatus(status), alt: "icons-status" }, props));
|
|
6723
6785
|
};
|
|
6724
|
-
var ProcessesCardIconStatus = Component$
|
|
6786
|
+
var ProcessesCardIconStatus = Component$t;
|
|
6725
6787
|
|
|
6726
|
-
var cx$
|
|
6727
|
-
var Component$
|
|
6788
|
+
var cx$h = classNames.bind(styles$t);
|
|
6789
|
+
var Component$s = function (_a) {
|
|
6728
6790
|
var children = _a.children, className = _a.className, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, props = __rest(_a, ["children", "className", "isSelected"]);
|
|
6729
|
-
return (React.createElement("button", __assign({}, props, { className: cx$
|
|
6791
|
+
return (React.createElement("button", __assign({}, props, { className: cx$h('processes-card', className, { 'processes-card--is-selected': isSelected }), type: "button" }), children));
|
|
6730
6792
|
};
|
|
6731
|
-
var ProcessesCard = Object.assign(Component$
|
|
6793
|
+
var ProcessesCard = Object.assign(Component$s, {
|
|
6732
6794
|
IconStatus: ProcessesCardIconStatus,
|
|
6733
6795
|
Section: ProcessesCardSection,
|
|
6734
6796
|
Status: ProcessesCardStatus,
|
|
@@ -6750,13 +6812,13 @@ var SelectContext = React.createContext({
|
|
|
6750
6812
|
});
|
|
6751
6813
|
var useSelectContext = function () { return useContext(SelectContext); };
|
|
6752
6814
|
|
|
6753
|
-
var styles$
|
|
6815
|
+
var styles$s = {"select-input":"mg_select_input_select-input_1mcnp","select-input--disabled":"mg_select_input_select-input--disabled_1mcnp","select-input--no-placeholder":"mg_select_input_select-input--no-placeholder_1mcnp","select-input--with-icon":"mg_select_input_select-input--with-icon_1mcnp","select-button":"mg_select_input_select-button_1mcnp","select-button--disabled":"mg_select_input_select-button--disabled_1mcnp","select-button__input":"mg_select_input_select-button_input_1mcnp","select-button__placeholder":"mg_select_input_select-button_placeholder_1mcnp","select-button__placeholder--open":"mg_select_input_select-button_placeholder--open_1mcnp","select-button__placeholder--selected":"mg_select_input_select-button_placeholder--selected_1mcnp","select-button__value":"mg_select_input_select-button_value_1mcnp"};
|
|
6754
6816
|
|
|
6755
|
-
var cx$
|
|
6817
|
+
var cx$g = classNames.bind(styles$s);
|
|
6756
6818
|
var getDefaulSelected = function (selected) {
|
|
6757
6819
|
return selected.map(function (select) { return select.value; }).join(', ');
|
|
6758
6820
|
};
|
|
6759
|
-
var Component$
|
|
6821
|
+
var Component$r = function (_a) {
|
|
6760
6822
|
var _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, _c = _a.value, value = _c === void 0 ? '' : _c, className = _a.className, _d = _a.onClick, onClick = _d === void 0 ? stubUndefined : _d, _e = _a.open, open = _e === void 0 ? false : _e, _f = _a.actionIcon, actionIcon = _f === void 0 ? ArrowDown2 : _f, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.getLabel, getLabel = _h === void 0 ? getDefaulSelected : _h, readOnly = _a.readOnly, disabled = _a.disabled, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled", "placeholder", "type"]);
|
|
6761
6823
|
var ref = useRef({ onChange: onChange, id: generateID() });
|
|
6762
6824
|
useEffect(function () {
|
|
@@ -6771,29 +6833,29 @@ var Component$q = function (_a) {
|
|
|
6771
6833
|
});
|
|
6772
6834
|
}, [open]);
|
|
6773
6835
|
if (!readOnly) {
|
|
6774
|
-
return (React.createElement("div", { className: cx$
|
|
6836
|
+
return (React.createElement("div", { className: cx$g('select-input', className, {
|
|
6775
6837
|
'select-input--with-icon': actionIcon !== undefined,
|
|
6776
6838
|
'select-input--no-placeholder': placeholder.length === 0,
|
|
6777
6839
|
'select-input--disabled': disabled
|
|
6778
6840
|
}), onClick: function () { return (disabled ? null : onClick()); }, "data-name": "select-input", "data-selected": selected.length > 0, "data-is-open": open },
|
|
6779
6841
|
React.createElement(Input, __assign({ name: ref.current.id, disabled: disabled, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon, placeholder: placeholder, type: type }, rest))));
|
|
6780
6842
|
}
|
|
6781
|
-
return (React.createElement("button", { className: cx$
|
|
6782
|
-
React.createElement("div", { className: cx$
|
|
6783
|
-
placeholder.length > 0 ? (React.createElement("span", { className: cx$
|
|
6843
|
+
return (React.createElement("button", { className: cx$g('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open, type: "button" },
|
|
6844
|
+
React.createElement("div", { className: cx$g('select-button__input') },
|
|
6845
|
+
placeholder.length > 0 ? (React.createElement("span", { className: cx$g('select-button__placeholder', {
|
|
6784
6846
|
'select-button__placeholder--open': open,
|
|
6785
6847
|
'select-button__placeholder--selected': selected.length > 0
|
|
6786
6848
|
}) }, placeholder)) : null,
|
|
6787
|
-
selected.length > 0 ? (React.createElement("span", { className: cx$
|
|
6849
|
+
selected.length > 0 ? (React.createElement("span", { className: cx$g('select-button__value', {
|
|
6788
6850
|
'select-button__placeholder--open': open
|
|
6789
6851
|
}) }, getLabel(selected))) : null),
|
|
6790
6852
|
actionIcon ? React.createElement(IconItem, { icon: actionIcon, size: 20 }) : null));
|
|
6791
6853
|
};
|
|
6792
|
-
var SelectInput = Component$
|
|
6854
|
+
var SelectInput = Component$r;
|
|
6793
6855
|
|
|
6794
|
-
var styles$
|
|
6856
|
+
var styles$r = {"select-click-out":"mg_select_clickout_select-click-out_1a74i"};
|
|
6795
6857
|
|
|
6796
|
-
var cx$
|
|
6858
|
+
var cx$f = classNames.bind(styles$r);
|
|
6797
6859
|
var SelectClickout = function (_a) {
|
|
6798
6860
|
var children = _a.children, clickOut = _a.clickOut, setClickOut = _a.setClickOut;
|
|
6799
6861
|
var _b = Select.useContext(), onSwitch = _b.onSwitch, open = _b.open;
|
|
@@ -6810,23 +6872,23 @@ var SelectClickout = function (_a) {
|
|
|
6810
6872
|
ref.current.onSwitch(false);
|
|
6811
6873
|
}, [clickOut]);
|
|
6812
6874
|
if (open)
|
|
6813
|
-
return React.createElement("div", { className: cx$
|
|
6875
|
+
return React.createElement("div", { className: cx$f('select-click-out') }, children);
|
|
6814
6876
|
return null;
|
|
6815
6877
|
};
|
|
6816
6878
|
var SelectClickout$1 = withClickOut(SelectClickout);
|
|
6817
6879
|
|
|
6818
|
-
var styles$
|
|
6880
|
+
var styles$q = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
|
|
6819
6881
|
|
|
6820
|
-
var cx$
|
|
6882
|
+
var cx$e = classNames.bind(styles$q);
|
|
6821
6883
|
var SelectDrawer = function (_a) {
|
|
6822
6884
|
var className = _a.className, children = _a.children;
|
|
6823
6885
|
var _b = Select.useContext(), open = _b.open, onSwitch = _b.onSwitch;
|
|
6824
|
-
return (React.createElement(MobileDrawer, { className: cx$
|
|
6886
|
+
return (React.createElement(MobileDrawer, { className: cx$e('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
|
|
6825
6887
|
};
|
|
6826
6888
|
|
|
6827
|
-
var styles$
|
|
6889
|
+
var styles$p = {"select-list":"mg_select_list_check_select-list_g3qb1","select-list--visible":"mg_select_list_check_select-list--visible_g3qb1","select-list__item":"mg_select_list_check_select-list_item_g3qb1","select-list__checkbox":"mg_select_list_check_select-list_checkbox_g3qb1"};
|
|
6828
6890
|
|
|
6829
|
-
var cx$
|
|
6891
|
+
var cx$d = classNames.bind(styles$p);
|
|
6830
6892
|
var defaultRenderItem = function (option) { return React.createElement(React.Fragment, null, option.label); };
|
|
6831
6893
|
var isSelected = function (option, value) {
|
|
6832
6894
|
return value.findIndex(function (_a) {
|
|
@@ -6838,13 +6900,13 @@ var defaultFilter = function (option, searchValue) {
|
|
|
6838
6900
|
var _a, _b;
|
|
6839
6901
|
return (_b = (_a = option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(searchValue.toLowerCase())) !== null && _b !== void 0 ? _b : true;
|
|
6840
6902
|
};
|
|
6841
|
-
var Component$
|
|
6903
|
+
var Component$q = function (_a) {
|
|
6842
6904
|
var className = _a.className, _b = _a.renderItem, renderItem = _b === void 0 ? defaultRenderItem : _b, _c = _a.filter, filter = _c === void 0 ? defaultFilter : _c;
|
|
6843
6905
|
var _d = Select.useContext(), options = _d.options, value = _d.value, onChange = _d.onChange, search = _d.search, open = _d.open;
|
|
6844
|
-
return (React.createElement("ul", { "data-name": "select-list", className: cx$
|
|
6906
|
+
return (React.createElement("ul", { "data-name": "select-list", className: cx$d('select-list', className, { 'select-list--visible': open }) }, options
|
|
6845
6907
|
.filter(function (option) { return filter(option, search, value); })
|
|
6846
|
-
.map(function (option) { return (React.createElement("li", { className: cx$
|
|
6847
|
-
React.createElement(Checkbox, { type: "box", display: "block", className: cx$
|
|
6908
|
+
.map(function (option) { return (React.createElement("li", { className: cx$d('select-list__item'), key: option.id },
|
|
6909
|
+
React.createElement(Checkbox, { type: "box", display: "block", className: cx$d('select-list__checkbox'), checked: isSelected(option, value), onChange: function (checked) {
|
|
6848
6910
|
if (checked) {
|
|
6849
6911
|
onChange(__spreadArray(__spreadArray([], value, true), [option], false));
|
|
6850
6912
|
}
|
|
@@ -6853,15 +6915,15 @@ var Component$p = function (_a) {
|
|
|
6853
6915
|
}
|
|
6854
6916
|
} }, renderItem(option)))); })));
|
|
6855
6917
|
};
|
|
6856
|
-
var SelectListCheck = Component$
|
|
6918
|
+
var SelectListCheck = Component$q;
|
|
6857
6919
|
|
|
6858
|
-
var styles$
|
|
6920
|
+
var styles$o = {"select__list-container":"mg_select_select_list-container_1kwcm","select-input":"mg_select_select-input_1kwcm","select-input--open":"mg_select_select-input--open_1kwcm"};
|
|
6859
6921
|
|
|
6860
|
-
var cx$
|
|
6922
|
+
var cx$c = classNames.bind(styles$o);
|
|
6861
6923
|
var defaultSelect = function (props) {
|
|
6862
|
-
return (React.createElement(Select.Input, __assign({ hideIcon: true, className: cx$
|
|
6924
|
+
return (React.createElement(Select.Input, __assign({ hideIcon: true, className: cx$c('select-input', { 'select-input--open': props.open }), actionIcon: ArrowDown2 }, props)));
|
|
6863
6925
|
};
|
|
6864
|
-
var Component$
|
|
6926
|
+
var Component$p = function (_a) {
|
|
6865
6927
|
var children = _a.children, _b = _a.renderSelect, renderSelect = _b === void 0 ? defaultSelect : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '' : _c, options = _a.options, value = _a.value, _d = _a.onChange, onChange = _d === void 0 ? stubTrue : _d, _e = _a.inputReadonly, inputReadonly = _e === void 0 ? false : _e, className = _a.className, getLabel = _a.getLabel;
|
|
6866
6928
|
var _f = useState(false), open = _f[0], setOpen = _f[1];
|
|
6867
6929
|
var _g = useState(''), search = _g[0], setSearch = _g[1];
|
|
@@ -6881,13 +6943,13 @@ var Component$o = function (_a) {
|
|
|
6881
6943
|
selected: value,
|
|
6882
6944
|
getLabel: getLabel
|
|
6883
6945
|
}),
|
|
6884
|
-
React.createElement("div", { className: cx$
|
|
6946
|
+
React.createElement("div", { className: cx$c('select__list-container'), "data-name": "select-list-container" }, children))));
|
|
6885
6947
|
};
|
|
6886
6948
|
/**
|
|
6887
6949
|
* @experimental this component is early, so that the interface component and behavrior could change.
|
|
6888
6950
|
* @deprecated this function will change soon.
|
|
6889
6951
|
*/
|
|
6890
|
-
var Select = Object.assign(Component$
|
|
6952
|
+
var Select = Object.assign(Component$p, {
|
|
6891
6953
|
useContext: useSelectContext,
|
|
6892
6954
|
Input: SelectInput,
|
|
6893
6955
|
Clickout: SelectClickout$1,
|
|
@@ -6895,7 +6957,7 @@ var Select = Object.assign(Component$o, {
|
|
|
6895
6957
|
ListCheck: SelectListCheck
|
|
6896
6958
|
});
|
|
6897
6959
|
|
|
6898
|
-
var Component$
|
|
6960
|
+
var Component$o = function (_a) {
|
|
6899
6961
|
var props = __rest(_a, []);
|
|
6900
6962
|
var container = useMediaQuery(React.createElement(Select2Desktop, __assign({}, props)), {
|
|
6901
6963
|
sm: React.createElement(Select2Mobile, __assign({}, props))
|
|
@@ -6907,13 +6969,13 @@ var Component$n = function (_a) {
|
|
|
6907
6969
|
/**
|
|
6908
6970
|
* Molecule UI child component of select 2
|
|
6909
6971
|
*/
|
|
6910
|
-
var Select2Container = Component$
|
|
6972
|
+
var Select2Container = Component$o;
|
|
6911
6973
|
|
|
6912
|
-
var styles$
|
|
6974
|
+
var styles$n = {"magneto-ui-select2-desktop":"mg_select2_desktop_magneto-ui-select2-desktop_yr6j4"};
|
|
6913
6975
|
|
|
6914
|
-
var Component$
|
|
6976
|
+
var Component$n = function (_a) {
|
|
6915
6977
|
var className = _a.className, clickOut = _a.clickOut, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, isMultiple = _a.isMultiple, setTerm = _a.setTerm;
|
|
6916
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
6978
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$n, cls: ['select2-desktop', className] }) },
|
|
6917
6979
|
React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: clickOut, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, isMultiple: isMultiple, setTerm: setTerm }),
|
|
6918
6980
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
6919
6981
|
React.createElement(Select2List, { disabledList: disableList, list: list, onSelected: handleChange, selected: valueSelected, visible: clickOut, render: render })));
|
|
@@ -6921,16 +6983,16 @@ var Component$m = function (_a) {
|
|
|
6921
6983
|
/**
|
|
6922
6984
|
* Molecule UI child component of select 2
|
|
6923
6985
|
*/
|
|
6924
|
-
var Select2Desktop = Component$
|
|
6986
|
+
var Select2Desktop = Component$n;
|
|
6925
6987
|
|
|
6926
|
-
var styles$
|
|
6988
|
+
var styles$m = {"magneto-ui-select2-input__button":"mg_select2_input_magneto-ui-select2-input_button_14gdi","magneto-ui-select2-input__button--disabled":"mg_select2_input_magneto-ui-select2-input_button--disabled_14gdi","magneto-ui-select2-input__button-text--selected":"mg_select2_input_magneto-ui-select2-input_button-text--selected_14gdi","magneto-ui-select2-input__button-text--placeholder":"mg_select2_input_magneto-ui-select2-input_button-text--placeholder_14gdi","magneto-ui-select2-input__suffix-icon--rotate-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--rotate-arrow_14gdi","magneto-ui-select2-input__suffix-icon--static-arrow":"mg_select2_input_magneto-ui-select2-input_suffix-icon--static-arrow_14gdi","select-label":"mg_select2_input_select-label_14gdi"};
|
|
6927
6989
|
|
|
6928
|
-
var Component$
|
|
6990
|
+
var Component$m = function (_a) {
|
|
6929
6991
|
var _b, _c;
|
|
6930
6992
|
var clickOut = _a.clickOut, placeholder = _a.placeholder, searchValue = _a.searchValue, disabled = _a.disabled, handleSearch = _a.handleSearch, setClickOut = _a.setClickOut, disableList = _a.disableList, icon = _a.icon, valueSelected = _a.valueSelected, isMultiple = _a.isMultiple, name = _a.name, setTerm = _a.setTerm;
|
|
6931
6993
|
var arrowRotate = useMemo(function () {
|
|
6932
6994
|
return CNM.get({
|
|
6933
|
-
styles: styles$
|
|
6995
|
+
styles: styles$m,
|
|
6934
6996
|
cls: [
|
|
6935
6997
|
'select2-input__suffix-icon',
|
|
6936
6998
|
clickOut ? 'select2-input__suffix-icon--rotate-arrow' : 'select2-input__suffix-icon--static-arrow'
|
|
@@ -6943,23 +7005,23 @@ var Component$l = function (_a) {
|
|
|
6943
7005
|
return React.createElement("span", null, placeholder);
|
|
6944
7006
|
}
|
|
6945
7007
|
if ((_a = valueSelected[0]) === null || _a === void 0 ? void 0 : _a.name) {
|
|
6946
|
-
return (React.createElement("span", { className: styles$
|
|
7008
|
+
return (React.createElement("span", { className: styles$m['select-label'] },
|
|
6947
7009
|
React.createElement("span", null, placeholder),
|
|
6948
7010
|
React.createElement("span", null, (_b = valueSelected[0]) === null || _b === void 0 ? void 0 : _b.name)));
|
|
6949
7011
|
}
|
|
6950
7012
|
return React.createElement("span", null, placeholder);
|
|
6951
7013
|
}, [isMultiple, placeholder, valueSelected]);
|
|
6952
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7014
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$m, cls: ['select2-input'] }) },
|
|
6953
7015
|
React.createElement("div", { style: { display: clickOut ? 'block' : 'none' } },
|
|
6954
7016
|
React.createElement(Input, { type: "text", value: searchValue, placeholder: placeholder, name: name || placeholder, hideIcon: true, onChange: handleSearch, disabled: disabled, autoFocus: clickOut })),
|
|
6955
7017
|
React.createElement("button", { style: { display: clickOut ? 'none' : 'flex' }, type: "button", onClick: function () { return setClickOut(!clickOut); }, disabled: disableList || disabled, className: CNM.get({
|
|
6956
|
-
styles: styles$
|
|
7018
|
+
styles: styles$m,
|
|
6957
7019
|
cls: ['select2-input__button', (disableList || disabled) && 'select2-input__button--disabled']
|
|
6958
7020
|
}) },
|
|
6959
7021
|
React.createElement("span", null,
|
|
6960
7022
|
icon && React.createElement("img", { src: icon, alt: "select-icon" }),
|
|
6961
7023
|
React.createElement("p", { className: CNM.get({
|
|
6962
|
-
styles: styles$
|
|
7024
|
+
styles: styles$m,
|
|
6963
7025
|
cls: [
|
|
6964
7026
|
'select2-input__button-text',
|
|
6965
7027
|
valueSelected.length
|
|
@@ -6974,15 +7036,15 @@ var Component$l = function (_a) {
|
|
|
6974
7036
|
/**
|
|
6975
7037
|
* Molecule UI child component of select 2
|
|
6976
7038
|
*/
|
|
6977
|
-
var Select2Input = Component$
|
|
7039
|
+
var Select2Input = Component$m;
|
|
6978
7040
|
|
|
6979
|
-
var styles$
|
|
7041
|
+
var styles$l = {"magneto-ui-select2-list":"mg_select2_list_magneto-ui-select2-list_vqso0","magneto-ui-select2-list--desktop":"mg_select2_list_magneto-ui-select2-list--desktop_vqso0","magneto-ui-select2-list__item--is-selected":"mg_select2_list_magneto-ui-select2-list_item--is-selected_vqso0","magneto-ui-select2-list__item--not-selected":"mg_select2_list_magneto-ui-select2-list_item--not-selected_vqso0"};
|
|
6980
7042
|
|
|
6981
|
-
var Component$
|
|
7043
|
+
var Component$l = function (_a) {
|
|
6982
7044
|
var disabledList = _a.disabledList, isMobile = _a.isMobile, list = _a.list, onSelected = _a.onSelected, selected = _a.selected, visible = _a.visible, render = _a.render;
|
|
6983
7045
|
var itemStyles = useCallback(function (localId) {
|
|
6984
7046
|
return CNM.get({
|
|
6985
|
-
styles: styles$
|
|
7047
|
+
styles: styles$l,
|
|
6986
7048
|
cls: [
|
|
6987
7049
|
'select2-list__item',
|
|
6988
7050
|
(selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
@@ -7005,7 +7067,7 @@ var Component$k = function (_a) {
|
|
|
7005
7067
|
return null;
|
|
7006
7068
|
if (!list.length)
|
|
7007
7069
|
return null;
|
|
7008
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7070
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$l, cls: ['select2-list', !isMobile && 'select2-list--desktop'] }) }, list.map(function (_a, index) {
|
|
7009
7071
|
var props = __rest(_a, []);
|
|
7010
7072
|
return (React.createElement("button", { type: "button", key: props === null || props === void 0 ? void 0 : props.id, onClick: function () { return onSelected(props); }, disabled: (selected === null || selected === void 0 ? void 0 : selected.some(function (_a) {
|
|
7011
7073
|
var id = _a.id;
|
|
@@ -7016,11 +7078,11 @@ var Component$k = function (_a) {
|
|
|
7016
7078
|
/**
|
|
7017
7079
|
* Molecule UI child component of select 2
|
|
7018
7080
|
*/
|
|
7019
|
-
var Select2List = Component$
|
|
7081
|
+
var Select2List = Component$l;
|
|
7020
7082
|
|
|
7021
|
-
var styles$
|
|
7083
|
+
var styles$k = {"magneto-ui-select2-desktop":"mg_select2_mobile_magneto-ui-select2-desktop_174k1"};
|
|
7022
7084
|
|
|
7023
|
-
var Component$
|
|
7085
|
+
var Component$k = function (_a) {
|
|
7024
7086
|
var className = _a.className, disabled = _a.disabled, disableList = _a.disableList, handleChange = _a.handleChange, handleSearch = _a.handleSearch, haveTags = _a.haveTags, icon = _a.icon, isMobile = _a.isMobile, isMultiple = _a.isMultiple, limitSelections = _a.limitSelections, list = _a.list, placeholder = _a.placeholder, removeValue = _a.removeValue, searchValue = _a.searchValue, _b = _a.setClickOut, setClickOut = _b === void 0 ? function () { return ({}); } : _b, valueSelected = _a.valueSelected, render = _a.render, setTerm = _a.setTerm;
|
|
7025
7087
|
var _c = useState(false), isModalOpen = _c[0], setIsModalOpen = _c[1];
|
|
7026
7088
|
useEffect(function () {
|
|
@@ -7034,7 +7096,7 @@ var Component$j = function (_a) {
|
|
|
7034
7096
|
return (React.createElement(React.Fragment, null,
|
|
7035
7097
|
React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: false, disabled: disabled, handleSearch: handleSearch, setClickOut: function () { return handleVisible(true); }, disableList: disableList, isMultiple: isMultiple, icon: icon, valueSelected: valueSelected, setTerm: setTerm }),
|
|
7036
7098
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
7037
|
-
React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$
|
|
7099
|
+
React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$k, cls: ['select2-desktop', className] }) },
|
|
7038
7100
|
React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: true, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, name: "".concat(placeholder, "-mobile"), isMultiple: isMultiple, setTerm: setTerm }),
|
|
7039
7101
|
React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
|
|
7040
7102
|
React.createElement(Select2List, { disabledList: disableList, isMobile: isMobile, list: list, onSelected: handleChange, selected: valueSelected, render: render, visible: true }))));
|
|
@@ -7042,15 +7104,15 @@ var Component$j = function (_a) {
|
|
|
7042
7104
|
/**
|
|
7043
7105
|
* Molecule UI child component of select 2
|
|
7044
7106
|
*/
|
|
7045
|
-
var Select2Mobile = Component$
|
|
7107
|
+
var Select2Mobile = Component$k;
|
|
7046
7108
|
|
|
7047
|
-
var styles$
|
|
7109
|
+
var styles$j = {"magneto-ui-select2-tags":"mg_select2_tags_magneto-ui-select2-tags_sxds5"};
|
|
7048
7110
|
|
|
7049
|
-
var Component$
|
|
7111
|
+
var Component$j = function (_a) {
|
|
7050
7112
|
var onRemove = _a.onRemove, tags = _a.tags, visible = _a.visible;
|
|
7051
7113
|
if (!visible || tags.length === 0)
|
|
7052
7114
|
return null;
|
|
7053
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
7115
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$j, cls: ['select2-tags'] }) }, tags.map(function (_a) {
|
|
7054
7116
|
var id = _a.id, name = _a.name;
|
|
7055
7117
|
return (React.createElement(Tags, { onClick: function () { return onRemove(id); }, icon: Close, key: id, text: name }));
|
|
7056
7118
|
})));
|
|
@@ -7058,7 +7120,7 @@ var Component$i = function (_a) {
|
|
|
7058
7120
|
/**
|
|
7059
7121
|
* Molecule UI child component of select 2
|
|
7060
7122
|
*/
|
|
7061
|
-
var Select2Tags = Component$
|
|
7123
|
+
var Select2Tags = Component$j;
|
|
7062
7124
|
|
|
7063
7125
|
var useSelect2 = function (_a) {
|
|
7064
7126
|
var setTerm = _a.setTerm, _b = _a.currentFields, currentFields = _b === void 0 ? [] : _b, limitSelections = _a.limitSelections, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, onChange = _a.onChange, isMultiple = _a.isMultiple, selectList = _a.selectList;
|
|
@@ -7129,7 +7191,7 @@ var useSelect2 = function (_a) {
|
|
|
7129
7191
|
return { list: list, removeValue: removeValue, handleChange: handleChange, disableList: disableList, handleSearch: handleSearch, searchValue: searchValue, valueSelected: valueSelected };
|
|
7130
7192
|
};
|
|
7131
7193
|
|
|
7132
|
-
var Component$
|
|
7194
|
+
var Component$i = function (_a) {
|
|
7133
7195
|
var props = __rest(_a, []);
|
|
7134
7196
|
var hookProps = __rest(useSelect2(__assign({}, props)), []);
|
|
7135
7197
|
return React.createElement(Select2Container, __assign({}, props, hookProps));
|
|
@@ -7137,7 +7199,7 @@ var Component$h = function (_a) {
|
|
|
7137
7199
|
/**
|
|
7138
7200
|
* Molecule UI component of select 2
|
|
7139
7201
|
*/
|
|
7140
|
-
var Select2 = withClickOut(Component$
|
|
7202
|
+
var Select2 = withClickOut(Component$i);
|
|
7141
7203
|
|
|
7142
7204
|
var style$8 = {"magneto-ui-timeline":"mg_timeline_magneto-ui-timeline_lr29v"};
|
|
7143
7205
|
|
|
@@ -7146,7 +7208,7 @@ var STATUS = {
|
|
|
7146
7208
|
CURRENT: 'current',
|
|
7147
7209
|
BLOCKED: 'blocked'
|
|
7148
7210
|
};
|
|
7149
|
-
var Component$
|
|
7211
|
+
var Component$h = function (_a) {
|
|
7150
7212
|
var steps = _a.steps, currentStep = _a.currentStep, _b = _a.onClick, onClick = _b === void 0 ? function () { return ({}); } : _b;
|
|
7151
7213
|
currentStep = Math.max(currentStep, 1);
|
|
7152
7214
|
var getStatus = function (index) {
|
|
@@ -7163,94 +7225,94 @@ var Component$g = function (_a) {
|
|
|
7163
7225
|
return (React.createElement(TimelineEvent, { index: index + 1, onClick: onClick, key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
|
|
7164
7226
|
})));
|
|
7165
7227
|
};
|
|
7166
|
-
var Timeline = Component$
|
|
7228
|
+
var Timeline = Component$h;
|
|
7167
7229
|
|
|
7168
|
-
var styles$
|
|
7230
|
+
var styles$i = {"user-term-check":"mg_user_term_check_user-term-check_1mjdt"};
|
|
7169
7231
|
|
|
7170
|
-
var cx$
|
|
7171
|
-
var Component$
|
|
7232
|
+
var cx$b = classNames.bind(styles$i);
|
|
7233
|
+
var Component$g = function (_a) {
|
|
7172
7234
|
var children = _a.children, className = _a.className, isChecked = _a.isChecked, onChange = _a.onChange;
|
|
7173
|
-
return (React.createElement("div", { className: cx$
|
|
7174
|
-
React.createElement(Checkbox, { type: "box", display: "block", className: cx$
|
|
7235
|
+
return (React.createElement("div", { className: cx$b('user-term-check', className) },
|
|
7236
|
+
React.createElement(Checkbox, { type: "box", display: "block", className: cx$b('select-list__checkbox'), checked: isChecked, onChange: onChange }, children)));
|
|
7175
7237
|
};
|
|
7176
|
-
var UserTermCheck = Component$
|
|
7238
|
+
var UserTermCheck = Component$g;
|
|
7177
7239
|
|
|
7178
|
-
var styles$
|
|
7240
|
+
var styles$h = {"user-term-content":"mg_user_term_content_user-term-content_krpyi"};
|
|
7179
7241
|
|
|
7180
|
-
var cx$
|
|
7181
|
-
var Component$
|
|
7242
|
+
var cx$a = classNames.bind(styles$h);
|
|
7243
|
+
var Component$f = function (_a) {
|
|
7182
7244
|
var children = _a.children, className = _a.className;
|
|
7183
|
-
return React.createElement("div", { className: cx$
|
|
7245
|
+
return React.createElement("div", { className: cx$a('user-term-content', className) }, children);
|
|
7184
7246
|
};
|
|
7185
|
-
var UserTermContent = Component$
|
|
7247
|
+
var UserTermContent = Component$f;
|
|
7186
7248
|
|
|
7187
|
-
var styles$
|
|
7249
|
+
var styles$g = {"user-term-subtitle":"mg_user_term_subtitle_user-term-subtitle_n7gfk"};
|
|
7188
7250
|
|
|
7189
|
-
var cx$
|
|
7190
|
-
var Component$
|
|
7251
|
+
var cx$9 = classNames.bind(styles$g);
|
|
7252
|
+
var Component$e = function (_a) {
|
|
7191
7253
|
var children = _a.children, className = _a.className;
|
|
7192
|
-
return React.createElement("h3", { className: cx$
|
|
7254
|
+
return React.createElement("h3", { className: cx$9('user-term-subtitle', className) }, children);
|
|
7193
7255
|
};
|
|
7194
|
-
var UserTermSubTitle = Component$
|
|
7256
|
+
var UserTermSubTitle = Component$e;
|
|
7195
7257
|
|
|
7196
|
-
var styles$
|
|
7258
|
+
var styles$f = {"user-term-title":"mg_user_term_title_user-term-title_1krun"};
|
|
7197
7259
|
|
|
7198
|
-
var cx$
|
|
7199
|
-
var Component$
|
|
7260
|
+
var cx$8 = classNames.bind(styles$f);
|
|
7261
|
+
var Component$d = function (_a) {
|
|
7200
7262
|
var children = _a.children, className = _a.className;
|
|
7201
|
-
return React.createElement("h2", { className: cx$
|
|
7263
|
+
return React.createElement("h2", { className: cx$8('user-term-title', className) }, children);
|
|
7202
7264
|
};
|
|
7203
|
-
var UserTermTitle = Component$
|
|
7265
|
+
var UserTermTitle = Component$d;
|
|
7204
7266
|
|
|
7205
|
-
var styles$
|
|
7267
|
+
var styles$e = {"user-term-submit":"mg_user_term_submit_user-term-submit_1f0wt"};
|
|
7206
7268
|
|
|
7207
|
-
var cx$
|
|
7208
|
-
var Component$
|
|
7269
|
+
var cx$7 = classNames.bind(styles$e);
|
|
7270
|
+
var Component$c = function (_a) {
|
|
7209
7271
|
var isLoading = _a.isLoading, children = _a.children, className = _a.className, props = __rest(_a, ["isLoading", "children", "className"]);
|
|
7210
|
-
return (React.createElement("button", __assign({ className: cx$
|
|
7272
|
+
return (React.createElement("button", __assign({ className: cx$7('user-term-submit', className) }, props),
|
|
7211
7273
|
isLoading && React.createElement(FlatLoader, { color: "white", secondColor: "transparent" }),
|
|
7212
7274
|
children));
|
|
7213
7275
|
};
|
|
7214
|
-
var UserTermSubmit = Component$
|
|
7276
|
+
var UserTermSubmit = Component$c;
|
|
7215
7277
|
|
|
7216
|
-
var styles$
|
|
7278
|
+
var styles$d = {"user-term-highlight":"mg_user_term_highlight_user-term-highlight_1qjh2"};
|
|
7217
7279
|
|
|
7218
|
-
var cx$
|
|
7219
|
-
var Component$
|
|
7280
|
+
var cx$6 = classNames.bind(styles$d);
|
|
7281
|
+
var Component$b = function (_a) {
|
|
7220
7282
|
var children = _a.children, className = _a.className;
|
|
7221
|
-
return React.createElement("h4", { className: cx$
|
|
7283
|
+
return React.createElement("h4", { className: cx$6('user-term-highlight', className) }, children);
|
|
7222
7284
|
};
|
|
7223
|
-
var UserTermHighlight = Component$
|
|
7285
|
+
var UserTermHighlight = Component$b;
|
|
7224
7286
|
|
|
7225
|
-
var styles$
|
|
7287
|
+
var styles$c = {"user-term-text":"mg_user_term_text_user-term-text_19pna"};
|
|
7226
7288
|
|
|
7227
|
-
var cx$
|
|
7228
|
-
var Component$
|
|
7289
|
+
var cx$5 = classNames.bind(styles$c);
|
|
7290
|
+
var Component$a = function (_a) {
|
|
7229
7291
|
var children = _a.children, className = _a.className;
|
|
7230
|
-
return React.createElement("p", { className: cx$
|
|
7292
|
+
return React.createElement("p", { className: cx$5('user-term-text', className) }, children);
|
|
7231
7293
|
};
|
|
7232
|
-
var UserTermText = Component$
|
|
7294
|
+
var UserTermText = Component$a;
|
|
7233
7295
|
|
|
7234
|
-
var styles$
|
|
7296
|
+
var styles$b = {"user-term-modal":"mg_user_terms_user-term-modal_1ykq6","user-term-drawer":"mg_user_terms_user-term-drawer_1ykq6"};
|
|
7235
7297
|
|
|
7236
|
-
var styles$
|
|
7298
|
+
var styles$a = {"user-term-u-list":"mg_user_term_u_list_user-term-u-list_1ib2u"};
|
|
7237
7299
|
|
|
7238
|
-
var cx$
|
|
7239
|
-
var Component$
|
|
7300
|
+
var cx$4 = classNames.bind(styles$a);
|
|
7301
|
+
var Component$9 = function (_a) {
|
|
7240
7302
|
var children = _a.children, className = _a.className;
|
|
7241
|
-
return React.createElement("ul", { className: cx$
|
|
7303
|
+
return React.createElement("ul", { className: cx$4('user-term-u-list', className) }, children);
|
|
7242
7304
|
};
|
|
7243
|
-
var UserTermUList = Component$
|
|
7305
|
+
var UserTermUList = Component$9;
|
|
7244
7306
|
|
|
7245
|
-
var cx = classNames.bind(styles$
|
|
7246
|
-
var Component$
|
|
7307
|
+
var cx$3 = classNames.bind(styles$b);
|
|
7308
|
+
var Component$8 = function (_a) {
|
|
7247
7309
|
var children = _a.children, isOpen = _a.isOpen, _b = _a.onClose, onClose = _b === void 0 ? function () { return ({}); } : _b;
|
|
7248
|
-
var container = useMediaQuery(React.createElement(Modal$1, { className: cx('user-term-modal'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children), {
|
|
7249
|
-
sm: (React.createElement(MobileDrawer, { className: cx('user-term-drawer'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children))
|
|
7310
|
+
var container = useMediaQuery(React.createElement(Modal$1, { className: cx$3('user-term-modal'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children), {
|
|
7311
|
+
sm: (React.createElement(MobileDrawer, { className: cx$3('user-term-drawer'), blockBackgroundClose: true, isOpen: isOpen, onClose: onClose }, children))
|
|
7250
7312
|
});
|
|
7251
7313
|
return container;
|
|
7252
7314
|
};
|
|
7253
|
-
var UserTerms = Object.assign(Component$
|
|
7315
|
+
var UserTerms = Object.assign(Component$8, {
|
|
7254
7316
|
Title: UserTermTitle,
|
|
7255
7317
|
Subtitle: UserTermSubTitle,
|
|
7256
7318
|
Content: UserTermContent,
|
|
@@ -7261,6 +7323,65 @@ var UserTerms = Object.assign(Component$7, {
|
|
|
7261
7323
|
UlList: UserTermUList
|
|
7262
7324
|
});
|
|
7263
7325
|
|
|
7326
|
+
var styles$9 = {"magneto-ui--job-drawer":"mg_job_suggested_drawer_magneto-ui--job-drawer_ax183","magneto-ui--job-drawer__title":"mg_job_suggested_drawer_magneto-ui--job-drawer_title_ax183"};
|
|
7327
|
+
|
|
7328
|
+
var styles$8 = {"magneto-ui-job-company-header":"mg_job_suggested_header_magneto-ui-job-company-header_1vzc6"};
|
|
7329
|
+
|
|
7330
|
+
var cx$2 = classNames.bind(styles$8);
|
|
7331
|
+
var JobSuggestedHeader = function (jobCompanySuggestedHeaderProps) {
|
|
7332
|
+
return (React.createElement("div", { className: cx$2('magneto-ui-job-company-header', jobCompanySuggestedHeaderProps.className) },
|
|
7333
|
+
React.createElement(JobCompanyHeader, __assign({}, jobCompanySuggestedHeaderProps))));
|
|
7334
|
+
};
|
|
7335
|
+
|
|
7336
|
+
var styles$7 = {"job-suggested-similar-jobs":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_1n84u","job-suggested-similar-jobs__title":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_title_1n84u","job-suggested-similar-jobs__text":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_text_1n84u","job-suggested-similar-jobs__search":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search_1n84u","job-suggested-similar-jobs__search--alternative-bg":"mg_job_suggested_similar_jobs_job-suggested-similar-jobs_search--alternative-bg_1n84u"};
|
|
7337
|
+
|
|
7338
|
+
var similarJobTextAdapter = function (job) {
|
|
7339
|
+
var text = [
|
|
7340
|
+
{ value: job.title, fontWeight: 'bold', lineBreak: true },
|
|
7341
|
+
{
|
|
7342
|
+
value: job.contractType ? "".concat(job.companyName, " | ").concat(job.contractType) : String(job.companyName),
|
|
7343
|
+
fontWeight: 'normal',
|
|
7344
|
+
lineBreak: true
|
|
7345
|
+
},
|
|
7346
|
+
{ value: job.salary || '', fontWeight: 'normal', lineBreak: true }
|
|
7347
|
+
];
|
|
7348
|
+
return text;
|
|
7349
|
+
};
|
|
7350
|
+
|
|
7351
|
+
var cx$1 = classNames.bind(styles$7);
|
|
7352
|
+
var Icon = SimilarCard.Icon, Logo = SimilarCard.Logo, Text = SimilarCard.Text;
|
|
7353
|
+
var JobSuggestedSimilarJobs = function (_a) {
|
|
7354
|
+
var hideLogo = _a.hideLogo, sectionTitle = _a.sectionTitle, similarJobsCard = _a.similarJobsCard, _b = _a.maxItemsToShow, maxItemsToShow = _b === void 0 ? 5 : _b, className = _a.className, tag = _a.tag, url = _a.url, _c = _a.notItemsDefaultAnchor, notItemsDefaultAnchor = _c === void 0 ? false : _c, tagDefaultAnchor = _a.tagDefaultAnchor, urlDefaultAnchor = _a.urlDefaultAnchor;
|
|
7355
|
+
if (!similarJobsCard || similarJobsCard.length === 0) {
|
|
7356
|
+
return notItemsDefaultAnchor && tagDefaultAnchor && urlDefaultAnchor ? (React.createElement(SearchItem, { className: cx$1('job-suggested-similar-jobs__search--alternative-bg'), tag: tagDefaultAnchor, url: urlDefaultAnchor, icon: ArrowRightWhite })) : null;
|
|
7357
|
+
}
|
|
7358
|
+
var showMoreOption = similarJobsCard.length > maxItemsToShow;
|
|
7359
|
+
return (React.createElement("div", { className: cx$1('job-suggested-similar-jobs') },
|
|
7360
|
+
React.createElement("h3", { className: cx$1('job-suggested-similar-jobs__title') }, sectionTitle),
|
|
7361
|
+
similarJobsCard.slice(0, maxItemsToShow).map(function (job, index) {
|
|
7362
|
+
return (React.createElement(React.Fragment, { key: index },
|
|
7363
|
+
React.createElement(SimilarCard, { className: cx$1(className), jobUrlSlug: job.jobUrlSlug, title: job.title },
|
|
7364
|
+
React.createElement(Logo, { hideLogo: hideLogo, alt: job.title, src: job.companyLogo || NoLogo }),
|
|
7365
|
+
React.createElement(Text, { className: cx$1('job-suggested-similar-jobs__text'), customText: similarJobTextAdapter(job) }),
|
|
7366
|
+
React.createElement(Icon, null)),
|
|
7367
|
+
React.createElement(Divider, null)));
|
|
7368
|
+
}),
|
|
7369
|
+
showMoreOption && React.createElement(SearchItem, { className: cx$1('job-suggested-similar-jobs__search'), tag: tag, url: url })));
|
|
7370
|
+
};
|
|
7371
|
+
|
|
7372
|
+
var cx = classNames.bind(styles$9);
|
|
7373
|
+
var Component$7 = function (_a) {
|
|
7374
|
+
var isLoading = _a.isLoading, children = _a.children, className = _a.className;
|
|
7375
|
+
if (isLoading)
|
|
7376
|
+
return React.createElement(JobDetailsSkeleton, null);
|
|
7377
|
+
return React.createElement("section", { className: cx('magneto-ui--job-drawer', className) }, children);
|
|
7378
|
+
};
|
|
7379
|
+
var JobSuggestedDrawer = Object.assign(Component$7, {
|
|
7380
|
+
Header: JobSuggestedHeader,
|
|
7381
|
+
Alert: AlertJobStatus,
|
|
7382
|
+
SimilarJobs: JobSuggestedSimilarJobs
|
|
7383
|
+
});
|
|
7384
|
+
|
|
7264
7385
|
var styles$6 = {"magneto-ui-analyst-template":"mg_analyst_template_magneto-ui-analyst-template_77xpr","magneto-ui-analyst-template__container":"mg_analyst_template_magneto-ui-analyst-template_container_77xpr","magneto-ui-analyst-template__children":"mg_analyst_template_magneto-ui-analyst-template_children_77xpr"};
|
|
7265
7386
|
|
|
7266
7387
|
var Component$6 = function (_a) {
|
|
@@ -7936,5 +8057,5 @@ var Component = function (_a) {
|
|
|
7936
8057
|
};
|
|
7937
8058
|
var SuggestedJobsPage = Component;
|
|
7938
8059
|
|
|
7939
|
-
export { Actions, Alert, AlphabetFilter, AnalystTemplate, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, JobVideo, JobsPage, Link, ListIconLink, ListMenuIcons, ListMenuItems, ListMenuText, ListSortMenu, Loading, LoginHeader, LoginJobsHeader, LoginJobsTemplate, LoginTemplate, LogoComponent, LogoutHeader, LogoutJobsHeader, LogoutJobsTemplate, LogoutTemplate, MagnetoResolution, MagnetoSocialMedia, ContextAppProvider as MagnetoUIProvider, MainButton, MegaMenu, MegaMenuCard, MegaMenuCards, MegaMenuJobsTabs, MegaMenuPopover, MegaMenuSideCards, MegaMenuTab, MenuDropdown, MenuIcon, MenuItem, MenuSearch, Message, MobileDatePicker, MobileDrawer, MobileDrawerMenu, MobileJobDetailsDrawer, MobileJobDetailsHeader, MobileSearchbar, MobileSortMenu, Modal$1 as Modal, ModalAnalyst, ModalResponsive, MultiRangeSlider, MultipleSelectionEntry, NavMenuAnalyst, NavMenuAnalystRegionModal, NavMenuDrawerAnalyst, OneSelectionEntry, Pagination, Paragraph, Popover, ProcessesCard, Radio, RightsReservedText, SaveButton, ScoreLevel, ScoreLevelStatic, SearchButton, SearchItem, Searchbar, Select, Select2, ShareButton, SharePopover, SideFilter, SimilarJobs, SimilarJobsCard, Skill, SortBar, SortMenu$1 as SortMenu, SuggestedJobsPage, Switch, Tab, TabButton, Tags as Tag, TextArea, Timeline, TimelineEvent, ToggleButton, ToggleButtonList, Tooltip, UserMenu, UserMenuAnalyst, UserMenuButtonAnalyst, UserMenuWrapperAnalyst, UserTermCheck, UserTermContent, UserTermHighlight, UserTermSubTitle, UserTermSubmit, UserTermText, UserTermTitle, UserTermUList, UserTerms, useMediaQuery, withClickOut, withMegaMenuContainer };
|
|
8060
|
+
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, Checkbox, CitiesDetailDrawer, ComparativeCounter, DateDropdown, DateInput, DatePicker, DatePickerResponsiveComponent, Divider, Drawer, DrawerMenu, EExpandableInfoSize, EExpandableInfoVariant, ERadioType, EmptyResult as EmptyResults, ExpandableInfo, FilterActions, FilterCard, FilterContainerMenu, FilterHeader, FilterMenuItem, FilterSearchItem, FlatLoader, Footer, FooterMenuLinks, FraudCardJob, FrequentSearch, HeaderAnalyst, HeaderDrawerCompany, HeaderDrawerTabs, HeaderTab, HeaderTabs, IconItem, Image, Input, InputPlus, InputSearch, JobActions, JobApplyCard, JobCard, JobCardDesktop, JobCardMobile, JobCompanyHeader, JobCompanyLogo, JobDetailCard, JobDetailContainer, JobDetails, JobDetailsDrawer, JobFooterCard, JobHeader, JobSkillsCard, 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, 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, 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, withMegaMenuContainer };
|
|
7940
8061
|
//# sourceMappingURL=index.js.map
|