magneto365.ui 2.56.3 → 2.57.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 +680 -613
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/Divider/Divider.interface.d.ts +1 -0
- package/dist/cjs/types/components/UI/molecules/Alert/Alert.interface.d.ts +1 -1
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/ApplicationSummary.component.d.ts +9 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/ApplicationSummary.interface.d.ts +71 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationButton/ApplicationButton.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationButton/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSection/ApplicationSection.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSection/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSubTitle/ApplicationSubTitle.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationSubTitle/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationText/ApplicationText.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationText/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationTitle/ApplicationTitle.component.d.ts +3 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/children/ApplicationTitle/index.d.ts +1 -0
- package/dist/cjs/types/components/UI/organism/ApplicationSummary/index.d.ts +5 -0
- package/dist/cjs/types/components/UI/organism/index.d.ts +1 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +676 -614
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/Divider/Divider.interface.d.ts +1 -0
- package/dist/esm/types/components/UI/molecules/Alert/Alert.interface.d.ts +1 -1
- package/dist/esm/types/components/UI/organism/ApplicationSummary/ApplicationSummary.component.d.ts +9 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/ApplicationSummary.interface.d.ts +71 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationButton/ApplicationButton.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationButton/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationSection/ApplicationSection.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationSection/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationSubTitle/ApplicationSubTitle.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationSubTitle/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationText/ApplicationText.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationText/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationTitle/ApplicationTitle.component.d.ts +3 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/children/ApplicationTitle/index.d.ts +1 -0
- package/dist/esm/types/components/UI/organism/ApplicationSummary/index.d.ts +5 -0
- package/dist/esm/types/components/UI/organism/index.d.ts +1 -0
- package/dist/index.d.ts +90 -2
- 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$2v = 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$2p = function (_a) {
|
|
|
257
257
|
/**
|
|
258
258
|
* Atom UI component of Icon for general purpose
|
|
259
259
|
*/
|
|
260
|
-
var IconItem = Component$
|
|
260
|
+
var IconItem = Component$2v;
|
|
261
261
|
|
|
262
|
-
var styles$
|
|
262
|
+
var styles$2m = {"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$2u = 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$2m.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$2m['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$2u;
|
|
545
545
|
|
|
546
|
-
var styles$
|
|
546
|
+
var styles$2l = {"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$2t = 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$2l['badge-count'], " ").concat(className) },
|
|
551
|
+
React.createElement("span", { className: styles$2l['badge-count__animation'] }),
|
|
552
552
|
number && number));
|
|
553
553
|
};
|
|
554
|
-
var Badge = Component$
|
|
554
|
+
var Badge = Component$2t;
|
|
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$2k = {"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$2j = {"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$2s = 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$2m = 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$2j['magneto-ui-actions'] },
|
|
707
|
+
React.createElement("div", { id: styles$2j['magneto-ui__external-child'] }, externalButtonChild),
|
|
708
708
|
React.createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
709
|
-
React.createElement("button", { className: styles$
|
|
709
|
+
React.createElement("button", { className: styles$2j['magneto-ui-actions__button'], "aria-label": 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$2j['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$2j['magneto-ui-actions__header'] },
|
|
721
|
+
React.createElement("p", { className: styles$2j['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
722
|
+
offerCompanyName ? React.createElement("p", { className: styles$2j['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$2j['magneto-ui-actions'] },
|
|
727
|
+
React.createElement(ShareButton, __assign({ className: styles$2j['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$2j['magneto-ui-actions__link'], styles$2j['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$2j['magneto-ui-actions__header'] },
|
|
735
|
+
React.createElement("p", { className: styles$2j['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
736
|
+
offerCompanyName ? React.createElement("p", { className: styles$2j['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
737
|
+
React.createElement("div", { className: styles$2j['magneto-ui-actions__back'] },
|
|
738
|
+
React.createElement("button", { className: styles$2j['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$2s, { 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
|
|
|
@@ -768,7 +768,7 @@ var alertIcons = {
|
|
|
768
768
|
warning: Warning,
|
|
769
769
|
error: Error
|
|
770
770
|
};
|
|
771
|
-
var Component$
|
|
771
|
+
var Component$2r = 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)];
|
|
@@ -780,7 +780,7 @@ var Component$2l = function (_a) {
|
|
|
780
780
|
React.createElement(IconItem, { icon: Close, alt: type }))),
|
|
781
781
|
extraButton));
|
|
782
782
|
};
|
|
783
|
-
var Alert = Component$
|
|
783
|
+
var Alert = Component$2r;
|
|
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$C = classNames.bind(style$W);
|
|
871
|
+
var Component$2q = 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$2k = 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$C('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$C('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$C('magneto-ui-container') }, children)),
|
|
902
|
+
isOpen && (React.createElement("span", { className: cx$C('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$2q;
|
|
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$2i = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
964
964
|
|
|
965
|
-
var Component$
|
|
965
|
+
var Component$2p = 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$2i.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$2j = function (_a) {
|
|
|
972
972
|
/**
|
|
973
973
|
* Molecule UI component for breadcrums information
|
|
974
974
|
*/
|
|
975
|
-
var Breadcrumbs = Component$
|
|
975
|
+
var Breadcrumbs = Component$2p;
|
|
976
976
|
|
|
977
|
-
var styles$
|
|
977
|
+
var styles$2h = {"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$2h['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$2h['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$2h['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
985
|
+
isRemote && (React.createElement("p", { className: styles$2h['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$2h['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$2g = {"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$2o = 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$2g['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$2g['magneto-ui--date-dropdown__wrapper'] },
|
|
1005
|
+
React.createElement("select", { className: styles$2g["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1006
|
+
React.createElement("option", { className: styles$2g['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$2g['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1010
1010
|
})),
|
|
1011
|
-
React.createElement("span", { className: styles$
|
|
1011
|
+
React.createElement("span", { className: styles$2g['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1012
1012
|
};
|
|
1013
|
-
var DateDropdown = Component$
|
|
1013
|
+
var DateDropdown = Component$2o;
|
|
1014
1014
|
|
|
1015
|
-
var styles$
|
|
1015
|
+
var styles$2f = {"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$2n = 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$2h = 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$2f['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$2n;
|
|
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$2m = 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$2g = function (_a) {
|
|
|
1106
1106
|
/**
|
|
1107
1107
|
* Molecule UI component for Drawer
|
|
1108
1108
|
*/
|
|
1109
|
-
var Drawer = Component$
|
|
1109
|
+
var Drawer = Component$2m;
|
|
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$2e = {"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$2l = 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$2e,
|
|
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$2f = 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$2e, cls: ['expandable-info-action', className] }) },
|
|
1203
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2e, 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$2e, 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$2l;
|
|
1213
1213
|
|
|
1214
|
-
var styles$
|
|
1214
|
+
var styles$2d = {"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$2k = 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$2d,
|
|
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$2d,
|
|
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$2d,
|
|
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$2d,
|
|
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$2d, cls: ['expandable-info-details'] }) },
|
|
1243
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2d, 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$2e = 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$2d, 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$2d, 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$2k;
|
|
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$2c = {"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$2j = 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$2d = 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$2c, cls: ['expandable-info-message', className] }) },
|
|
1300
|
+
React.createElement("div", { className: CNM.get({ styles: styles$2c, 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$2c,
|
|
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$2j;
|
|
1311
1311
|
|
|
1312
|
-
var styles$
|
|
1312
|
+
var styles$2b = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1313
1313
|
|
|
1314
|
-
var Component$
|
|
1314
|
+
var Component$2i = 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$2c = 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$2b, 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$2i;
|
|
1329
1329
|
|
|
1330
|
-
var styles$
|
|
1330
|
+
var styles$2a = {"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$29 = {"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$29['magneto-ui-play-button'] }, playIcon)));
|
|
1341
1341
|
};
|
|
1342
1342
|
|
|
1343
|
-
var styles$
|
|
1343
|
+
var styles$28 = {"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$28["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1354
|
+
icon && (React.createElement("div", { className: styles$28["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$28["magneto-ui-mega-menu-card__logo"] },
|
|
1357
|
+
React.createElement(Image, { image: logo, alt: 'logo', className: styles$28["magneto-ui-mega-menu-card__logo"] }))),
|
|
1358
|
+
React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__content"] },
|
|
1359
|
+
React.createElement("div", { className: styles$28["magneto-ui-mega-menu-card__title"] }, title),
|
|
1360
|
+
React.createElement("div", { className: styles$28["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$28["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$27 = {"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$27['mega-menu-side-container'] },
|
|
1388
|
+
React.createElement("div", { className: styles$27['mega-menu-side-container__side'] },
|
|
1389
1389
|
React.createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1390
|
-
React.createElement("div", { className: styles$
|
|
1390
|
+
React.createElement("div", { className: styles$27['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$2h = 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$2a,
|
|
1400
1400
|
cls: [
|
|
1401
1401
|
'expandable-info-popover',
|
|
1402
1402
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1404,7 +1404,7 @@ var Component$2b = 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$2a,
|
|
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$2b = 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$2h);
|
|
1417
1417
|
|
|
1418
1418
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1419
1419
|
coin: CoinBlackOutline
|
|
1420
1420
|
};
|
|
1421
1421
|
|
|
1422
|
-
var styles$
|
|
1422
|
+
var styles$26 = {"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$2g = 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$26,
|
|
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$2a = 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$26,
|
|
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$2a = function (_a) {
|
|
|
1470
1470
|
/**
|
|
1471
1471
|
* Molecule UI child component of expandable info
|
|
1472
1472
|
*/
|
|
1473
|
-
var ExpandableInfoToggler = Component$
|
|
1473
|
+
var ExpandableInfoToggler = Component$2g;
|
|
1474
1474
|
|
|
1475
|
-
var styles$
|
|
1475
|
+
var styles$25 = {"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$2f = 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$29 = 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$25, cls: ['expandable-info'] }) },
|
|
1492
1492
|
React.createElement("div", { className: CNM.get({
|
|
1493
|
-
styles: styles$
|
|
1493
|
+
styles: styles$25,
|
|
1494
1494
|
cls: [
|
|
1495
1495
|
'expandable-info__container',
|
|
1496
1496
|
"expandable-info__container--".concat(variant),
|
|
@@ -1500,13 +1500,13 @@ var Component$29 = 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$25, 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$2f;
|
|
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$24 = {"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$24.selected : isSearched ? styles$24.isSearched : hiddenCount ? '' : !total && styles$24.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$24.skeleton });
|
|
1560
|
+
return (React.createElement("button", { id: customId, className: "".concat(styles$24['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$23 = {"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$23.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$23['magneto-ui-filter-search'], " ").concat(disabled ? styles$23.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$22 = {"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$2e = 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$22['fraud-card-job'] },
|
|
1583
|
+
React.createElement("div", { className: styles$22['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$22['fraud-card-job__text'] }, content),
|
|
1588
|
+
React.createElement("a", { target: "_blank", rel: "noreferrer", className: styles$22['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$2e;
|
|
1593
1593
|
|
|
1594
|
-
var styles$
|
|
1594
|
+
var styles$21 = {"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$2d = 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$27 = 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$21['magneto-ui-frequent-search'] },
|
|
1607
|
+
React.createElement("h2", { className: styles$21['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1608
|
+
React.createElement("div", { className: styles$21['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$21['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React.createElement("button", { className: styles$21['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$21['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$2d;
|
|
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$2c = 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$2c;
|
|
1633
1633
|
|
|
1634
|
-
var styles$
|
|
1634
|
+
var styles$20 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1635
1635
|
|
|
1636
|
-
var Component$
|
|
1636
|
+
var Component$2b = function (_a) {
|
|
1637
1637
|
var children = _a.children;
|
|
1638
|
-
return React.createElement("div", { className: styles$
|
|
1638
|
+
return React.createElement("div", { className: styles$20.TabComponent }, children);
|
|
1639
1639
|
};
|
|
1640
1640
|
/**
|
|
1641
1641
|
* Molecule UI for Tab
|
|
1642
1642
|
*/
|
|
1643
|
-
var Tab = Component$
|
|
1643
|
+
var Tab = Component$2b;
|
|
1644
1644
|
|
|
1645
|
-
var styles$
|
|
1645
|
+
var styles$1$ = {"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$2a = 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$1$.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$2a;
|
|
1670
1670
|
|
|
1671
|
-
var styles$
|
|
1671
|
+
var styles$1_ = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1672
1672
|
|
|
1673
|
-
var Component$
|
|
1673
|
+
var Component$29 = 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$1_.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$29;
|
|
1683
1683
|
|
|
1684
|
-
var styles$
|
|
1684
|
+
var styles$1Z = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1685
1685
|
|
|
1686
|
-
var Component$
|
|
1686
|
+
var Component$28 = 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$1Z.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$22 = function (_a) {
|
|
|
1696
1696
|
/**
|
|
1697
1697
|
* Molecule UI component for header tabs information`
|
|
1698
1698
|
*/
|
|
1699
|
-
var HeaderTabs = Component$
|
|
1699
|
+
var HeaderTabs = Component$28;
|
|
1700
1700
|
|
|
1701
|
-
var styles$
|
|
1701
|
+
var styles$1Y = {"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$1Y["".concat(classMUI, "-input")] },
|
|
1737
1737
|
React.createElement("div", null,
|
|
1738
|
-
React.createElement("div", { className: styles$
|
|
1738
|
+
React.createElement("div", { className: styles$1Y["".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$1Y["".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$1Y["".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$1Y["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1748
|
+
actionIcon ? (React.createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1Y["".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$1Y["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1Y['footer-without-error'] : '') },
|
|
1751
|
+
error && (React.createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1Y["".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$1X = {"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$27 = 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$21 = 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$1X["".concat(classMUI, "-flat-loader")] }));
|
|
1772
1772
|
};
|
|
1773
|
-
var FlatLoader = Component$
|
|
1773
|
+
var FlatLoader = Component$27;
|
|
1774
1774
|
|
|
1775
|
-
var styles$
|
|
1775
|
+
var styles$1W = {"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,26 +1816,26 @@ 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$1W["".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$1W["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1W.disabled : ''), disabled: disabledBtn }, isLoading ? (React.createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React.createElement("img", { className: "".concat(disabledBtn ? styles$1W['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1822
1822
|
};
|
|
1823
1823
|
|
|
1824
|
-
var styles$
|
|
1824
|
+
var styles$1V = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
|
|
1825
1825
|
|
|
1826
1826
|
var style$O = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
|
|
1827
1827
|
|
|
1828
|
-
var styles$
|
|
1828
|
+
var styles$1U = {"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"};
|
|
1829
1829
|
|
|
1830
1830
|
var Tooltip = function (_a) {
|
|
1831
1831
|
var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
|
|
1832
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
1833
|
-
React.createElement("div", { className: "".concat(styles$
|
|
1832
|
+
return (React.createElement("div", { className: "".concat(styles$1U['tooltip-container'], " ").concat(styles$1U["tooltip-".concat(position)]) },
|
|
1833
|
+
React.createElement("div", { className: "".concat(styles$1U['tooltip'], " ").concat(styles$1U["tooltip-".concat(position)]) },
|
|
1834
1834
|
children,
|
|
1835
|
-
visible && (React.createElement("span", { className: "".concat(styles$
|
|
1835
|
+
visible && (React.createElement("span", { className: "".concat(styles$1U['tooltip-text'], " ").concat(styles$1U["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1836
1836
|
};
|
|
1837
1837
|
|
|
1838
|
-
var Component$
|
|
1838
|
+
var Component$26 = function (_a) {
|
|
1839
1839
|
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"]);
|
|
1840
1840
|
var _f = useState(false), show = _f[0], setShow = _f[1];
|
|
1841
1841
|
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(' ') },
|
|
@@ -1851,13 +1851,13 @@ var Component$20 = function (_a) {
|
|
|
1851
1851
|
rest.onCopySuccess();
|
|
1852
1852
|
} })))) },
|
|
1853
1853
|
React.createElement(Tooltip, { title: btnProps.title || 'Compartir', position: "bottom", visible: !show },
|
|
1854
|
-
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); } }),
|
|
1854
|
+
React.createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$O['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
|
|
1855
1855
|
React.createElement(IconItem, { size: 20, icon: Share })))));
|
|
1856
1856
|
};
|
|
1857
|
-
Component$
|
|
1858
|
-
var SharePopover = Component$
|
|
1857
|
+
Component$26.displayName = 'SharePopover';
|
|
1858
|
+
var SharePopover = Component$26;
|
|
1859
1859
|
|
|
1860
|
-
var Component$
|
|
1860
|
+
var Component$25 = function (_a) {
|
|
1861
1861
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1862
1862
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1863
1863
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1867,35 +1867,35 @@ var Component$1$ = function (_a) {
|
|
|
1867
1867
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1868
1868
|
var ActionLink = function (_a) {
|
|
1869
1869
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1870
|
-
var iconContent = (React.createElement("a", { className: styles$
|
|
1870
|
+
var iconContent = (React.createElement("a", { className: styles$1V['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1871
1871
|
React.createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1872
1872
|
return (React.createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1873
1873
|
};
|
|
1874
1874
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1875
|
-
return (React.createElement("div", { className: styles$
|
|
1876
|
-
React.createElement("div", { id: styles$
|
|
1877
|
-
React.createElement("div", { className: styles$
|
|
1875
|
+
return (React.createElement("div", { className: styles$1V['magneto-ui-job-actions'] },
|
|
1876
|
+
React.createElement("div", { id: styles$1V['magneto-ui__external-child'] }, externalButtonChild),
|
|
1877
|
+
React.createElement("div", { className: styles$1V['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1878
1878
|
React.createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1879
1879
|
React.createElement(SaveButton, __assign({}, saveButtonProps))),
|
|
1880
1880
|
React.createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1881
1881
|
filteredActionsLinkList.map(function (_a) {
|
|
1882
1882
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1883
|
-
return (React.createElement("div", { className: styles$
|
|
1883
|
+
return (React.createElement("div", { className: styles$1V['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1884
1884
|
React.createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1885
1885
|
}))));
|
|
1886
1886
|
};
|
|
1887
1887
|
/**
|
|
1888
1888
|
* UI Molecule Component for Jobs Actions
|
|
1889
1889
|
*/
|
|
1890
|
-
var JobActions = Component$
|
|
1890
|
+
var JobActions = Component$25;
|
|
1891
1891
|
|
|
1892
|
-
var styles$
|
|
1892
|
+
var styles$1T = {"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"};
|
|
1893
1893
|
|
|
1894
|
-
var Component$
|
|
1894
|
+
var Component$24 = function (_a) {
|
|
1895
1895
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1896
|
-
return (React.createElement("div", { className: styles$
|
|
1897
|
-
React.createElement("div", { className: styles$
|
|
1898
|
-
React.createElement("div", { className: styles$
|
|
1896
|
+
return (React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card'] },
|
|
1897
|
+
React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card__wrapper'] },
|
|
1898
|
+
React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card__header'] },
|
|
1899
1899
|
React.createElement("p", null, offerApplyHeader),
|
|
1900
1900
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1901
1901
|
offerApplyElements
|
|
@@ -1905,16 +1905,16 @@ var Component$1_ = function (_a) {
|
|
|
1905
1905
|
})
|
|
1906
1906
|
.map(function (_a) {
|
|
1907
1907
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1908
|
-
return (React.createElement("div", { className: styles$
|
|
1908
|
+
return (React.createElement("div", { className: styles$1T['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1909
1909
|
React.createElement("p", null, offerApplyLabel),
|
|
1910
1910
|
React.createElement("p", null, offerApplyInfo)));
|
|
1911
1911
|
})),
|
|
1912
|
-
React.createElement("div", { id: styles$
|
|
1912
|
+
React.createElement("div", { id: styles$1T['magneto-ui__external-child'] }, externalChild))));
|
|
1913
1913
|
};
|
|
1914
1914
|
/**
|
|
1915
1915
|
* UI Molecule Component for Job Apply Card
|
|
1916
1916
|
*/
|
|
1917
|
-
var JobApplyCard = Component$
|
|
1917
|
+
var JobApplyCard = Component$24;
|
|
1918
1918
|
|
|
1919
1919
|
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"};
|
|
1920
1920
|
|
|
@@ -1998,29 +1998,29 @@ var JobCard = function (_a) {
|
|
|
1998
1998
|
return React.createElement(React.Fragment, null, cardResponsive);
|
|
1999
1999
|
};
|
|
2000
2000
|
|
|
2001
|
-
var styles$
|
|
2001
|
+
var styles$1S = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
2002
2002
|
|
|
2003
|
-
var Component$
|
|
2003
|
+
var Component$23 = function (_a) {
|
|
2004
2004
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
2005
|
-
return (React.createElement("div", { className: styles$
|
|
2005
|
+
return (React.createElement("div", { className: styles$1S['magneto-ui-job-company-header'] },
|
|
2006
2006
|
React.createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2007
2007
|
React.createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
2008
2008
|
};
|
|
2009
2009
|
/**
|
|
2010
2010
|
* UI Molecule component for Company Job Header
|
|
2011
2011
|
*/
|
|
2012
|
-
var JobCompanyHeader = Component$
|
|
2012
|
+
var JobCompanyHeader = Component$23;
|
|
2013
2013
|
|
|
2014
|
-
var styles$
|
|
2014
|
+
var styles$1R = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2015
2015
|
|
|
2016
|
-
var Component$
|
|
2016
|
+
var Component$22 = function (_a) {
|
|
2017
2017
|
var offerDescription = _a.offerDescription;
|
|
2018
|
-
return (React.createElement("div", { className: styles$
|
|
2018
|
+
return (React.createElement("div", { className: styles$1R['magneto-ui-job-detail-card'] }, offerDescription !== null ? React.createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React.createElement(Fragment, null)));
|
|
2019
2019
|
};
|
|
2020
2020
|
/**
|
|
2021
2021
|
* UI Molecule Component for Job Detail Card Header
|
|
2022
2022
|
*/
|
|
2023
|
-
var JobDetailCard = Component$
|
|
2023
|
+
var JobDetailCard = Component$22;
|
|
2024
2024
|
|
|
2025
2025
|
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"};
|
|
2026
2026
|
|
|
@@ -2035,9 +2035,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2035
2035
|
children));
|
|
2036
2036
|
};
|
|
2037
2037
|
|
|
2038
|
-
var styles$
|
|
2038
|
+
var styles$1Q = {"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"};
|
|
2039
2039
|
|
|
2040
|
-
var Component$
|
|
2040
|
+
var Component$21 = function (_a) {
|
|
2041
2041
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2042
2042
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2043
2043
|
icon: iconList && iconList[index],
|
|
@@ -2047,27 +2047,27 @@ var Component$1X = function (_a) {
|
|
|
2047
2047
|
var offerDetailText = _a.offerDetailText;
|
|
2048
2048
|
return !!offerDetailText && index !== 1;
|
|
2049
2049
|
});
|
|
2050
|
-
return (React.createElement("div", { className: styles$
|
|
2051
|
-
React.createElement("div", { className: styles$
|
|
2050
|
+
return (React.createElement("div", { className: styles$1Q['magneto-ui-job-details'] },
|
|
2051
|
+
React.createElement("div", { className: styles$1Q['magneto-ui-job-details__wrapper'] },
|
|
2052
2052
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2053
2053
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2054
2054
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2055
|
-
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2056
|
-
React.createElement("div", { className: styles$
|
|
2055
|
+
return (React.createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1Q['magneto-ui-job-details__item-detail'] },
|
|
2056
|
+
React.createElement("div", { className: styles$1Q['magneto-ui-job-details__item-detail-icon'] },
|
|
2057
2057
|
React.createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2058
|
-
React.createElement("p", { className: styles$
|
|
2058
|
+
React.createElement("p", { className: styles$1Q['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2059
2059
|
})),
|
|
2060
2060
|
React.createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2061
2061
|
};
|
|
2062
2062
|
/**
|
|
2063
2063
|
* UI Molecule component for Job Detail
|
|
2064
2064
|
*/
|
|
2065
|
-
Component$
|
|
2066
|
-
var JobDetails = Component$
|
|
2065
|
+
Component$21.displayName = 'JobDetails';
|
|
2066
|
+
var JobDetails = Component$21;
|
|
2067
2067
|
|
|
2068
|
-
var styles$
|
|
2068
|
+
var styles$1P = {"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"};
|
|
2069
2069
|
|
|
2070
|
-
var Component$
|
|
2070
|
+
var Component$20 = function (_a) {
|
|
2071
2071
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2072
2072
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2073
2073
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2078,28 +2078,28 @@ var Component$1W = function (_a) {
|
|
|
2078
2078
|
title: title
|
|
2079
2079
|
});
|
|
2080
2080
|
});
|
|
2081
|
-
return (React.createElement("div", { className: styles$
|
|
2081
|
+
return (React.createElement("div", { className: styles$1P['magneto-ui-job-footer-card'] },
|
|
2082
2082
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2083
|
-
React.createElement("div", { className: styles$
|
|
2083
|
+
React.createElement("div", { className: styles$1P['magneto-ui-job-footer-card__icons'] },
|
|
2084
2084
|
React.createElement("p", null, offerFooterHeader),
|
|
2085
|
-
React.createElement("div", { className: styles$
|
|
2085
|
+
React.createElement("div", { className: styles$1P['magneto-ui-job-footer-card__wrapper'] },
|
|
2086
2086
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2087
2087
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2088
2088
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2089
2089
|
return href !== null && (React.createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2090
2090
|
React.createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2091
2091
|
})),
|
|
2092
|
-
React.createElement("div", { className: styles$
|
|
2092
|
+
React.createElement("div", { className: styles$1P['magneto-ui__share-button'] },
|
|
2093
2093
|
React.createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2094
2094
|
};
|
|
2095
2095
|
/**
|
|
2096
2096
|
* UI Molecule component for Job Footer Card
|
|
2097
2097
|
*/
|
|
2098
|
-
var JobFooterCard = Component$
|
|
2098
|
+
var JobFooterCard = Component$20;
|
|
2099
2099
|
|
|
2100
|
-
var styles$
|
|
2100
|
+
var styles$1O = {"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"};
|
|
2101
2101
|
|
|
2102
|
-
var Component$
|
|
2102
|
+
var Component$1$ = function (_a) {
|
|
2103
2103
|
var name = _a.name, score = _a.score;
|
|
2104
2104
|
var _b = useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2105
2105
|
var skillRef = useRef(null);
|
|
@@ -2135,21 +2135,21 @@ var Component$1V = function (_a) {
|
|
|
2135
2135
|
4: 'four'
|
|
2136
2136
|
};
|
|
2137
2137
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2138
|
-
var fillAnimation = animationApplied ? styles$
|
|
2139
|
-
return (React.createElement("div", { ref: skillRef, className: styles$
|
|
2140
|
-
React.createElement("div", { className: styles$
|
|
2138
|
+
var fillAnimation = animationApplied ? styles$1O[levelClass] : '';
|
|
2139
|
+
return (React.createElement("div", { ref: skillRef, className: styles$1O['magneto-ui-skill'] },
|
|
2140
|
+
React.createElement("div", { className: styles$1O['magneto-ui-skill__wrapper'] },
|
|
2141
2141
|
React.createElement("p", null, name),
|
|
2142
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2142
|
+
React.createElement("div", { className: "".concat(styles$1O['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1O['magneto-ui-skill--no-animation']) }))));
|
|
2143
2143
|
};
|
|
2144
|
-
var Skill = Component$
|
|
2144
|
+
var Skill = Component$1$;
|
|
2145
2145
|
|
|
2146
|
-
var styles$
|
|
2146
|
+
var styles$1N = {"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"};
|
|
2147
2147
|
|
|
2148
|
-
var Component$
|
|
2148
|
+
var Component$1_ = function (_a) {
|
|
2149
2149
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2150
|
-
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$
|
|
2150
|
+
return (React.createElement(Fragment, null, offerSkills && offerSkills.length >= 1 && (React.createElement("div", { className: styles$1N['magneto-ui-job-skills-card'] },
|
|
2151
2151
|
React.createElement("p", null, offerSkillsLabel),
|
|
2152
|
-
React.createElement("div", { className: styles$
|
|
2152
|
+
React.createElement("div", { className: styles$1N['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2153
2153
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2154
2154
|
return (React.createElement(React.Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2155
2155
|
React.createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2158,9 +2158,9 @@ var Component$1U = function (_a) {
|
|
|
2158
2158
|
/**
|
|
2159
2159
|
* UI Molecule component of Job Skills Card
|
|
2160
2160
|
*/
|
|
2161
|
-
var JobSkillsCard = Component$
|
|
2161
|
+
var JobSkillsCard = Component$1_;
|
|
2162
2162
|
|
|
2163
|
-
var styles$
|
|
2163
|
+
var styles$1M = {"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"};
|
|
2164
2164
|
|
|
2165
2165
|
var JobVideo = function (_a) {
|
|
2166
2166
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2175,13 +2175,13 @@ var JobVideo = function (_a) {
|
|
|
2175
2175
|
setLoadVideo && setLoadVideo(false);
|
|
2176
2176
|
}
|
|
2177
2177
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2178
|
-
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2178
|
+
return loadVideo || uploadVideo ? (React.createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1M[videoClassName] })) : (React.createElement("div", { className: styles$1M['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2179
2179
|
React.createElement(Image, __assign({}, imageProps))));
|
|
2180
2180
|
};
|
|
2181
2181
|
|
|
2182
2182
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2183
2183
|
|
|
2184
|
-
var Component$
|
|
2184
|
+
var Component$1Z = function (_a) {
|
|
2185
2185
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2186
2186
|
return (React.createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2187
2187
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2189,11 +2189,11 @@ var Component$1T = function (_a) {
|
|
|
2189
2189
|
React.createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2190
2190
|
})));
|
|
2191
2191
|
};
|
|
2192
|
-
var ListIconLink = Component$
|
|
2192
|
+
var ListIconLink = Component$1Z;
|
|
2193
2193
|
|
|
2194
2194
|
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"};
|
|
2195
2195
|
|
|
2196
|
-
var Component$
|
|
2196
|
+
var Component$1Y = function (_a) {
|
|
2197
2197
|
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;
|
|
2198
2198
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2199
2199
|
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 },
|
|
@@ -2202,11 +2202,11 @@ var Component$1S = function (_a) {
|
|
|
2202
2202
|
icon && React.createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2203
2203
|
React.createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2204
2204
|
};
|
|
2205
|
-
var MenuIcon = Component$
|
|
2205
|
+
var MenuIcon = Component$1Y;
|
|
2206
2206
|
|
|
2207
2207
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2208
2208
|
|
|
2209
|
-
var Component$
|
|
2209
|
+
var Component$1X = function (_a) {
|
|
2210
2210
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2211
2211
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2212
2212
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2227,16 +2227,16 @@ var Component$1R = function (_a) {
|
|
|
2227
2227
|
React.createElement(Divider, null),
|
|
2228
2228
|
React.createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2229
2229
|
};
|
|
2230
|
-
var ListMenuIcons = Component$
|
|
2230
|
+
var ListMenuIcons = Component$1X;
|
|
2231
2231
|
|
|
2232
|
-
var Component$
|
|
2232
|
+
var Component$1W = function (_a) {
|
|
2233
2233
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2234
2234
|
return (React.createElement("div", null, menuList.map(function (_a, index) {
|
|
2235
2235
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2236
2236
|
return (React.createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2237
2237
|
})));
|
|
2238
2238
|
};
|
|
2239
|
-
var ListMenuItems = Component$
|
|
2239
|
+
var ListMenuItems = Component$1W;
|
|
2240
2240
|
|
|
2241
2241
|
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"};
|
|
2242
2242
|
|
|
@@ -2310,9 +2310,9 @@ var useMegaMenuMain = function () {
|
|
|
2310
2310
|
return mainHeaderProps;
|
|
2311
2311
|
};
|
|
2312
2312
|
|
|
2313
|
-
var styles$
|
|
2313
|
+
var styles$1L = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2314
2314
|
|
|
2315
|
-
var Component$
|
|
2315
|
+
var Component$1V = function (_a) {
|
|
2316
2316
|
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;
|
|
2317
2317
|
var handleClick = useCallback(function (event) {
|
|
2318
2318
|
if (onClick) {
|
|
@@ -2320,15 +2320,15 @@ var Component$1P = function (_a) {
|
|
|
2320
2320
|
onClick();
|
|
2321
2321
|
}
|
|
2322
2322
|
}, [onClick]);
|
|
2323
|
-
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2324
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2325
|
-
buttonText && React.createElement("p", { className: styles$
|
|
2326
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2323
|
+
return (React.createElement("a", { className: "".concat(className, " ").concat(styles$1L['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2324
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1L['button-link__icon'] })),
|
|
2325
|
+
buttonText && React.createElement("p", { className: styles$1L['button-link__text'] }, buttonText),
|
|
2326
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1L['button-link__icon'] }))));
|
|
2327
2327
|
};
|
|
2328
2328
|
/**
|
|
2329
2329
|
* UI Atom Component of Save Button
|
|
2330
2330
|
*/
|
|
2331
|
-
var ButtonLink = Component$
|
|
2331
|
+
var ButtonLink = Component$1V;
|
|
2332
2332
|
|
|
2333
2333
|
var MegaMenuJobsTabs = function () {
|
|
2334
2334
|
var _a = useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2355,7 +2355,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2355
2355
|
React.createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2356
2356
|
};
|
|
2357
2357
|
|
|
2358
|
-
var styles$
|
|
2358
|
+
var styles$1K = {"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"};
|
|
2359
2359
|
|
|
2360
2360
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2361
2361
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2374,27 +2374,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2374
2374
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2375
2375
|
}, [showContent]);
|
|
2376
2376
|
return (React.createElement(React.Fragment, null,
|
|
2377
|
-
jobAction && (React.createElement("button", { className: "".concat(styles$
|
|
2378
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2379
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2380
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2381
|
-
React.createElement("div", { className: styles$
|
|
2382
|
-
React.createElement("div", { className: styles$
|
|
2377
|
+
jobAction && (React.createElement("button", { className: "".concat(styles$1K["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2378
|
+
React.createElement("p", { className: "".concat(styles$1K["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2379
|
+
React.createElement(IconItem, { className: "".concat(styles$1K["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1K["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
|
|
2380
|
+
React.createElement("div", { className: "".concat(styles$1K["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1K["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2381
|
+
React.createElement("div", { className: styles$1K["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2382
|
+
React.createElement("div", { className: styles$1K["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2383
2383
|
event.stopPropagation();
|
|
2384
2384
|
} }, children))));
|
|
2385
2385
|
};
|
|
2386
2386
|
|
|
2387
|
-
var styles$
|
|
2387
|
+
var styles$1J = {"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"};
|
|
2388
2388
|
|
|
2389
2389
|
var MenuSearch = function (_a) {
|
|
2390
2390
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2391
2391
|
var onBlur = useCallback(function () {
|
|
2392
2392
|
handleOnBlur && handleOnBlur();
|
|
2393
2393
|
}, [handleOnBlur]);
|
|
2394
|
-
return (React.createElement("div", { className: styles$
|
|
2395
|
-
React.createElement("div", { className: styles$
|
|
2394
|
+
return (React.createElement("div", { className: styles$1J['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2395
|
+
React.createElement("div", { className: styles$1J['magneto-ui-menu-search_container'] },
|
|
2396
2396
|
children,
|
|
2397
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2397
|
+
React.createElement("div", { className: "".concat(styles$1J['magneto-ui-menu-search_content'], " ").concat(show && styles$1J.open) }, content))));
|
|
2398
2398
|
};
|
|
2399
2399
|
|
|
2400
2400
|
var iconByType = {
|
|
@@ -2405,9 +2405,9 @@ var iconByType = {
|
|
|
2405
2405
|
};
|
|
2406
2406
|
var transitionDuration = 300;
|
|
2407
2407
|
|
|
2408
|
-
var styles$
|
|
2408
|
+
var styles$1I = {"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"};
|
|
2409
2409
|
|
|
2410
|
-
var Component$
|
|
2410
|
+
var Component$1U = function (_a) {
|
|
2411
2411
|
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;
|
|
2412
2412
|
var _e = useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2413
2413
|
var _f = useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2419,7 +2419,7 @@ var Component$1O = function (_a) {
|
|
|
2419
2419
|
}); }, []);
|
|
2420
2420
|
var containerStyles = useMemo(function () {
|
|
2421
2421
|
return CNM.get({
|
|
2422
|
-
styles: styles$
|
|
2422
|
+
styles: styles$1I,
|
|
2423
2423
|
cls: [
|
|
2424
2424
|
'message__container',
|
|
2425
2425
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2427,7 +2427,7 @@ var Component$1O = function (_a) {
|
|
|
2427
2427
|
]
|
|
2428
2428
|
});
|
|
2429
2429
|
}, [type, toggleAnimation]);
|
|
2430
|
-
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2430
|
+
var textStyles = useCallback(function (bold) { return CNM.get({ styles: styles$1I, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2431
2431
|
useEffect(function () {
|
|
2432
2432
|
if (!localVisible)
|
|
2433
2433
|
return;
|
|
@@ -2459,9 +2459,9 @@ var Component$1O = function (_a) {
|
|
|
2459
2459
|
setIsAnimating(visible);
|
|
2460
2460
|
}, [isAnimating, visible]);
|
|
2461
2461
|
return localVisible
|
|
2462
|
-
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2462
|
+
? ReactDOM.createPortal(React.createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1I, cls: [className] }) },
|
|
2463
2463
|
React.createElement("div", { className: containerStyles },
|
|
2464
|
-
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2464
|
+
React.createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1I, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2465
2465
|
React.createElement("div", null,
|
|
2466
2466
|
text && React.createElement("span", { className: textStyles(!!description) }, text),
|
|
2467
2467
|
description && React.createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2470,13 +2470,13 @@ var Component$1O = function (_a) {
|
|
|
2470
2470
|
/**
|
|
2471
2471
|
* Molecule UI component for Message
|
|
2472
2472
|
*/
|
|
2473
|
-
var Message = Component$
|
|
2473
|
+
var Message = Component$1U;
|
|
2474
2474
|
|
|
2475
|
-
var styles$
|
|
2475
|
+
var styles$1H = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2476
2476
|
|
|
2477
|
-
var Component$
|
|
2477
|
+
var Component$1T = function (_a) {
|
|
2478
2478
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2479
|
-
return (React.createElement("div", { className: styles$
|
|
2479
|
+
return (React.createElement("div", { className: styles$1H['magneto-ui-mobile-job-details-header'] },
|
|
2480
2480
|
React.createElement("button", { onClick: onClick },
|
|
2481
2481
|
React.createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2482
2482
|
React.createElement("p", null, returnText)));
|
|
@@ -2484,11 +2484,11 @@ var Component$1N = function (_a) {
|
|
|
2484
2484
|
/**
|
|
2485
2485
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2486
2486
|
*/
|
|
2487
|
-
var MobileJobDetailsHeader = Component$
|
|
2487
|
+
var MobileJobDetailsHeader = Component$1T;
|
|
2488
2488
|
|
|
2489
|
-
var styles$
|
|
2489
|
+
var styles$1G = {"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"};
|
|
2490
2490
|
|
|
2491
|
-
var Component$
|
|
2491
|
+
var Component$1S = function (_a) {
|
|
2492
2492
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2493
2493
|
var _b = useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2494
2494
|
var searchInputRef = useRef(null);
|
|
@@ -2510,20 +2510,20 @@ var Component$1M = function (_a) {
|
|
|
2510
2510
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2511
2511
|
}
|
|
2512
2512
|
}, [focusSearchInput]);
|
|
2513
|
-
return (React.createElement("div", { className: styles$
|
|
2513
|
+
return (React.createElement("div", { className: styles$1G.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2514
2514
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2515
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2516
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2515
|
+
searchValue && React.createElement("div", { className: styles$1G['search-badge'] }),
|
|
2516
|
+
React.createElement(MainButton, __assign({ className: styles$1G['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2517
2517
|
React.createElement("label", { htmlFor: "search" }),
|
|
2518
2518
|
React.createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2519
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2519
|
+
React.createElement(MainButton, __assign({ className: styles$1G['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2520
2520
|
};
|
|
2521
2521
|
/**
|
|
2522
2522
|
* Molecule UI component for MobileSearchbar
|
|
2523
2523
|
*/
|
|
2524
|
-
var MobileSearchbar = Component$
|
|
2524
|
+
var MobileSearchbar = Component$1S;
|
|
2525
2525
|
|
|
2526
|
-
var styles$
|
|
2526
|
+
var styles$1F = {"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"};
|
|
2527
2527
|
|
|
2528
2528
|
var Modal = function (_a) {
|
|
2529
2529
|
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;
|
|
@@ -2536,49 +2536,49 @@ var Modal = function (_a) {
|
|
|
2536
2536
|
if (!isOpen)
|
|
2537
2537
|
return null;
|
|
2538
2538
|
return (React.createElement(Fragment, null,
|
|
2539
|
-
React.createElement("div", { className: "".concat(styles$
|
|
2540
|
-
title ? React.createElement("h2", { className: "".concat(styles$
|
|
2541
|
-
description ? React.createElement("p", { className: "".concat(styles$
|
|
2539
|
+
React.createElement("div", { className: "".concat(styles$1F["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2540
|
+
title ? React.createElement("h2", { className: "".concat(styles$1F["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2541
|
+
description ? React.createElement("p", { className: "".concat(styles$1F["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2542
2542
|
children,
|
|
2543
|
-
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2543
|
+
React.createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1F["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2544
2544
|
React.createElement("img", { src: Close, alt: "close icon" }))),
|
|
2545
|
-
React.createElement("span", { className: "".concat(styles$
|
|
2545
|
+
React.createElement("span", { className: "".concat(styles$1F["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2546
2546
|
};
|
|
2547
2547
|
var Title = function (_a) {
|
|
2548
2548
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2549
|
-
return (React.createElement("h2", __assign({ className: "".concat(styles$
|
|
2549
|
+
return (React.createElement("h2", __assign({ className: "".concat(styles$1F["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2550
2550
|
};
|
|
2551
2551
|
var Description = function (_a) {
|
|
2552
2552
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2553
|
-
return (React.createElement("p", __assign({ className: "".concat(styles$
|
|
2553
|
+
return (React.createElement("p", __assign({ className: "".concat(styles$1F["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2554
2554
|
};
|
|
2555
2555
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2556
2556
|
|
|
2557
|
-
var Component$
|
|
2557
|
+
var Component$1R = function (_a) {
|
|
2558
2558
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2559
2559
|
var container = useMediaQuery(React.createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2560
2560
|
md: (React.createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2561
2561
|
});
|
|
2562
2562
|
return container;
|
|
2563
2563
|
};
|
|
2564
|
-
var ModalResponsive = Component$
|
|
2564
|
+
var ModalResponsive = Component$1R;
|
|
2565
2565
|
|
|
2566
|
-
var styles$
|
|
2566
|
+
var styles$1E = {"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"};
|
|
2567
2567
|
|
|
2568
2568
|
var BtnPagination = function (_a) {
|
|
2569
2569
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2570
2570
|
var displayContent = useMemo(function () {
|
|
2571
2571
|
if (loading && value && current === value)
|
|
2572
|
-
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2572
|
+
return React.createElement(IconItem, { icon: SpinnerWhite, className: styles$1E['magneto-ui-btn-pagination_spinner'] });
|
|
2573
2573
|
return value;
|
|
2574
2574
|
}, [loading, current, value]);
|
|
2575
2575
|
var pageQueryParam = 'paginator[page]=';
|
|
2576
2576
|
var displayIcon = useMemo(function () { return (icon ? React.createElement(IconItem, { icon: icon }) : React.createElement(Fragment, null)); }, [icon]);
|
|
2577
2577
|
var title = useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2578
|
-
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$
|
|
2579
|
-
React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2578
|
+
return (React.createElement(Fragment, null, dynamicPaginationUrl ? (React.createElement("a", { className: styles$1E['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2579
|
+
React.createElement("button", { className: "\n ".concat(loading && styles$1E['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1E['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1E['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1E['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2580
2580
|
displayContent,
|
|
2581
|
-
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$
|
|
2581
|
+
displayIcon))) : (React.createElement("button", { className: "\n ".concat(loading && styles$1E['magneto-ui-btn-pagination_disabled'], " \n ").concat(value && current === value && styles$1E['magneto-ui-btn-pagination_active'], " \n ").concat(text && styles$1E['magneto-ui-btn-pagination_with__icon'], "\n ").concat(styles$1E['magneto-ui-btn-pagination_btn'], "\n "), title: title, disabled: loading, onClick: onClick },
|
|
2582
2582
|
displayContent,
|
|
2583
2583
|
displayIcon))));
|
|
2584
2584
|
};
|
|
@@ -2629,7 +2629,7 @@ var createPagination = function (_a) {
|
|
|
2629
2629
|
};
|
|
2630
2630
|
};
|
|
2631
2631
|
|
|
2632
|
-
var styles$
|
|
2632
|
+
var styles$1D = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2633
2633
|
|
|
2634
2634
|
var Pagination = function (_a) {
|
|
2635
2635
|
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;
|
|
@@ -2648,16 +2648,16 @@ var Pagination = function (_a) {
|
|
|
2648
2648
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2649
2649
|
if (total <= pageSize)
|
|
2650
2650
|
return React.createElement(Fragment, null);
|
|
2651
|
-
return (React.createElement("div", { className: styles$
|
|
2651
|
+
return (React.createElement("div", { className: styles$1D['magneto-ui-pagination'] },
|
|
2652
2652
|
first !== current && (React.createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2653
2653
|
React.createElement("ul", null,
|
|
2654
2654
|
!buttons.includes(first) && (React.createElement("li", null,
|
|
2655
2655
|
React.createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2656
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2656
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1D['magneto-ui-pagination_ellipsis'] }))),
|
|
2657
2657
|
buttons.map(function (page, index) { return (React.createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2658
2658
|
React.createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2659
2659
|
!buttons.includes(last) && (React.createElement("li", null,
|
|
2660
|
-
React.createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2660
|
+
React.createElement(IconItem, { icon: Ellipsis, className: styles$1D['magneto-ui-pagination_ellipsis'] }),
|
|
2661
2661
|
React.createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2662
2662
|
last !== current && (React.createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2663
2663
|
};
|
|
@@ -2677,9 +2677,9 @@ var generateID = function () {
|
|
|
2677
2677
|
return uniqueID;
|
|
2678
2678
|
};
|
|
2679
2679
|
|
|
2680
|
-
var styles$
|
|
2680
|
+
var styles$1C = {"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"};
|
|
2681
2681
|
|
|
2682
|
-
var Component$
|
|
2682
|
+
var Component$1Q = function (_a) {
|
|
2683
2683
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2684
2684
|
var _b = useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2685
2685
|
var _c = useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2707,19 +2707,19 @@ var Component$1K = function (_a) {
|
|
|
2707
2707
|
}
|
|
2708
2708
|
return { backgroundColor: '#c4c4c4' };
|
|
2709
2709
|
}, [color, score, spanHover]);
|
|
2710
|
-
return (React.createElement("div", { className: styles$
|
|
2710
|
+
return (React.createElement("div", { className: styles$1C['magneto-ui-score-level'] },
|
|
2711
2711
|
React.createElement("p", null, name),
|
|
2712
|
-
React.createElement("div", { className: styles$
|
|
2712
|
+
React.createElement("div", { className: styles$1C['magneto-ui-score-level__summary'] },
|
|
2713
2713
|
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); } })); })),
|
|
2714
2714
|
React.createElement("p", null, labelScore)),
|
|
2715
|
-
React.createElement("button", { className: styles$
|
|
2715
|
+
React.createElement("button", { className: styles$1C['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2716
2716
|
React.createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2717
2717
|
};
|
|
2718
|
-
var ScoreLevel = Component$
|
|
2718
|
+
var ScoreLevel = Component$1Q;
|
|
2719
2719
|
|
|
2720
|
-
var styles$
|
|
2720
|
+
var styles$1B = {"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"};
|
|
2721
2721
|
|
|
2722
|
-
var Component$
|
|
2722
|
+
var Component$1P = function (_a) {
|
|
2723
2723
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2724
2724
|
var labelScore = useMemo(function () {
|
|
2725
2725
|
return levels[scoreValue - 1];
|
|
@@ -2734,17 +2734,17 @@ var Component$1J = function (_a) {
|
|
|
2734
2734
|
}
|
|
2735
2735
|
return { backgroundColor: '#c4c4c4' };
|
|
2736
2736
|
}, [color, scoreValue]);
|
|
2737
|
-
return (React.createElement("div", { className: styles$
|
|
2737
|
+
return (React.createElement("div", { className: styles$1B['magneto-ui-score-level'] },
|
|
2738
2738
|
React.createElement("p", null, name),
|
|
2739
|
-
React.createElement("div", { className: styles$
|
|
2739
|
+
React.createElement("div", { className: styles$1B['magneto-ui-score-level__summary'] },
|
|
2740
2740
|
React.createElement("div", null, levels.map(function (_, index) { return (React.createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2741
2741
|
React.createElement("p", null, labelScore))));
|
|
2742
2742
|
};
|
|
2743
|
-
var ScoreLevelStatic = Component$
|
|
2743
|
+
var ScoreLevelStatic = Component$1P;
|
|
2744
2744
|
|
|
2745
|
-
var styles$
|
|
2745
|
+
var styles$1A = {"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"};
|
|
2746
2746
|
|
|
2747
|
-
var Component$
|
|
2747
|
+
var Component$1O = function (_a) {
|
|
2748
2748
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2749
2749
|
var _b = useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2750
2750
|
useEffect(function () {
|
|
@@ -2760,32 +2760,32 @@ var Component$1I = function (_a) {
|
|
|
2760
2760
|
setSearchValue('');
|
|
2761
2761
|
onSearch('');
|
|
2762
2762
|
};
|
|
2763
|
-
return (React.createElement("div", { className: styles$
|
|
2763
|
+
return (React.createElement("div", { className: styles$1A.SearchbarComponent },
|
|
2764
2764
|
React.createElement("form", { onSubmit: handleSubmit },
|
|
2765
2765
|
React.createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2766
|
-
searchValue && React.createElement("div", { className: styles$
|
|
2767
|
-
React.createElement("div", { className: styles$
|
|
2766
|
+
searchValue && React.createElement("div", { className: styles$1A['SearchbarComponent__badge'] }),
|
|
2767
|
+
React.createElement("div", { className: styles$1A['magneto-ui-searchbar-buttons'] },
|
|
2768
2768
|
searchValue && (React.createElement(React.Fragment, null,
|
|
2769
|
-
React.createElement(MainButton, __assign({ className: styles$
|
|
2769
|
+
React.createElement(MainButton, __assign({ className: styles$1A['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2770
2770
|
React.createElement("span", null, "|"))),
|
|
2771
2771
|
React.createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2772
2772
|
};
|
|
2773
2773
|
/**
|
|
2774
2774
|
* UI Molecule of a searchbar
|
|
2775
2775
|
*/
|
|
2776
|
-
var Searchbar = Component$
|
|
2776
|
+
var Searchbar = Component$1O;
|
|
2777
2777
|
|
|
2778
|
-
var styles$
|
|
2778
|
+
var styles$1z = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2779
2779
|
|
|
2780
|
-
var Component$
|
|
2780
|
+
var Component$1N = function (_a) {
|
|
2781
2781
|
var props = __rest(_a, []);
|
|
2782
|
-
return (React.createElement("div", { className: styles$
|
|
2783
|
-
props.searchValue && React.createElement("div", { className: styles$
|
|
2782
|
+
return (React.createElement("div", { className: styles$1z['search-button'] },
|
|
2783
|
+
props.searchValue && React.createElement("div", { className: styles$1z['search-button__badge'] }),
|
|
2784
2784
|
React.createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2785
2785
|
};
|
|
2786
|
-
var SearchButton = Component$
|
|
2786
|
+
var SearchButton = Component$1N;
|
|
2787
2787
|
|
|
2788
|
-
var styles$
|
|
2788
|
+
var styles$1y = {"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"};
|
|
2789
2789
|
|
|
2790
2790
|
var SimilarJobsCard = function (_a) {
|
|
2791
2791
|
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;
|
|
@@ -2795,12 +2795,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2795
2795
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2796
2796
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2797
2797
|
}, [cities, salary, experience]);
|
|
2798
|
-
return (React.createElement("a", { title: title, className: "".concat(styles$
|
|
2799
|
-
!hideLogo && (React.createElement("img", { className: "".concat(styles$
|
|
2798
|
+
return (React.createElement("a", { title: title, className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2799
|
+
!hideLogo && (React.createElement("img", { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2800
2800
|
React.createElement("div", null,
|
|
2801
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2802
|
-
React.createElement("p", { className: "".concat(styles$
|
|
2803
|
-
React.createElement(IconItem, { className: "".concat(styles$
|
|
2801
|
+
React.createElement("p", { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2802
|
+
React.createElement("p", { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2803
|
+
React.createElement(IconItem, { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2804
2804
|
};
|
|
2805
2805
|
|
|
2806
2806
|
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"};
|
|
@@ -2822,7 +2822,7 @@ var SortMenu = function (_a) {
|
|
|
2822
2822
|
};
|
|
2823
2823
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2824
2824
|
|
|
2825
|
-
var styles$
|
|
2825
|
+
var styles$1x = {"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"};
|
|
2826
2826
|
|
|
2827
2827
|
var TextArea = function (_a) {
|
|
2828
2828
|
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"]);
|
|
@@ -2848,15 +2848,15 @@ var TextArea = function (_a) {
|
|
|
2848
2848
|
return;
|
|
2849
2849
|
setShowPlaceholder(scrollTop === 0);
|
|
2850
2850
|
}, [showPlaceholder]);
|
|
2851
|
-
return (React.createElement("div", { className: styles$
|
|
2852
|
-
React.createElement("div", { className: styles$
|
|
2851
|
+
return (React.createElement("div", { className: styles$1x["".concat(classMUI, "-text-area")] },
|
|
2852
|
+
React.createElement("div", { className: styles$1x["".concat(classMUI, "-text-area--container")] },
|
|
2853
2853
|
showPlaceholder && (React.createElement("label", { htmlFor: name, style: {
|
|
2854
2854
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2855
2855
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2856
|
-
}, className: styles$
|
|
2857
|
-
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2858
|
-
React.createElement("div", { className: styles$
|
|
2859
|
-
React.createElement("span", { className: styles$
|
|
2856
|
+
}, className: styles$1x["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2857
|
+
React.createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1x["".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 }))),
|
|
2858
|
+
React.createElement("div", { className: styles$1x["".concat(classMUI, "-text-area__footer")] },
|
|
2859
|
+
React.createElement("span", { className: styles$1x["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2860
2860
|
hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2861
2861
|
};
|
|
2862
2862
|
|
|
@@ -2867,7 +2867,7 @@ var timelineIcons = {
|
|
|
2867
2867
|
current: Clock,
|
|
2868
2868
|
blocked: Lock
|
|
2869
2869
|
};
|
|
2870
|
-
var Component$
|
|
2870
|
+
var Component$1M = function (_a) {
|
|
2871
2871
|
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;
|
|
2872
2872
|
var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2873
2873
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2880,11 +2880,11 @@ var Component$1G = function (_a) {
|
|
|
2880
2880
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2881
2881
|
React.createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2882
2882
|
};
|
|
2883
|
-
var TimelineEvent = Component$
|
|
2883
|
+
var TimelineEvent = Component$1M;
|
|
2884
2884
|
|
|
2885
|
-
var styles$
|
|
2885
|
+
var styles$1w = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2886
2886
|
|
|
2887
|
-
var Component$
|
|
2887
|
+
var Component$1L = function (_a) {
|
|
2888
2888
|
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;
|
|
2889
2889
|
var _d = useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2890
2890
|
useEffect(function () {
|
|
@@ -2907,19 +2907,19 @@ var Component$1F = function (_a) {
|
|
|
2907
2907
|
}
|
|
2908
2908
|
return false;
|
|
2909
2909
|
};
|
|
2910
|
-
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2910
|
+
return (React.createElement("div", { className: "".concat(className, " ").concat(styles$1w['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2911
2911
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2912
2912
|
return (React.createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2913
2913
|
})));
|
|
2914
2914
|
};
|
|
2915
|
-
var ToggleButtonList = Component$
|
|
2915
|
+
var ToggleButtonList = Component$1L;
|
|
2916
2916
|
|
|
2917
|
-
var Component$
|
|
2917
|
+
var Component$1K = function (_a) {
|
|
2918
2918
|
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;
|
|
2919
2919
|
return (React.createElement(Popover, { widthBase: 40, show: clickOut, content: React.createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2920
2920
|
React.createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2921
2921
|
};
|
|
2922
|
-
var UserMenu = withClickOut(Component$
|
|
2922
|
+
var UserMenu = withClickOut(Component$1K);
|
|
2923
2923
|
|
|
2924
2924
|
var userMenuAnalystIcons = {
|
|
2925
2925
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2933,11 +2933,11 @@ var userMenuAnalystIcons = {
|
|
|
2933
2933
|
rateUsHelp: Messages2BlackOutline
|
|
2934
2934
|
};
|
|
2935
2935
|
|
|
2936
|
-
var styles$
|
|
2936
|
+
var styles$1v = {"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"};
|
|
2937
2937
|
|
|
2938
|
-
var styles$
|
|
2938
|
+
var styles$1u = {"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"};
|
|
2939
2939
|
|
|
2940
|
-
var Component$
|
|
2940
|
+
var Component$1J = function (_a) {
|
|
2941
2941
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2942
2942
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2943
2943
|
var handleOnClick = useCallback(function () {
|
|
@@ -2951,12 +2951,12 @@ var Component$1D = function (_a) {
|
|
|
2951
2951
|
}
|
|
2952
2952
|
}, [handleModal, handleMenuOpen, option]);
|
|
2953
2953
|
return (React.createElement("span", { className: CNM.get({
|
|
2954
|
-
styles: styles$
|
|
2954
|
+
styles: styles$1u,
|
|
2955
2955
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2956
2956
|
}) },
|
|
2957
2957
|
prefix,
|
|
2958
2958
|
React.createElement(MenuIcon, { className: CNM.get({
|
|
2959
|
-
styles: styles$
|
|
2959
|
+
styles: styles$1u,
|
|
2960
2960
|
cls: ['user-menu-analyst-option-default__container']
|
|
2961
2961
|
}), 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 }),
|
|
2962
2962
|
suffix));
|
|
@@ -2964,31 +2964,31 @@ var Component$1D = function (_a) {
|
|
|
2964
2964
|
/**
|
|
2965
2965
|
* Molecule UI great-grand child component of menu dropdown
|
|
2966
2966
|
*/
|
|
2967
|
-
var UserMenuAnalystOptionDefault = React.memo(Component$
|
|
2967
|
+
var UserMenuAnalystOptionDefault = React.memo(Component$1J);
|
|
2968
2968
|
|
|
2969
|
-
var styles$
|
|
2969
|
+
var styles$1t = {"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"};
|
|
2970
2970
|
|
|
2971
|
-
var Component$
|
|
2971
|
+
var Component$1I = function (_a) {
|
|
2972
2972
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2973
2973
|
return (React.createElement("span", { className: CNM.get({
|
|
2974
|
-
styles: styles$
|
|
2974
|
+
styles: styles$1t,
|
|
2975
2975
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2976
2976
|
}) },
|
|
2977
2977
|
prefix,
|
|
2978
|
-
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2978
|
+
React.createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2979
2979
|
suffix));
|
|
2980
2980
|
};
|
|
2981
2981
|
/**
|
|
2982
2982
|
* Molecule UI great-grand child component of menu dropdown
|
|
2983
2983
|
*/
|
|
2984
|
-
var UserMenuAnalystOptionHover = React.memo(Component$
|
|
2984
|
+
var UserMenuAnalystOptionHover = React.memo(Component$1I);
|
|
2985
2985
|
|
|
2986
|
-
var styles$
|
|
2986
|
+
var styles$1s = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2987
2987
|
|
|
2988
|
-
var Component$
|
|
2988
|
+
var Component$1H = function (_a) {
|
|
2989
2989
|
var option = _a.option, className = _a.className;
|
|
2990
2990
|
return (React.createElement("span", { className: CNM.get({
|
|
2991
|
-
styles: styles$
|
|
2991
|
+
styles: styles$1s,
|
|
2992
2992
|
cls: [className, 'user-menu-analyst-option-text']
|
|
2993
2993
|
}) },
|
|
2994
2994
|
React.createElement("p", null, option.title)));
|
|
@@ -2996,9 +2996,9 @@ var Component$1B = function (_a) {
|
|
|
2996
2996
|
/**
|
|
2997
2997
|
* Molecule UI great-grand child component of menu dropdown
|
|
2998
2998
|
*/
|
|
2999
|
-
var UserMenuAnalystOptionText = React.memo(Component$
|
|
2999
|
+
var UserMenuAnalystOptionText = React.memo(Component$1H);
|
|
3000
3000
|
|
|
3001
|
-
var Component$
|
|
3001
|
+
var Component$1G = function (_a) {
|
|
3002
3002
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
3003
3003
|
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" },
|
|
3004
3004
|
React.createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3018,7 +3018,7 @@ var Action = function (_a) {
|
|
|
3018
3018
|
/**
|
|
3019
3019
|
* Molecule UI great-grand child component of menu dropdown
|
|
3020
3020
|
*/
|
|
3021
|
-
var UserMenuAnalystOptionActions = React.memo(Component$
|
|
3021
|
+
var UserMenuAnalystOptionActions = React.memo(Component$1G);
|
|
3022
3022
|
|
|
3023
3023
|
var EUserMenuAnalystOptionType;
|
|
3024
3024
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3044,28 +3044,28 @@ var optionTypes = (_b = {},
|
|
|
3044
3044
|
_b);
|
|
3045
3045
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3046
3046
|
|
|
3047
|
-
var styles$
|
|
3047
|
+
var styles$1r = {"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"};
|
|
3048
3048
|
|
|
3049
|
-
var Component$
|
|
3049
|
+
var Component$1F = function (_a) {
|
|
3050
3050
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3051
3051
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3052
3052
|
return (React.createElement("div", null,
|
|
3053
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3053
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3054
3054
|
subTitle && separatorIndex && (React.createElement("div", null,
|
|
3055
3055
|
React.createElement("span", { className: CNM.get({
|
|
3056
|
-
styles: styles$
|
|
3056
|
+
styles: styles$1r,
|
|
3057
3057
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3058
3058
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3059
3059
|
React.createElement("span", { className: CNM.get({
|
|
3060
|
-
styles: styles$
|
|
3060
|
+
styles: styles$1r,
|
|
3061
3061
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3062
3062
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3063
3063
|
};
|
|
3064
|
-
var UserMenuAnalystTitle = Component$
|
|
3064
|
+
var UserMenuAnalystTitle = Component$1F;
|
|
3065
3065
|
|
|
3066
|
-
var styles$
|
|
3066
|
+
var styles$1q = {"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"};
|
|
3067
3067
|
|
|
3068
|
-
var Component$
|
|
3068
|
+
var Component$1E = function (_a) {
|
|
3069
3069
|
var _b;
|
|
3070
3070
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3071
3071
|
var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3091,13 +3091,13 @@ var Component$1y = function (_a) {
|
|
|
3091
3091
|
var OptionType = getOptionType(option.type);
|
|
3092
3092
|
if (!OptionType)
|
|
3093
3093
|
return null;
|
|
3094
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3095
|
-
React.createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3094
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst-option__object'] }) },
|
|
3095
|
+
React.createElement(OptionType, { className: CNM.get({ styles: styles$1q, 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 }) })));
|
|
3096
3096
|
}
|
|
3097
|
-
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$
|
|
3097
|
+
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$1q, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
|
|
3098
3098
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3099
3099
|
}, className: CNM.get({
|
|
3100
|
-
styles: styles$
|
|
3100
|
+
styles: styles$1q,
|
|
3101
3101
|
cls: [
|
|
3102
3102
|
'user-menu-analyst-option__dropdown',
|
|
3103
3103
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3106,8 +3106,8 @@ var Component$1y = function (_a) {
|
|
|
3106
3106
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3107
3107
|
var _a;
|
|
3108
3108
|
return (React.createElement(React.Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3109
|
-
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3110
|
-
_a.map(function (child, j) { return (React.createElement(Component$
|
|
3109
|
+
item.title && (React.createElement("span", { className: CNM.get({ styles: styles$1q, 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 :
|
|
3110
|
+
_a.map(function (child, j) { return (React.createElement(Component$1E, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3111
3111
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3112
3112
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3113
3113
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3116,27 +3116,27 @@ var Component$1y = function (_a) {
|
|
|
3116
3116
|
/**
|
|
3117
3117
|
* Molecule UI grand child component of menu dropdown
|
|
3118
3118
|
*/
|
|
3119
|
-
var UserMenuAnalystOption = Component$
|
|
3119
|
+
var UserMenuAnalystOption = Component$1E;
|
|
3120
3120
|
|
|
3121
|
-
var Component$
|
|
3121
|
+
var Component$1D = function (_a) {
|
|
3122
3122
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3123
3123
|
var isLastSection = useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3124
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3124
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
|
|
3125
3125
|
var _a;
|
|
3126
3126
|
return (React.createElement(React.Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3127
3127
|
_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 })); }),
|
|
3128
|
-
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3128
|
+
!isLastSection && i < options.length - 1 && (React.createElement("div", { className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3129
3129
|
React.createElement(Divider, null)))));
|
|
3130
3130
|
})));
|
|
3131
3131
|
};
|
|
3132
3132
|
/**
|
|
3133
3133
|
* Molecule UI child component of user menu analyst
|
|
3134
3134
|
*/
|
|
3135
|
-
var UserMenuAnalystOptions = Component$
|
|
3135
|
+
var UserMenuAnalystOptions = Component$1D;
|
|
3136
3136
|
|
|
3137
|
-
var styles$
|
|
3137
|
+
var styles$1p = {"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"};
|
|
3138
3138
|
|
|
3139
|
-
var Component$
|
|
3139
|
+
var Component$1C = function (_a) {
|
|
3140
3140
|
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;
|
|
3141
3141
|
var avatar = useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3142
3142
|
var actionUrl = useMemo(function () {
|
|
@@ -3154,58 +3154,58 @@ var Component$1w = function (_a) {
|
|
|
3154
3154
|
: action.data;
|
|
3155
3155
|
}
|
|
3156
3156
|
}, [action, queryString]);
|
|
3157
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3158
|
-
React.createElement("header", { className: CNM.get({ styles: styles$
|
|
3159
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3157
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst'] }) },
|
|
3158
|
+
React.createElement("header", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__header'] }) },
|
|
3159
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user'] }) },
|
|
3160
3160
|
React.createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3161
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3162
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3163
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3164
|
-
action ? (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
3161
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info'] }) },
|
|
3162
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3163
|
+
React.createElement("span", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3164
|
+
action ? (React.createElement("span", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3165
3165
|
React.createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3166
|
-
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$
|
|
3166
|
+
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$1p, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3167
3167
|
headerSections && (React.createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3168
|
-
styles: styles$
|
|
3168
|
+
styles: styles$1p,
|
|
3169
3169
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3170
3170
|
}), optionClassNames: {
|
|
3171
|
-
link: CNM.get({ styles: styles$
|
|
3172
|
-
dropdown: CNM.get({ styles: styles$
|
|
3171
|
+
link: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__company-link'] }),
|
|
3172
|
+
dropdown: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3173
3173
|
} }))),
|
|
3174
3174
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React.createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3175
3175
|
};
|
|
3176
3176
|
/**
|
|
3177
3177
|
* Molecule UI component for user menu
|
|
3178
3178
|
*/
|
|
3179
|
-
var UserMenuAnalyst = Component$
|
|
3179
|
+
var UserMenuAnalyst = Component$1C;
|
|
3180
3180
|
|
|
3181
|
-
var styles$
|
|
3181
|
+
var styles$1o = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3182
3182
|
|
|
3183
|
-
var Component$
|
|
3183
|
+
var Component$1B = function (_a) {
|
|
3184
3184
|
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;
|
|
3185
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3185
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1o, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3186
3186
|
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" },
|
|
3187
3187
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3188
3188
|
};
|
|
3189
3189
|
/**
|
|
3190
3190
|
* Molecule UI child component of user menu analyst wrapper
|
|
3191
3191
|
*/
|
|
3192
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3192
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1B);
|
|
3193
3193
|
|
|
3194
|
-
var styles$
|
|
3194
|
+
var styles$1n = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3195
3195
|
|
|
3196
|
-
var Component$
|
|
3196
|
+
var Component$1A = function (_a) {
|
|
3197
3197
|
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;
|
|
3198
3198
|
return (React.createElement(React.Fragment, null,
|
|
3199
|
-
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3199
|
+
React.createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1n, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3200
3200
|
React.createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3201
3201
|
React.createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3202
3202
|
};
|
|
3203
3203
|
/**
|
|
3204
3204
|
* Molecule UI child component of user menu analyst wrapper
|
|
3205
3205
|
*/
|
|
3206
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3206
|
+
var UserMenuWrapperAnalystModal = Component$1A;
|
|
3207
3207
|
|
|
3208
|
-
var Component$
|
|
3208
|
+
var Component$1z = function (_a) {
|
|
3209
3209
|
var props = __rest(_a, []);
|
|
3210
3210
|
var _b = useState(false), visible = _b[0], setVisible = _b[1];
|
|
3211
3211
|
useEffect(function () {
|
|
@@ -3227,99 +3227,99 @@ var Component$1t = function (_a) {
|
|
|
3227
3227
|
/**
|
|
3228
3228
|
* Molecule UI component for user menu wrapper analyst
|
|
3229
3229
|
*/
|
|
3230
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3230
|
+
var UserMenuWrapperAnalyst = Component$1z;
|
|
3231
3231
|
|
|
3232
|
-
var styles$
|
|
3232
|
+
var styles$1m = {"alert-job":"mg_alert_job_status_alert-job_m2adj","alert-job__search-item":"mg_alert_job_status_alert-job_search-item_m2adj"};
|
|
3233
3233
|
|
|
3234
|
-
var styles$
|
|
3234
|
+
var styles$1l = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3235
3235
|
|
|
3236
|
-
var cx$
|
|
3236
|
+
var cx$B = classNames.bind(styles$1l);
|
|
3237
3237
|
var AlertJobStatusContainer = function (_a) {
|
|
3238
3238
|
var className = _a.className, children = _a.children;
|
|
3239
|
-
return React.createElement("div", { className: cx$
|
|
3239
|
+
return React.createElement("div", { className: cx$B('alert-job__content', className) }, children);
|
|
3240
3240
|
};
|
|
3241
3241
|
|
|
3242
|
-
var styles$
|
|
3242
|
+
var styles$1k = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3243
3243
|
|
|
3244
|
-
var cx$
|
|
3244
|
+
var cx$A = classNames.bind(styles$1k);
|
|
3245
3245
|
var AlertJobStatusIcon = function (_a) {
|
|
3246
3246
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className;
|
|
3247
3247
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3248
|
-
return (React.createElement("img", { style: customWidth, className: cx$
|
|
3248
|
+
return (React.createElement("img", { style: customWidth, className: cx$A('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Warning3D, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
|
|
3249
3249
|
};
|
|
3250
3250
|
|
|
3251
|
-
var cx$
|
|
3252
|
-
var Component$
|
|
3251
|
+
var cx$z = classNames.bind(styles$1m);
|
|
3252
|
+
var Component$1y = function (_a) {
|
|
3253
3253
|
var children = _a.children, className = _a.className;
|
|
3254
|
-
return React.createElement("div", { className: cx$
|
|
3254
|
+
return React.createElement("div", { className: cx$z('alert-job', className) }, children);
|
|
3255
3255
|
};
|
|
3256
|
-
var AlertJobStatus = Object.assign(Component$
|
|
3256
|
+
var AlertJobStatus = Object.assign(Component$1y, {
|
|
3257
3257
|
Container: AlertJobStatusContainer,
|
|
3258
3258
|
Icon: AlertJobStatusIcon,
|
|
3259
3259
|
Text: Text$1
|
|
3260
3260
|
});
|
|
3261
3261
|
|
|
3262
|
-
var styles$
|
|
3262
|
+
var styles$1j = {"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"};
|
|
3263
3263
|
|
|
3264
|
-
var styles$
|
|
3264
|
+
var styles$1i = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3265
3265
|
|
|
3266
|
-
var cx$
|
|
3267
|
-
var Component$
|
|
3266
|
+
var cx$y = classNames.bind(styles$1i);
|
|
3267
|
+
var Component$1x = function (_a) {
|
|
3268
3268
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3269
3269
|
if (hideLogo)
|
|
3270
3270
|
return null;
|
|
3271
|
-
return (React.createElement("img", { className: cx$
|
|
3271
|
+
return (React.createElement("img", { className: cx$y("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3272
3272
|
};
|
|
3273
|
-
var SimilarCardLogo = Component$
|
|
3273
|
+
var SimilarCardLogo = Component$1x;
|
|
3274
3274
|
|
|
3275
|
-
var cx$
|
|
3276
|
-
var Component$
|
|
3275
|
+
var cx$x = classNames.bind(styles$1j);
|
|
3276
|
+
var Component$1w = function (_a) {
|
|
3277
3277
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3278
3278
|
return (React.createElement(React.Fragment, null,
|
|
3279
|
-
React.createElement(IconItem, { className: cx$
|
|
3279
|
+
React.createElement(IconItem, { className: cx$x('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
|
|
3280
3280
|
};
|
|
3281
|
-
var SimilarCardIcon = Component$
|
|
3281
|
+
var SimilarCardIcon = Component$1w;
|
|
3282
3282
|
|
|
3283
|
-
var cx$
|
|
3284
|
-
var Component$
|
|
3283
|
+
var cx$w = classNames.bind(styles$1j);
|
|
3284
|
+
var Component$1v = function (_a) {
|
|
3285
3285
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3286
|
-
return (React.createElement("a", { className: cx$
|
|
3286
|
+
return (React.createElement("a", { className: cx$w("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3287
3287
|
};
|
|
3288
|
-
var SimilarCard = Object.assign(Component$
|
|
3288
|
+
var SimilarCard = Object.assign(Component$1v, {
|
|
3289
3289
|
Text: Text$1,
|
|
3290
3290
|
Logo: SimilarCardLogo,
|
|
3291
3291
|
Icon: SimilarCardIcon
|
|
3292
3292
|
});
|
|
3293
3293
|
|
|
3294
|
-
var Component$
|
|
3294
|
+
var Component$1u = function (_a) {
|
|
3295
3295
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3296
3296
|
var component = useMemo(function () {
|
|
3297
3297
|
var _a, _b, _c;
|
|
3298
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3298
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$2k, cls: ['modal-analyst-container'] }) },
|
|
3299
3299
|
React.createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3300
3300
|
React.createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3301
3301
|
React.createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3302
3302
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3303
|
-
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3304
|
-
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3303
|
+
var container = useMediaQuery(React.createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2k, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3304
|
+
sm: (React.createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2k, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3305
3305
|
});
|
|
3306
3306
|
return container;
|
|
3307
3307
|
};
|
|
3308
3308
|
/**
|
|
3309
3309
|
* Molecule UI child component of modal analyst
|
|
3310
3310
|
*/
|
|
3311
|
-
var ModalAnalystContainer = Component$
|
|
3311
|
+
var ModalAnalystContainer = Component$1u;
|
|
3312
3312
|
|
|
3313
|
-
var Component$
|
|
3313
|
+
var Component$1t = function (_a) {
|
|
3314
3314
|
var content = _a.content;
|
|
3315
3315
|
return React.createElement("div", null, content);
|
|
3316
3316
|
};
|
|
3317
3317
|
/**
|
|
3318
3318
|
* Molecule UI child component of modal analyst
|
|
3319
3319
|
*/
|
|
3320
|
-
var ModalAnalystContent = Component$
|
|
3320
|
+
var ModalAnalystContent = Component$1t;
|
|
3321
3321
|
|
|
3322
|
-
var styles$
|
|
3322
|
+
var styles$1h = {"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"};
|
|
3323
3323
|
|
|
3324
3324
|
var EModalAnalystActionType;
|
|
3325
3325
|
(function (EModalAnalystActionType) {
|
|
@@ -3344,7 +3344,7 @@ var MODAL_ICONS = {
|
|
|
3344
3344
|
closeCircle: CloseCircle
|
|
3345
3345
|
};
|
|
3346
3346
|
|
|
3347
|
-
var Component$
|
|
3347
|
+
var Component$1s = function (_a) {
|
|
3348
3348
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
3349
3349
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
3350
3350
|
var _c = useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -3382,12 +3382,12 @@ var Component$1m = function (_a) {
|
|
|
3382
3382
|
});
|
|
3383
3383
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
3384
3384
|
return (React.createElement("div", { className: CNM.get({
|
|
3385
|
-
styles: styles$
|
|
3385
|
+
styles: styles$1h,
|
|
3386
3386
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
3387
3387
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
3388
3388
|
var _a, _b, _c, _d, _e;
|
|
3389
3389
|
return (React.createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
3390
|
-
styles: styles$
|
|
3390
|
+
styles: styles$1h,
|
|
3391
3391
|
cls: [
|
|
3392
3392
|
'modal-analyst-footer__button',
|
|
3393
3393
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -3395,7 +3395,7 @@ var Component$1m = function (_a) {
|
|
|
3395
3395
|
]
|
|
3396
3396
|
}) },
|
|
3397
3397
|
React.createElement("div", { className: CNM.get({
|
|
3398
|
-
styles: styles$
|
|
3398
|
+
styles: styles$1h,
|
|
3399
3399
|
cls: [
|
|
3400
3400
|
'modal-analyst-footer__prefix-icon-container',
|
|
3401
3401
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -3403,7 +3403,7 @@ var Component$1m = function (_a) {
|
|
|
3403
3403
|
]
|
|
3404
3404
|
}) },
|
|
3405
3405
|
React.createElement("span", { className: CNM.get({
|
|
3406
|
-
styles: styles$
|
|
3406
|
+
styles: styles$1h,
|
|
3407
3407
|
cls: [
|
|
3408
3408
|
'modal-analyst-footer__prefix-loading',
|
|
3409
3409
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -3412,7 +3412,7 @@ var Component$1m = function (_a) {
|
|
|
3412
3412
|
}) },
|
|
3413
3413
|
React.createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
3414
3414
|
React.createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
3415
|
-
styles: styles$
|
|
3415
|
+
styles: styles$1h,
|
|
3416
3416
|
cls: [
|
|
3417
3417
|
'modal-analyst-footer__prefix-icon',
|
|
3418
3418
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -3427,13 +3427,13 @@ var Component$1m = function (_a) {
|
|
|
3427
3427
|
/**
|
|
3428
3428
|
* Molecule UI child component of modal analyst
|
|
3429
3429
|
*/
|
|
3430
|
-
var ModalAnalystFooter = Component$
|
|
3430
|
+
var ModalAnalystFooter = Component$1s;
|
|
3431
3431
|
|
|
3432
|
-
var styles$
|
|
3432
|
+
var styles$1g = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
3433
3433
|
|
|
3434
|
-
var Component$
|
|
3434
|
+
var Component$1r = function (_a) {
|
|
3435
3435
|
var header = _a.header;
|
|
3436
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
3436
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1g, cls: ['modal-analyst-header'] }) },
|
|
3437
3437
|
(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]
|
|
3438
3438
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3439
3439
|
: header.prefixIcon.icon }))),
|
|
@@ -3445,7 +3445,7 @@ var Component$1l = function (_a) {
|
|
|
3445
3445
|
/**
|
|
3446
3446
|
* Molecule UI child component of modal analyst
|
|
3447
3447
|
*/
|
|
3448
|
-
var ModalAnalystHeader = Component$
|
|
3448
|
+
var ModalAnalystHeader = Component$1r;
|
|
3449
3449
|
|
|
3450
3450
|
var MenuButtonAnalystProps = {
|
|
3451
3451
|
buttonType: 'button',
|
|
@@ -4178,9 +4178,9 @@ var CNM = /** @class */ (function () {
|
|
|
4178
4178
|
return CNM;
|
|
4179
4179
|
}());
|
|
4180
4180
|
|
|
4181
|
-
var styles$
|
|
4181
|
+
var styles$1f = {"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"};
|
|
4182
4182
|
|
|
4183
|
-
var Component$
|
|
4183
|
+
var Component$1q = function (_a) {
|
|
4184
4184
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
4185
4185
|
var validateCompleted = useCallback(function (value) {
|
|
4186
4186
|
if (!value)
|
|
@@ -4200,27 +4200,27 @@ var Component$1k = function (_a) {
|
|
|
4200
4200
|
var _a;
|
|
4201
4201
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
4202
4202
|
}, [percent, validateCompleted]);
|
|
4203
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4204
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4203
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$1f, cls: [className] }) },
|
|
4204
|
+
React.createElement("div", { className: CNM.get({ styles: styles$1f, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
4205
4205
|
React.createElement("div", { className: CNM.get({
|
|
4206
|
-
styles: styles$
|
|
4206
|
+
styles: styles$1f,
|
|
4207
4207
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
4208
4208
|
}) }))));
|
|
4209
4209
|
};
|
|
4210
4210
|
/**
|
|
4211
4211
|
* UI Atom component of Bar Loader
|
|
4212
4212
|
*/
|
|
4213
|
-
var BarLoader = Component$
|
|
4213
|
+
var BarLoader = Component$1q;
|
|
4214
4214
|
|
|
4215
|
-
var styles$
|
|
4215
|
+
var styles$1e = {"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"};
|
|
4216
4216
|
|
|
4217
|
-
var Component$
|
|
4217
|
+
var Component$1p = function (_a) {
|
|
4218
4218
|
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;
|
|
4219
4219
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
4220
4220
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
4221
4221
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
4222
4222
|
var haveDetailTitle = detailTitle !== '';
|
|
4223
|
-
var detailTileStyle = detailTitle ? styles$
|
|
4223
|
+
var detailTileStyle = detailTitle ? styles$1e['no-transform'] : '';
|
|
4224
4224
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
4225
4225
|
// This removes the base64 from the vacancy breadcrumbs
|
|
4226
4226
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -4232,9 +4232,9 @@ var Component$1j = function (_a) {
|
|
|
4232
4232
|
"/ ",
|
|
4233
4233
|
href)));
|
|
4234
4234
|
}),
|
|
4235
|
-
React.createElement("p", { className: "".concat(styles$
|
|
4235
|
+
React.createElement("p", { className: "".concat(styles$1e['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
4236
4236
|
"/ ",
|
|
4237
|
-
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
4237
|
+
haveDetailTitle ? detailTitle : title))) : (React.createElement(React.Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React.createElement("p", { className: "".concat(lastIndexBC == i ? styles$1e['magneto-ui-bc-active'] : '', " ").concat(styles$1e['magneto-ui-bc']), key: i },
|
|
4238
4238
|
i > 0 && '/',
|
|
4239
4239
|
" ",
|
|
4240
4240
|
bc)); })));
|
|
@@ -4250,55 +4250,55 @@ var Component$1j = function (_a) {
|
|
|
4250
4250
|
queryParams,
|
|
4251
4251
|
lastIndexBC
|
|
4252
4252
|
]);
|
|
4253
|
-
return React.createElement("div", { className: styles$
|
|
4253
|
+
return React.createElement("div", { className: styles$1e.breadcrumbComponent }, breadCrumbsRender);
|
|
4254
4254
|
};
|
|
4255
4255
|
/**
|
|
4256
4256
|
* Atom UI of breadcrumb
|
|
4257
4257
|
*/
|
|
4258
|
-
var Breadcrumb = Component$
|
|
4258
|
+
var Breadcrumb = Component$1p;
|
|
4259
4259
|
|
|
4260
|
-
var styles$
|
|
4260
|
+
var styles$1d = {"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"};
|
|
4261
4261
|
|
|
4262
|
-
var Component$
|
|
4262
|
+
var Component$1o = function (_a) {
|
|
4263
4263
|
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;
|
|
4264
|
-
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4265
|
-
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4266
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4267
|
-
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4264
|
+
return (React.createElement("button", { className: "".concat(className, " ").concat(styles$1d['magneto-ui-button'], " ").concat(addHover ? styles$1d['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4265
|
+
suffixIcon && (React.createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$1d['magneto-ui-button__icon'] })),
|
|
4266
|
+
buttonText && React.createElement("p", { className: styles$1d['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4267
|
+
prefixIcon && (React.createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$1d['magneto-ui-button__icon'] }))));
|
|
4268
4268
|
};
|
|
4269
4269
|
/**
|
|
4270
4270
|
* UI Atom Component of Save Button
|
|
4271
4271
|
*/
|
|
4272
|
-
var Button = Component$
|
|
4272
|
+
var Button = Component$1o;
|
|
4273
4273
|
|
|
4274
|
-
var styles$
|
|
4274
|
+
var styles$1c = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4275
4275
|
|
|
4276
4276
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4277
|
-
var Component$
|
|
4277
|
+
var Component$1n = function (_a) {
|
|
4278
4278
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4279
4279
|
var currentHigherMax = useMemo(function () {
|
|
4280
4280
|
return current > max;
|
|
4281
4281
|
}, [current, max]);
|
|
4282
|
-
return (React.createElement("p", { className: "".concat(styles$
|
|
4282
|
+
return (React.createElement("p", { className: "".concat(styles$1c["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$1c['error-label'] : '') },
|
|
4283
4283
|
nf.format(current),
|
|
4284
4284
|
React.createElement("span", null,
|
|
4285
4285
|
" / ",
|
|
4286
4286
|
nf.format(max))));
|
|
4287
4287
|
};
|
|
4288
|
-
var ComparativeCounter = Component$
|
|
4288
|
+
var ComparativeCounter = Component$1n;
|
|
4289
4289
|
|
|
4290
|
-
var styles$
|
|
4290
|
+
var styles$1b = {"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"};
|
|
4291
4291
|
|
|
4292
|
-
var cx$
|
|
4292
|
+
var cx$v = classNames.bind(styles$1b);
|
|
4293
4293
|
var defaultCheck = function (_a) {
|
|
4294
4294
|
var type = _a.type, checked = _a.checked;
|
|
4295
4295
|
if (type === 'background')
|
|
4296
4296
|
return;
|
|
4297
|
-
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$
|
|
4297
|
+
return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$v('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
|
|
4298
4298
|
};
|
|
4299
|
-
var Component$
|
|
4299
|
+
var Component$1m = function (_a) {
|
|
4300
4300
|
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"]);
|
|
4301
|
-
return (React.createElement("label", { className: cx$
|
|
4301
|
+
return (React.createElement("label", { className: cx$v('checkbox', "checkbox--".concat(display), className, {
|
|
4302
4302
|
'checkbox--checked': checked,
|
|
4303
4303
|
'checkbox--background': type === 'background'
|
|
4304
4304
|
}), "data-name": "checkbox-container", htmlFor: id },
|
|
@@ -4309,7 +4309,7 @@ var Component$1g = function (_a) {
|
|
|
4309
4309
|
}, type: "checkbox", id: id }, rest)),
|
|
4310
4310
|
children));
|
|
4311
4311
|
};
|
|
4312
|
-
var Checkbox = Component$
|
|
4312
|
+
var Checkbox = Component$1m;
|
|
4313
4313
|
|
|
4314
4314
|
var DateArray = /** @class */ (function () {
|
|
4315
4315
|
function DateArray(array) {
|
|
@@ -4364,7 +4364,7 @@ var fixArrayDate = function (array) {
|
|
|
4364
4364
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4365
4365
|
};
|
|
4366
4366
|
|
|
4367
|
-
var styles$
|
|
4367
|
+
var styles$1a = {"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"};
|
|
4368
4368
|
|
|
4369
4369
|
// placeholder to every input.
|
|
4370
4370
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4372,7 +4372,7 @@ var stringArraytoDate = function (array) {
|
|
|
4372
4372
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4373
4373
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4374
4374
|
};
|
|
4375
|
-
var Component$
|
|
4375
|
+
var Component$1l = function (_a) {
|
|
4376
4376
|
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;
|
|
4377
4377
|
// Represent the value of every input field (there are 8 in total).
|
|
4378
4378
|
var _f = useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4475,54 +4475,56 @@ var Component$1f = function (_a) {
|
|
|
4475
4475
|
}
|
|
4476
4476
|
}, []);
|
|
4477
4477
|
return (React.createElement("div", { className: [
|
|
4478
|
-
styles$
|
|
4478
|
+
styles$1a['date-input'],
|
|
4479
4479
|
className,
|
|
4480
|
-
fit ? styles$
|
|
4481
|
-
hasError ? styles$
|
|
4480
|
+
fit ? styles$1a['date-input--fit'] : '',
|
|
4481
|
+
hasError ? styles$1a['date-input--error'] : ''
|
|
4482
4482
|
].join(' ') },
|
|
4483
|
-
React.createElement("div", { className: styles$
|
|
4483
|
+
React.createElement("div", { className: styles$1a['date-input__left'], onClick: function () {
|
|
4484
4484
|
var _a;
|
|
4485
4485
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4486
4486
|
} }),
|
|
4487
4487
|
internalValues.map(function (value, index) { return (React.createElement(React.Fragment, { key: index },
|
|
4488
4488
|
[2, 4].includes(index) ? (
|
|
4489
4489
|
// include / separator in date (DD / MM / YYYY)
|
|
4490
|
-
React.createElement("span", { className: [styles$
|
|
4491
|
-
React.createElement("input", { className: styles$
|
|
4492
|
-
React.createElement("div", { className: styles$
|
|
4490
|
+
React.createElement("span", { className: [styles$1a['date-input__separator'], value ? styles$1a['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4491
|
+
React.createElement("input", { className: styles$1a['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" }))); }),
|
|
4492
|
+
React.createElement("div", { className: styles$1a['date-input__right'], onClick: function () {
|
|
4493
4493
|
var _a;
|
|
4494
4494
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4495
4495
|
} })));
|
|
4496
4496
|
};
|
|
4497
|
-
var DateInput = Component$
|
|
4497
|
+
var DateInput = Component$1l;
|
|
4498
4498
|
|
|
4499
4499
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4500
4500
|
|
|
4501
|
-
var Component$
|
|
4502
|
-
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4503
|
-
var inlineStyle = direction == 'HORIZONTAL'
|
|
4501
|
+
var Component$1k = function (_a) {
|
|
4502
|
+
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
|
|
4503
|
+
var inlineStyle = direction == 'HORIZONTAL'
|
|
4504
|
+
? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
|
|
4505
|
+
: { width: 1, margin: "0px ".concat(spacing, "px ") };
|
|
4504
4506
|
return React.createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
4505
4507
|
};
|
|
4506
4508
|
/**
|
|
4507
4509
|
* Atom UI Divider Component
|
|
4508
4510
|
*/
|
|
4509
|
-
var Divider = Component$
|
|
4511
|
+
var Divider = Component$1k;
|
|
4510
4512
|
|
|
4511
|
-
var styles$
|
|
4513
|
+
var styles$19 = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
|
|
4512
4514
|
|
|
4513
|
-
var Component$
|
|
4515
|
+
var Component$1j = function (_a) {
|
|
4514
4516
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
4515
4517
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4516
|
-
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$
|
|
4517
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
4518
|
-
React.createElement("p", { className: styles$
|
|
4519
|
-
count > 0 && React.createElement(Badge, { number: count, className: styles$
|
|
4520
|
-
React.createElement("p", { className: styles$
|
|
4518
|
+
return (React.createElement(React.Fragment, null, tabType === 'tabTitle' ? (React.createElement("div", { className: styles$19.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4519
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$19['headerTabComponent__count'] }),
|
|
4520
|
+
React.createElement("p", { className: styles$19['headerTabComponent__text'] }, tabText))) : (React.createElement("a", { className: styles$19.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4521
|
+
count > 0 && React.createElement(Badge, { number: count, className: styles$19['headerTabComponent__count'] }),
|
|
4522
|
+
React.createElement("p", { className: styles$19['headerTabComponent__text'] }, tabText)))));
|
|
4521
4523
|
};
|
|
4522
4524
|
/**
|
|
4523
4525
|
* UI Atom component for HeaderTab
|
|
4524
4526
|
*/
|
|
4525
|
-
var HeaderTab = Component$
|
|
4527
|
+
var HeaderTab = Component$1j;
|
|
4526
4528
|
|
|
4527
4529
|
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"};
|
|
4528
4530
|
|
|
@@ -4541,94 +4543,94 @@ var InputSearch = function (_a) {
|
|
|
4541
4543
|
React.createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4542
4544
|
};
|
|
4543
4545
|
|
|
4544
|
-
var styles$
|
|
4546
|
+
var styles$18 = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4545
4547
|
|
|
4546
|
-
var Component$
|
|
4548
|
+
var Component$1i = function (_a) {
|
|
4547
4549
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4548
4550
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4549
|
-
return (React.createElement("div", { className: styles$
|
|
4551
|
+
return (React.createElement("div", { className: styles$18['magneto-ui-job-company-logo'] },
|
|
4550
4552
|
React.createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4551
4553
|
}
|
|
4552
|
-
return React.createElement("div", { className: styles$
|
|
4554
|
+
return React.createElement("div", { className: styles$18['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4553
4555
|
};
|
|
4554
4556
|
/**
|
|
4555
4557
|
* UI Atom component of Company Logo
|
|
4556
4558
|
*/
|
|
4557
|
-
var JobCompanyLogo = Component$
|
|
4559
|
+
var JobCompanyLogo = Component$1i;
|
|
4558
4560
|
|
|
4559
|
-
var styles$
|
|
4561
|
+
var styles$17 = {"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"};
|
|
4560
4562
|
|
|
4561
|
-
var Component$
|
|
4563
|
+
var Component$1h = function (_a) {
|
|
4562
4564
|
var title = _a.title, styles = _a.styles;
|
|
4563
4565
|
return React.createElement("h1", { className: styles }, title && title);
|
|
4564
4566
|
};
|
|
4565
4567
|
/**
|
|
4566
4568
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4567
4569
|
*/
|
|
4568
|
-
var MainTitleJobDetails = Component$
|
|
4570
|
+
var MainTitleJobDetails = Component$1h;
|
|
4569
4571
|
|
|
4570
|
-
var Component$
|
|
4572
|
+
var Component$1g = function (_a) {
|
|
4571
4573
|
var title = _a.title, styles = _a.styles;
|
|
4572
4574
|
return React.createElement("p", { className: styles }, title && title);
|
|
4573
4575
|
};
|
|
4574
4576
|
/**
|
|
4575
4577
|
* UI Children P Component for JobDetailsDrawer
|
|
4576
4578
|
*/
|
|
4577
|
-
var SubTitleJobDetails = Component$
|
|
4579
|
+
var SubTitleJobDetails = Component$1g;
|
|
4578
4580
|
|
|
4579
|
-
var Component$
|
|
4581
|
+
var Component$1f = function (_a) {
|
|
4580
4582
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4581
4583
|
var showCompanyName = useMemo(function () {
|
|
4582
4584
|
if (isHidden || !offerCompanyName)
|
|
4583
4585
|
return React.createElement(Fragment, null);
|
|
4584
4586
|
if (offerCompanyLink) {
|
|
4585
|
-
return (React.createElement("a", { className: styles$
|
|
4587
|
+
return (React.createElement("a", { className: styles$17['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4586
4588
|
}
|
|
4587
|
-
return React.createElement("h2", { className: styles$
|
|
4589
|
+
return React.createElement("h2", { className: styles$17['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4588
4590
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4589
4591
|
var GenerateTitle = function () {
|
|
4590
4592
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4591
|
-
return React.createElement(SubTitleJobDetails, { styles: styles$
|
|
4592
|
-
return React.createElement(MainTitleJobDetails, { styles: styles$
|
|
4593
|
+
return React.createElement(SubTitleJobDetails, { styles: styles$17['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4594
|
+
return React.createElement(MainTitleJobDetails, { styles: styles$17['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4593
4595
|
};
|
|
4594
|
-
return (React.createElement("div", { className: styles$
|
|
4596
|
+
return (React.createElement("div", { className: styles$17['magneto-ui-job-header'] },
|
|
4595
4597
|
GenerateTitle(),
|
|
4596
4598
|
showCompanyName));
|
|
4597
4599
|
};
|
|
4598
4600
|
/**
|
|
4599
4601
|
* UI Atom component of Job Header
|
|
4600
4602
|
*/
|
|
4601
|
-
var JobHeader = Component$
|
|
4603
|
+
var JobHeader = Component$1f;
|
|
4602
4604
|
|
|
4603
|
-
var styles$
|
|
4605
|
+
var styles$16 = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4604
4606
|
|
|
4605
|
-
var Component$
|
|
4607
|
+
var Component$1e = function (_a) {
|
|
4606
4608
|
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;
|
|
4607
4609
|
var stylesValue = useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4608
|
-
return (React.createElement("a", { className: styles$
|
|
4610
|
+
return (React.createElement("a", { className: styles$16.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
|
|
4609
4611
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4610
4612
|
!isMobile && React.createElement("p", null, text)));
|
|
4611
4613
|
};
|
|
4612
4614
|
/**
|
|
4613
4615
|
* Atomic UI component for Link
|
|
4614
4616
|
*/
|
|
4615
|
-
var Link = Component$
|
|
4617
|
+
var Link = Component$1e;
|
|
4616
4618
|
|
|
4617
|
-
var styles
|
|
4619
|
+
var styles$15 = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4618
4620
|
|
|
4619
|
-
var Component$
|
|
4621
|
+
var Component$1d = function (_a) {
|
|
4620
4622
|
var loadingIcon = _a.loadingIcon;
|
|
4621
|
-
return (React.createElement("div", { className: styles
|
|
4623
|
+
return (React.createElement("div", { className: styles$15.loadingComponent },
|
|
4622
4624
|
React.createElement(IconItem, __assign({}, loadingIcon))));
|
|
4623
4625
|
};
|
|
4624
4626
|
/**
|
|
4625
4627
|
* Atom UI component of loading icon for general purpose
|
|
4626
4628
|
*/
|
|
4627
|
-
var Loading = Component$
|
|
4629
|
+
var Loading = Component$1d;
|
|
4628
4630
|
|
|
4629
4631
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4630
4632
|
|
|
4631
|
-
var Component$
|
|
4633
|
+
var Component$1c = function (_a) {
|
|
4632
4634
|
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;
|
|
4633
4635
|
var _d = useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4634
4636
|
var handleError = function () {
|
|
@@ -4640,11 +4642,11 @@ var Component$16 = function (_a) {
|
|
|
4640
4642
|
return null;
|
|
4641
4643
|
return (React.createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4642
4644
|
};
|
|
4643
|
-
var LogoComponent = Component$
|
|
4645
|
+
var LogoComponent = Component$1c;
|
|
4644
4646
|
|
|
4645
|
-
var styles$
|
|
4647
|
+
var styles$14 = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4646
4648
|
|
|
4647
|
-
var Component$
|
|
4649
|
+
var Component$1b = function (_a) {
|
|
4648
4650
|
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;
|
|
4649
4651
|
var stylesValue = useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4650
4652
|
var renderContent = function () {
|
|
@@ -4657,56 +4659,56 @@ var Component$15 = function (_a) {
|
|
|
4657
4659
|
iconProps && React.createElement(IconItem, __assign({}, iconProps)),
|
|
4658
4660
|
!isMobile && React.createElement("p", null, buttonText)));
|
|
4659
4661
|
};
|
|
4660
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4662
|
+
return (React.createElement("button", { className: "".concat(styles$14.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$14.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
|
|
4661
4663
|
};
|
|
4662
4664
|
/**
|
|
4663
4665
|
* Atom UI component of button for general purpose
|
|
4664
4666
|
*/
|
|
4665
|
-
var MainButton = Component$
|
|
4667
|
+
var MainButton = Component$1b;
|
|
4666
4668
|
|
|
4667
|
-
var styles$
|
|
4669
|
+
var styles$13 = {"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"};
|
|
4668
4670
|
|
|
4669
|
-
var styles$
|
|
4671
|
+
var styles$12 = {"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"};
|
|
4670
4672
|
|
|
4671
|
-
var Component$
|
|
4673
|
+
var Component$1a = function (_a) {
|
|
4672
4674
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4673
|
-
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
4674
|
-
React.createElement("p", { className: styles$
|
|
4675
|
+
return (React.createElement("a", { title: tag, className: "".concat(className ? className : styles$12['magneto-ui--search-item']), href: url },
|
|
4676
|
+
React.createElement("p", { className: styles$12['magneto-ui--search-item__text'] }, tag),
|
|
4675
4677
|
React.createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4676
4678
|
};
|
|
4677
4679
|
/**
|
|
4678
4680
|
* UI Atom component of Search Item
|
|
4679
4681
|
*/
|
|
4680
|
-
var SearchItem = Component$
|
|
4682
|
+
var SearchItem = Component$1a;
|
|
4681
4683
|
|
|
4682
4684
|
var MegaMenuTab = function (_a) {
|
|
4683
4685
|
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4684
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4685
|
-
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$
|
|
4686
|
+
return (React.createElement("div", { className: "".concat(styles$13["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$13["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4687
|
+
React.createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$13["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$13["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
|
|
4686
4688
|
};
|
|
4687
4689
|
|
|
4688
|
-
var styles$
|
|
4690
|
+
var styles$11 = {"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"};
|
|
4689
4691
|
|
|
4690
|
-
var Component$
|
|
4692
|
+
var Component$19 = function (_a) {
|
|
4691
4693
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4692
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4694
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$11, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4693
4695
|
React.createElement("div", { className: CNM.get({
|
|
4694
|
-
styles: styles$
|
|
4696
|
+
styles: styles$11,
|
|
4695
4697
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4696
4698
|
}) },
|
|
4697
4699
|
React.createElement("div", { className: CNM.get({
|
|
4698
|
-
styles: styles$
|
|
4700
|
+
styles: styles$11,
|
|
4699
4701
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4700
4702
|
}) }, children))));
|
|
4701
4703
|
};
|
|
4702
4704
|
/**
|
|
4703
4705
|
* Atom UI child component of menu dropdown
|
|
4704
4706
|
*/
|
|
4705
|
-
var MenuDropdownList = Component$
|
|
4707
|
+
var MenuDropdownList = Component$19;
|
|
4706
4708
|
|
|
4707
|
-
var styles$
|
|
4709
|
+
var styles$10 = {"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"};
|
|
4708
4710
|
|
|
4709
|
-
var Component$
|
|
4711
|
+
var Component$18 = function (_a) {
|
|
4710
4712
|
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;
|
|
4711
4713
|
var _e = useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4712
4714
|
var toggleOptions = useCallback(function () {
|
|
@@ -4721,13 +4723,13 @@ var Component$12 = function (_a) {
|
|
|
4721
4723
|
var handleButtonClick = useCallback(function (e) {
|
|
4722
4724
|
e.stopPropagation();
|
|
4723
4725
|
}, []);
|
|
4724
|
-
return (React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4725
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4726
|
-
React.createElement("div", { className: CNM.get({ styles: styles$
|
|
4726
|
+
return (React.createElement("div", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4727
|
+
React.createElement("div", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown__content'] }) },
|
|
4728
|
+
React.createElement("div", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown__container'] }) },
|
|
4727
4729
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4728
|
-
React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4730
|
+
React.createElement("span", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown__title'] }) }, title),
|
|
4729
4731
|
React.createElement("div", { className: CNM.get({
|
|
4730
|
-
styles: styles$
|
|
4732
|
+
styles: styles$10,
|
|
4731
4733
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4732
4734
|
}) },
|
|
4733
4735
|
React.createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4737,7 +4739,7 @@ var Component$12 = function (_a) {
|
|
|
4737
4739
|
/**
|
|
4738
4740
|
* Atom UI component of menu dropdown
|
|
4739
4741
|
*/
|
|
4740
|
-
var MenuDropdown = Component$
|
|
4742
|
+
var MenuDropdown = Component$18;
|
|
4741
4743
|
|
|
4742
4744
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4743
4745
|
|
|
@@ -4750,7 +4752,7 @@ var MenuItem = function (_a) {
|
|
|
4750
4752
|
React.createElement("p", null, text))));
|
|
4751
4753
|
};
|
|
4752
4754
|
|
|
4753
|
-
var styles
|
|
4755
|
+
var styles$$ = {"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"};
|
|
4754
4756
|
|
|
4755
4757
|
var MultiRangeSlider = function (_a) {
|
|
4756
4758
|
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;
|
|
@@ -4808,36 +4810,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4808
4810
|
var handleMouseUpValues = useCallback(function () {
|
|
4809
4811
|
onChange({ min: minVal, max: maxVal });
|
|
4810
4812
|
}, [minVal, maxVal, onChange]);
|
|
4811
|
-
return (React.createElement("div", { className: styles
|
|
4813
|
+
return (React.createElement("div", { className: styles$$.container },
|
|
4812
4814
|
React.createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4813
4815
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4814
4816
|
setMinVal(value);
|
|
4815
4817
|
event.target.value = value.toString();
|
|
4816
|
-
}, className: "\n ".concat(styles
|
|
4818
|
+
}, className: "\n ".concat(styles$$.thumb, " \n ").concat(styles$$.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$$.zIndex_5 : '', "\n ") }),
|
|
4817
4819
|
React.createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4818
4820
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4819
4821
|
setMaxVal(value);
|
|
4820
4822
|
event.target.value = value.toString();
|
|
4821
|
-
}, className: "".concat(styles
|
|
4822
|
-
React.createElement("div", { style: { width: size }, className: styles
|
|
4823
|
-
React.createElement("div", { className: styles
|
|
4824
|
-
React.createElement("div", { ref: range, className: styles
|
|
4825
|
-
showValues && (React.createElement("div", { className: styles
|
|
4826
|
-
React.createElement("div", { className: styles
|
|
4827
|
-
React.createElement("div", { className: styles
|
|
4823
|
+
}, className: "".concat(styles$$.thumb, " ").concat(styles$$.zIndex_4) }),
|
|
4824
|
+
React.createElement("div", { style: { width: size }, className: styles$$.slider },
|
|
4825
|
+
React.createElement("div", { className: styles$$.track }),
|
|
4826
|
+
React.createElement("div", { ref: range, className: styles$$.range }),
|
|
4827
|
+
showValues && (React.createElement("div", { className: styles$$.values },
|
|
4828
|
+
React.createElement("div", { className: styles$$.left_value }, hasCurrency),
|
|
4829
|
+
React.createElement("div", { className: styles$$.right_value }, maxVal.toLocaleString()))))));
|
|
4828
4830
|
};
|
|
4829
4831
|
|
|
4830
|
-
var styles$
|
|
4832
|
+
var styles$_ = {"content":"mg_paragraph_content_1mtnz"};
|
|
4831
4833
|
|
|
4832
|
-
var Component$
|
|
4834
|
+
var Component$17 = function (_a) {
|
|
4833
4835
|
var paragraph = _a.paragraph;
|
|
4834
|
-
return React.createElement("p", { className: styles$
|
|
4836
|
+
return React.createElement("p", { className: styles$_.content }, paragraph);
|
|
4835
4837
|
};
|
|
4836
|
-
var Paragraph = memo(Component$
|
|
4838
|
+
var Paragraph = memo(Component$17);
|
|
4837
4839
|
|
|
4838
4840
|
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"};
|
|
4839
4841
|
|
|
4840
|
-
var Component$
|
|
4842
|
+
var Component$16 = function (_a) {
|
|
4841
4843
|
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;
|
|
4842
4844
|
var showMenu = show ? 'show' : 'hidden';
|
|
4843
4845
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4859,7 +4861,7 @@ var Component$10 = function (_a) {
|
|
|
4859
4861
|
* Atom Ui component of popover
|
|
4860
4862
|
*
|
|
4861
4863
|
*/
|
|
4862
|
-
var Popover = Component$
|
|
4864
|
+
var Popover = Component$16;
|
|
4863
4865
|
|
|
4864
4866
|
var ERadioType;
|
|
4865
4867
|
(function (ERadioType) {
|
|
@@ -4867,12 +4869,12 @@ var ERadioType;
|
|
|
4867
4869
|
ERadioType["button"] = "button";
|
|
4868
4870
|
})(ERadioType || (ERadioType = {}));
|
|
4869
4871
|
|
|
4870
|
-
var styles$
|
|
4872
|
+
var styles$Z = {"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"};
|
|
4871
4873
|
|
|
4872
|
-
var Component
|
|
4874
|
+
var Component$15 = function (_a) {
|
|
4873
4875
|
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;
|
|
4874
4876
|
return (React.createElement("label", { className: CNM.get({
|
|
4875
|
-
styles: styles$
|
|
4877
|
+
styles: styles$Z,
|
|
4876
4878
|
cls: [
|
|
4877
4879
|
'radio-button',
|
|
4878
4880
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4882,34 +4884,34 @@ var Component$$ = function (_a) {
|
|
|
4882
4884
|
}), htmlFor: id },
|
|
4883
4885
|
prefixIcon && React.createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4884
4886
|
React.createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4885
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4887
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$Z, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4886
4888
|
suffixIcon && React.createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4887
4889
|
};
|
|
4888
4890
|
/**
|
|
4889
4891
|
* Atom UI component of radio button
|
|
4890
4892
|
*/
|
|
4891
|
-
var RadioButton = Component
|
|
4893
|
+
var RadioButton = Component$15;
|
|
4892
4894
|
|
|
4893
|
-
var styles$
|
|
4895
|
+
var styles$Y = {"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"};
|
|
4894
4896
|
|
|
4895
|
-
var Component$
|
|
4897
|
+
var Component$14 = function (_a) {
|
|
4896
4898
|
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;
|
|
4897
|
-
return (React.createElement("label", { className: CNM.get({ styles: styles$
|
|
4899
|
+
return (React.createElement("label", { className: CNM.get({ styles: styles$Y, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4898
4900
|
React.createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4899
4901
|
React.createElement("div", { className: CNM.get({
|
|
4900
|
-
styles: styles$
|
|
4902
|
+
styles: styles$Y,
|
|
4901
4903
|
cls: [
|
|
4902
4904
|
'radio-default__indicator',
|
|
4903
4905
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4904
4906
|
indicatorClassName
|
|
4905
4907
|
]
|
|
4906
4908
|
}) }),
|
|
4907
|
-
children && (React.createElement("span", { className: CNM.get({ styles: styles$
|
|
4909
|
+
children && (React.createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4908
4910
|
};
|
|
4909
4911
|
/**
|
|
4910
4912
|
* Molecule UI component for radio default
|
|
4911
4913
|
*/
|
|
4912
|
-
var RadioDefault = Component$
|
|
4914
|
+
var RadioDefault = Component$14;
|
|
4913
4915
|
|
|
4914
4916
|
var _a;
|
|
4915
4917
|
var radioTypes = (_a = {},
|
|
@@ -4918,7 +4920,7 @@ var radioTypes = (_a = {},
|
|
|
4918
4920
|
_a);
|
|
4919
4921
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4920
4922
|
|
|
4921
|
-
var Component$
|
|
4923
|
+
var Component$13 = function (_a) {
|
|
4922
4924
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4923
4925
|
var RadioType = useMemo(function () { return getRadioComponent(ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4924
4926
|
if (!RadioType)
|
|
@@ -4928,39 +4930,39 @@ var Component$Z = function (_a) {
|
|
|
4928
4930
|
/**
|
|
4929
4931
|
* Atom UI component of radio
|
|
4930
4932
|
*/
|
|
4931
|
-
var Radio = Component$
|
|
4933
|
+
var Radio = Component$13;
|
|
4932
4934
|
|
|
4933
|
-
var styles$
|
|
4935
|
+
var styles$X = {"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"};
|
|
4934
4936
|
|
|
4935
|
-
var Component$
|
|
4937
|
+
var Component$12 = function (_a) {
|
|
4936
4938
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4937
|
-
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$
|
|
4938
|
-
React.createElement("div", { className: styles$
|
|
4939
|
+
return isAuthenticated ? (React.createElement("button", { className: "".concat(styles$X['magneto-ui-save-button'], " ").concat(addHover && styles$X['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
4940
|
+
React.createElement("div", { className: styles$X['button-content'] },
|
|
4939
4941
|
React.createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4940
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4942
|
+
buttonText && React.createElement("p", { className: styles$X['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4941
4943
|
};
|
|
4942
4944
|
/**
|
|
4943
4945
|
* UI Atom Component of Save Button
|
|
4944
4946
|
*/
|
|
4945
|
-
var SaveButton = Component$
|
|
4947
|
+
var SaveButton = Component$12;
|
|
4946
4948
|
|
|
4947
|
-
var styles$
|
|
4949
|
+
var styles$W = {"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"};
|
|
4948
4950
|
|
|
4949
|
-
var Component$
|
|
4951
|
+
var Component$11 = function (_a) {
|
|
4950
4952
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4951
4953
|
var handleCopyClick = function () {
|
|
4952
4954
|
if (detailUrl) {
|
|
4953
4955
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4954
4956
|
}
|
|
4955
4957
|
};
|
|
4956
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
4957
|
-
React.createElement("div", { className: styles$
|
|
4958
|
+
return (React.createElement("button", { className: "".concat(styles$W['magneto-ui-share-button'], " ").concat(addHover && styles$W['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4959
|
+
React.createElement("div", { className: styles$W['button-content'] },
|
|
4958
4960
|
React.createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4959
|
-
buttonText && React.createElement("p", { className: styles$
|
|
4961
|
+
buttonText && React.createElement("p", { className: styles$W['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4960
4962
|
};
|
|
4961
|
-
var ShareButton = Component$
|
|
4963
|
+
var ShareButton = Component$11;
|
|
4962
4964
|
|
|
4963
|
-
var styles$
|
|
4965
|
+
var styles$V = {"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"};
|
|
4964
4966
|
|
|
4965
4967
|
var Switch = function (_a) {
|
|
4966
4968
|
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;
|
|
@@ -4974,10 +4976,10 @@ var Switch = function (_a) {
|
|
|
4974
4976
|
setChecked(function (state) { return !state; });
|
|
4975
4977
|
setIsActive(!isActive);
|
|
4976
4978
|
}, [isDisabled, setIsActive, isActive]);
|
|
4977
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
4978
|
-
React.createElement("label", { className: styles$
|
|
4979
|
+
return (React.createElement("div", { className: "".concat(styles$V['magneto-ui-switch_container'], " ").concat(className) },
|
|
4980
|
+
React.createElement("label", { className: styles$V['magneto-ui-switch'] },
|
|
4979
4981
|
React.createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4980
|
-
React.createElement("span", { className: "".concat(styles$
|
|
4982
|
+
React.createElement("span", { className: "".concat(styles$V['magneto-ui-slider'], " ").concat(styles$V['magneto-ui-round']) })),
|
|
4981
4983
|
title && React.createElement("p", null, title)));
|
|
4982
4984
|
};
|
|
4983
4985
|
|
|
@@ -4990,9 +4992,9 @@ var Tags = function (_a) {
|
|
|
4990
4992
|
React.createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
4991
4993
|
};
|
|
4992
4994
|
|
|
4993
|
-
var styles$
|
|
4995
|
+
var styles$U = {"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"};
|
|
4994
4996
|
|
|
4995
|
-
var Component$
|
|
4997
|
+
var Component$10 = function (_a) {
|
|
4996
4998
|
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;
|
|
4997
4999
|
var isColorDark = function (color) {
|
|
4998
5000
|
var hex = color.replace('#', '');
|
|
@@ -5023,20 +5025,20 @@ var Component$W = function (_a) {
|
|
|
5023
5025
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
5024
5026
|
};
|
|
5025
5027
|
}, [baseColor, color, currentSelect]);
|
|
5026
|
-
return (React.createElement("button", { className: "".concat(styles$
|
|
5027
|
-
customIcon && (React.createElement("img", { className: "".concat(styles$
|
|
5028
|
+
return (React.createElement("button", { className: "".concat(styles$U["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$U['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
|
|
5029
|
+
customIcon && (React.createElement("img", { className: "".concat(styles$U["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$U['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
5028
5030
|
name));
|
|
5029
5031
|
};
|
|
5030
|
-
var ToggleButton = Component$
|
|
5032
|
+
var ToggleButton = Component$10;
|
|
5031
5033
|
|
|
5032
|
-
var styles$
|
|
5034
|
+
var styles$T = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
5033
5035
|
|
|
5034
|
-
var Component
|
|
5036
|
+
var Component$$ = function (_a) {
|
|
5035
5037
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
5036
5038
|
var userInfo = useMediaQuery(React.createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
5037
5039
|
sm: null
|
|
5038
5040
|
});
|
|
5039
|
-
return (React.createElement("button", { className: CNM.get({ styles: styles$
|
|
5041
|
+
return (React.createElement("button", { className: CNM.get({ styles: styles$T, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
5040
5042
|
React.createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
5041
5043
|
userInfo,
|
|
5042
5044
|
React.createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -5044,7 +5046,7 @@ var Component$V = function (_a) {
|
|
|
5044
5046
|
/**
|
|
5045
5047
|
* Atom UI component of user menu button analyst
|
|
5046
5048
|
*/
|
|
5047
|
-
var UserMenuButtonAnalyst = Component
|
|
5049
|
+
var UserMenuButtonAnalyst = Component$$;
|
|
5048
5050
|
|
|
5049
5051
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
5050
5052
|
|
|
@@ -5057,6 +5059,66 @@ var AlphabetFilter = function (_a) {
|
|
|
5057
5059
|
React.createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
5058
5060
|
};
|
|
5059
5061
|
|
|
5062
|
+
var styles$S = {"section-summary":"mg_application_section_section-summary_1r3rt","start":"mg_application_section_start_1r3rt","center":"mg_application_section_center_1r3rt","end":"mg_application_section_end_1r3rt"};
|
|
5063
|
+
|
|
5064
|
+
var cx$u = classNames.bind(styles$S);
|
|
5065
|
+
var Component$_ = function (_a) {
|
|
5066
|
+
var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
|
|
5067
|
+
return React.createElement("div", { className: cx$u('section-summary', aligned, className) }, children);
|
|
5068
|
+
};
|
|
5069
|
+
var ApplicationSection = Component$_;
|
|
5070
|
+
|
|
5071
|
+
var styles$R = {"title-summary":"mg_application_title_title-summary_opa1s"};
|
|
5072
|
+
|
|
5073
|
+
var cx$t = classNames.bind(styles$R);
|
|
5074
|
+
var Component$Z = function (_a) {
|
|
5075
|
+
var children = _a.children, className = _a.className;
|
|
5076
|
+
return React.createElement("div", { className: cx$t('title-summary', className) }, children);
|
|
5077
|
+
};
|
|
5078
|
+
var ApplicationTitle = Component$Z;
|
|
5079
|
+
|
|
5080
|
+
var styles$Q = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
|
|
5081
|
+
|
|
5082
|
+
var cx$s = classNames.bind(styles$Q);
|
|
5083
|
+
var Component$Y = function (_a) {
|
|
5084
|
+
var children = _a.children, className = _a.className;
|
|
5085
|
+
return React.createElement("div", { className: cx$s('subtitle-summary', className) }, children);
|
|
5086
|
+
};
|
|
5087
|
+
var ApplicationSubtitle = Component$Y;
|
|
5088
|
+
|
|
5089
|
+
var styles$P = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
|
|
5090
|
+
|
|
5091
|
+
var cx$r = classNames.bind(styles$P);
|
|
5092
|
+
var Component$X = function (_a) {
|
|
5093
|
+
var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
|
|
5094
|
+
return (React.createElement("button", __assign({}, props, { className: cx$r('button-summary', variant, className) }), children));
|
|
5095
|
+
};
|
|
5096
|
+
var ApplicationButton = Component$X;
|
|
5097
|
+
|
|
5098
|
+
var styles$O = {"text-summary":"mg_application_text_text-summary_bvtna"};
|
|
5099
|
+
|
|
5100
|
+
var cx$q = classNames.bind(styles$O);
|
|
5101
|
+
var Component$W = function (_a) {
|
|
5102
|
+
var children = _a.children, className = _a.className;
|
|
5103
|
+
return React.createElement("p", { className: cx$q('text-summary', className) }, children);
|
|
5104
|
+
};
|
|
5105
|
+
var ApplicationText = Component$W;
|
|
5106
|
+
|
|
5107
|
+
var styles$N = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
|
|
5108
|
+
|
|
5109
|
+
var cx$p = classNames.bind(styles$N);
|
|
5110
|
+
var Component$V = function (_a) {
|
|
5111
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
5112
|
+
return (React.createElement(ModalResponsive, __assign({ modalClassName: cx$p('summary-modal'), mobileDrawerClassName: cx$p('summary-drawer') }, props), children));
|
|
5113
|
+
};
|
|
5114
|
+
var ApplicationSummary = Object.assign(Component$V, {
|
|
5115
|
+
Section: ApplicationSection,
|
|
5116
|
+
Title: ApplicationTitle,
|
|
5117
|
+
SubTitle: ApplicationSubtitle,
|
|
5118
|
+
Button: ApplicationButton,
|
|
5119
|
+
Text: ApplicationText
|
|
5120
|
+
});
|
|
5121
|
+
|
|
5060
5122
|
var BrandMenu = function (_a) {
|
|
5061
5123
|
var brandsProps = _a.brandsProps, companyLogo = _a.companyLogo, companySlug = _a.companySlug;
|
|
5062
5124
|
var brandMenuprops = {
|
|
@@ -7245,7 +7307,7 @@ var Component$g = function (_a) {
|
|
|
7245
7307
|
};
|
|
7246
7308
|
var UserTermCheck = Component$g;
|
|
7247
7309
|
|
|
7248
|
-
var styles$h = {"user-term-content":"mg_user_term_content_user-term-
|
|
7310
|
+
var styles$h = {"user-term-content":"mg_user_term_content_user-term-content_7556y"};
|
|
7249
7311
|
|
|
7250
7312
|
var cx$a = classNames.bind(styles$h);
|
|
7251
7313
|
var Component$f = function (_a) {
|
|
@@ -8065,5 +8127,5 @@ var Component = function (_a) {
|
|
|
8065
8127
|
};
|
|
8066
8128
|
var SuggestedJobsPage = Component;
|
|
8067
8129
|
|
|
8068
|
-
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 };
|
|
8130
|
+
export { Actions, Alert, AlertJobStatus, AlertJobStatusContainer, AlertJobStatusIcon, AlphabetFilter, AnalystTemplate, ApplicationButton, ApplicationSubtitle, ApplicationSummary, ApplicationText, ApplicationTitle, Avatar, Badge, BarLoader, BrandMenu, BrandsContainer, BrandsMenuMobile, BrandsMenuPopover$1 as BrandsMenuPopover, Breadcrumb, Breadcrumbs, Button, 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 };
|
|
8069
8131
|
//# sourceMappingURL=index.js.map
|