magneto365.ui 2.56.4 → 2.57.2
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/cjs/index.js
CHANGED
|
@@ -250,7 +250,7 @@ var useMediaQuery = function (defaultValue, options) {
|
|
|
250
250
|
|
|
251
251
|
var style$_ = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
|
|
252
252
|
|
|
253
|
-
var Component$
|
|
253
|
+
var Component$2v = function (_a) {
|
|
254
254
|
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;
|
|
255
255
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
256
256
|
var handleError = function () {
|
|
@@ -266,9 +266,9 @@ var Component$2p = function (_a) {
|
|
|
266
266
|
/**
|
|
267
267
|
* Atom UI component of Icon for general purpose
|
|
268
268
|
*/
|
|
269
|
-
var IconItem = Component$
|
|
269
|
+
var IconItem = Component$2v;
|
|
270
270
|
|
|
271
|
-
var styles$
|
|
271
|
+
var styles$2m = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
|
|
272
272
|
|
|
273
273
|
var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
|
|
274
274
|
|
|
@@ -536,31 +536,31 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
|
|
|
536
536
|
|
|
537
537
|
var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
|
|
538
538
|
|
|
539
|
-
var Component$
|
|
539
|
+
var Component$2u = function (_a) {
|
|
540
540
|
var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
|
|
541
541
|
var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
|
|
542
542
|
var handleError = function () {
|
|
543
543
|
setImageError(true);
|
|
544
544
|
};
|
|
545
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
545
|
+
return (React__default["default"].createElement("div", { className: styles$2m.avatarComponent, onClick: onClick },
|
|
546
546
|
userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
|
|
547
|
-
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$
|
|
547
|
+
(!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2m['magneto-ui-default-avatar'] },
|
|
548
548
|
React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
|
|
549
549
|
};
|
|
550
550
|
/**
|
|
551
551
|
* UI Atom component of Avatar
|
|
552
552
|
*/
|
|
553
|
-
var Avatar = Component$
|
|
553
|
+
var Avatar = Component$2u;
|
|
554
554
|
|
|
555
|
-
var styles$
|
|
555
|
+
var styles$2l = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
|
|
556
556
|
|
|
557
|
-
var Component$
|
|
557
|
+
var Component$2t = function (_a) {
|
|
558
558
|
var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
|
|
559
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
560
|
-
React__default["default"].createElement("span", { className: styles$
|
|
559
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$2l['badge-count'], " ").concat(className) },
|
|
560
|
+
React__default["default"].createElement("span", { className: styles$2l['badge-count__animation'] }),
|
|
561
561
|
number && number));
|
|
562
562
|
};
|
|
563
|
-
var Badge = Component$
|
|
563
|
+
var Badge = Component$2t;
|
|
564
564
|
|
|
565
565
|
var BAR_LOADER_PREFIX = '--bar-loader';
|
|
566
566
|
|
|
@@ -677,9 +677,9 @@ var SignUpButtonStyle = {
|
|
|
677
677
|
}
|
|
678
678
|
};
|
|
679
679
|
|
|
680
|
-
var styles$
|
|
680
|
+
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"};
|
|
681
681
|
|
|
682
|
-
var styles$
|
|
682
|
+
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"};
|
|
683
683
|
|
|
684
684
|
var ShareIcons = {
|
|
685
685
|
Facebook: {
|
|
@@ -699,7 +699,7 @@ var ShareIcons = {
|
|
|
699
699
|
}
|
|
700
700
|
};
|
|
701
701
|
|
|
702
|
-
var Component$
|
|
702
|
+
var Component$2s = function (_a) {
|
|
703
703
|
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;
|
|
704
704
|
var _b = React.useState(), component = _b[0], setComponent = _b[1];
|
|
705
705
|
var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
|
|
@@ -712,46 +712,46 @@ var Component$2m = function (_a) {
|
|
|
712
712
|
};
|
|
713
713
|
if (component)
|
|
714
714
|
return component;
|
|
715
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
716
|
-
React__default["default"].createElement("div", { id: styles$
|
|
715
|
+
return (React__default["default"].createElement("div", { className: styles$2j['magneto-ui-actions'] },
|
|
716
|
+
React__default["default"].createElement("div", { id: styles$2j['magneto-ui__external-child'] }, externalButtonChild),
|
|
717
717
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
|
|
718
|
-
React__default["default"].createElement("button", { className: styles$
|
|
718
|
+
React__default["default"].createElement("button", { className: styles$2j['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
|
|
719
719
|
return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
|
|
720
720
|
} },
|
|
721
721
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
|
|
722
722
|
shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
|
|
723
723
|
actionsLinkList.map(function (_a, index) {
|
|
724
724
|
var url = _a.url, text = _a.text, Icon = _a.Icon;
|
|
725
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
725
|
+
return (React__default["default"].createElement("a", { className: styles$2j['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
|
|
726
726
|
React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
|
|
727
727
|
React__default["default"].createElement("p", { key: index }, text)));
|
|
728
728
|
}),
|
|
729
|
-
React__default["default"].createElement("div", { className: styles$
|
|
730
|
-
React__default["default"].createElement("p", { className: styles$
|
|
731
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
729
|
+
React__default["default"].createElement("div", { className: styles$2j['magneto-ui-actions__header'] },
|
|
730
|
+
React__default["default"].createElement("p", { className: styles$2j['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
731
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2j['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
|
|
732
732
|
};
|
|
733
733
|
var ShareLinksAction = function (_a) {
|
|
734
734
|
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;
|
|
735
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
736
|
-
React__default["default"].createElement(ShareButton, __assign({ className: styles$
|
|
735
|
+
return (React__default["default"].createElement("div", { className: styles$2j['magneto-ui-actions'] },
|
|
736
|
+
React__default["default"].createElement(ShareButton, __assign({ className: styles$2j['magneto-ui-actions__share'] }, shareProps)),
|
|
737
737
|
shareLinks.map(function (_a, index) {
|
|
738
738
|
var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
|
|
739
|
-
return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$
|
|
739
|
+
return (React__default["default"].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(' ') },
|
|
740
740
|
React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
|
|
741
741
|
React__default["default"].createElement("span", null, title)));
|
|
742
742
|
}),
|
|
743
|
-
React__default["default"].createElement("div", { className: styles$
|
|
744
|
-
React__default["default"].createElement("p", { className: styles$
|
|
745
|
-
offerCompanyName ? React__default["default"].createElement("p", { className: styles$
|
|
746
|
-
React__default["default"].createElement("div", { className: styles$
|
|
747
|
-
React__default["default"].createElement("button", { className: styles$
|
|
743
|
+
React__default["default"].createElement("div", { className: styles$2j['magneto-ui-actions__header'] },
|
|
744
|
+
React__default["default"].createElement("p", { className: styles$2j['magneto-ui-actions__header-title'] }, ActionsHeader),
|
|
745
|
+
offerCompanyName ? React__default["default"].createElement("p", { className: styles$2j['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
|
|
746
|
+
React__default["default"].createElement("div", { className: styles$2j['magneto-ui-actions__back'] },
|
|
747
|
+
React__default["default"].createElement("button", { className: styles$2j['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
|
|
748
748
|
React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
|
|
749
749
|
backText)));
|
|
750
750
|
};
|
|
751
751
|
/**
|
|
752
752
|
* UI Molecule componet of Actions
|
|
753
753
|
*/
|
|
754
|
-
var Actions = Object.assign(Component$
|
|
754
|
+
var Actions = Object.assign(Component$2s, { ShareLinks: ShareLinksAction });
|
|
755
755
|
|
|
756
756
|
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"};
|
|
757
757
|
|
|
@@ -777,7 +777,7 @@ var alertIcons = {
|
|
|
777
777
|
warning: Warning,
|
|
778
778
|
error: Error
|
|
779
779
|
};
|
|
780
|
-
var Component$
|
|
780
|
+
var Component$2r = function (_a) {
|
|
781
781
|
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;
|
|
782
782
|
var borderStyle = border ? style$Z["".concat(classMUI, "-").concat(type, "--with-border")] : '';
|
|
783
783
|
var typeStyle = style$Z["".concat(classMUI, "-").concat(type)];
|
|
@@ -789,7 +789,7 @@ var Component$2l = function (_a) {
|
|
|
789
789
|
React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
|
|
790
790
|
extraButton));
|
|
791
791
|
};
|
|
792
|
-
var Alert = Component$
|
|
792
|
+
var Alert = Component$2r;
|
|
793
793
|
|
|
794
794
|
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"};
|
|
795
795
|
|
|
@@ -876,8 +876,8 @@ var classNames = {
|
|
|
876
876
|
}
|
|
877
877
|
};
|
|
878
878
|
|
|
879
|
-
var cx$
|
|
880
|
-
var Component$
|
|
879
|
+
var cx$C = classNames.bind(style$W);
|
|
880
|
+
var Component$2q = function (_a) {
|
|
881
881
|
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;
|
|
882
882
|
var _d = React.useState(false), showContent = _d[0], setShowContent = _d[1];
|
|
883
883
|
var _e = React.useState(isOpen), renderPortal = _e[0], setRenderPortal = _e[1];
|
|
@@ -903,17 +903,17 @@ var Component$2k = function (_a) {
|
|
|
903
903
|
};
|
|
904
904
|
}, [isOpen]);
|
|
905
905
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
|
|
906
|
-
React__default["default"].createElement("div", { className: cx$
|
|
906
|
+
React__default["default"].createElement("div", { className: cx$C('magneto-ui-mobile-drawer', className) },
|
|
907
907
|
React__default["default"].createElement("aside", { className: style$W[showMenu] },
|
|
908
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$
|
|
908
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", title: "close-modal", className: cx$C('magneto-ui-close-button'), onClick: onClose },
|
|
909
909
|
React__default["default"].createElement(IconItem, { icon: Add, hover: false })),
|
|
910
|
-
React__default["default"].createElement("div", { className: cx$
|
|
911
|
-
isOpen && (React__default["default"].createElement("span", { className: cx$
|
|
910
|
+
React__default["default"].createElement("div", { className: cx$C('magneto-ui-container') }, children)),
|
|
911
|
+
isOpen && (React__default["default"].createElement("span", { className: cx$C('background-drawer'), onClick: blockBackgroundClose ? function () { return null; } : onClose })))))));
|
|
912
912
|
};
|
|
913
913
|
/**
|
|
914
914
|
* Molecule UI component for Mobile Drawer
|
|
915
915
|
*/
|
|
916
|
-
var MobileDrawer = Component$
|
|
916
|
+
var MobileDrawer = Component$2q;
|
|
917
917
|
|
|
918
918
|
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"};
|
|
919
919
|
|
|
@@ -969,11 +969,11 @@ var BrandsMenuPopover = function (_a) {
|
|
|
969
969
|
};
|
|
970
970
|
var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
|
|
971
971
|
|
|
972
|
-
var styles$
|
|
972
|
+
var styles$2i = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
|
|
973
973
|
|
|
974
|
-
var Component$
|
|
974
|
+
var Component$2p = function (_a) {
|
|
975
975
|
var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
|
|
976
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
976
|
+
return (React__default["default"].createElement("div", { className: styles$2i.BreadcrumbsComponent },
|
|
977
977
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
978
978
|
React__default["default"].createElement(IconItem, __assign({}, iconProps))),
|
|
979
979
|
breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
|
|
@@ -981,52 +981,52 @@ var Component$2j = function (_a) {
|
|
|
981
981
|
/**
|
|
982
982
|
* Molecule UI component for breadcrums information
|
|
983
983
|
*/
|
|
984
|
-
var Breadcrumbs = Component$
|
|
984
|
+
var Breadcrumbs = Component$2p;
|
|
985
985
|
|
|
986
|
-
var styles$
|
|
986
|
+
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"};
|
|
987
987
|
|
|
988
988
|
var CitiesDetailDrawer = function (_a) {
|
|
989
989
|
var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
|
|
990
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
991
|
-
React__default["default"].createElement("div", { className: styles$
|
|
990
|
+
return (React__default["default"].createElement("div", { className: styles$2h['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
991
|
+
React__default["default"].createElement("div", { className: styles$2h['magneto-ui-cities-detail-drawer__item-detail-icon'] },
|
|
992
992
|
React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
|
|
993
|
-
React__default["default"].createElement("div", { className: styles$
|
|
994
|
-
isRemote && (React__default["default"].createElement("p", { className: styles$
|
|
993
|
+
React__default["default"].createElement("div", { className: styles$2h['magneto-ui-cities-detail-drawer__item-detail-text'] },
|
|
994
|
+
isRemote && (React__default["default"].createElement("p", { className: styles$2h['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
|
|
995
995
|
cities &&
|
|
996
996
|
cities.map(function (_a, index) {
|
|
997
997
|
var name = _a.name, url = _a.url, title = _a.title;
|
|
998
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
998
|
+
return (React__default["default"].createElement("div", { className: styles$2h['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
|
|
999
999
|
url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
|
|
1000
1000
|
index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
|
|
1001
1001
|
})))) : null));
|
|
1002
1002
|
};
|
|
1003
1003
|
|
|
1004
|
-
var styles$
|
|
1004
|
+
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"};
|
|
1005
1005
|
|
|
1006
|
-
var Component$
|
|
1006
|
+
var Component$2o = function (_a) {
|
|
1007
1007
|
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;
|
|
1008
1008
|
var disabledArrow = React.useMemo(function () {
|
|
1009
1009
|
if (disabled)
|
|
1010
|
-
return (React__default["default"].createElement(IconItem, { className: styles$
|
|
1010
|
+
return (React__default["default"].createElement(IconItem, { className: styles$2g['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
|
|
1011
1011
|
return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
|
|
1012
1012
|
}, [disabled]);
|
|
1013
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1014
|
-
React__default["default"].createElement("select", { className: styles$
|
|
1015
|
-
React__default["default"].createElement("option", { className: styles$
|
|
1013
|
+
return (React__default["default"].createElement("div", { className: styles$2g['magneto-ui--date-dropdown__wrapper'] },
|
|
1014
|
+
React__default["default"].createElement("select", { className: styles$2g["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
|
|
1015
|
+
React__default["default"].createElement("option", { className: styles$2g['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
|
|
1016
1016
|
dateOptions.map(function (_a) {
|
|
1017
1017
|
var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
|
|
1018
|
-
return (React__default["default"].createElement("option", { className: styles$
|
|
1018
|
+
return (React__default["default"].createElement("option", { className: styles$2g['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
|
|
1019
1019
|
})),
|
|
1020
|
-
React__default["default"].createElement("span", { className: styles$
|
|
1020
|
+
React__default["default"].createElement("span", { className: styles$2g['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
|
|
1021
1021
|
};
|
|
1022
|
-
var DateDropdown = Component$
|
|
1022
|
+
var DateDropdown = Component$2o;
|
|
1023
1023
|
|
|
1024
|
-
var styles$
|
|
1024
|
+
var styles$2f = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
|
|
1025
1025
|
|
|
1026
1026
|
var defaultValue$1 = function (value) {
|
|
1027
1027
|
return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
|
|
1028
1028
|
};
|
|
1029
|
-
var Component$
|
|
1029
|
+
var Component$2n = function (_a) {
|
|
1030
1030
|
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;
|
|
1031
1031
|
var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
|
|
1032
1032
|
var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
|
|
@@ -1060,16 +1060,16 @@ var Component$2h = function (_a) {
|
|
|
1060
1060
|
}
|
|
1061
1061
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
1062
1062
|
}, [disabled]);
|
|
1063
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1063
|
+
return (React__default["default"].createElement("div", { className: styles$2f['magneto-ui--date-picker__wrapper'] },
|
|
1064
1064
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
|
|
1065
1065
|
React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
|
|
1066
1066
|
};
|
|
1067
|
-
var DatePicker = Component$
|
|
1067
|
+
var DatePicker = Component$2n;
|
|
1068
1068
|
|
|
1069
1069
|
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"};
|
|
1070
1070
|
|
|
1071
1071
|
var DEFAULT_PADDING = 20;
|
|
1072
|
-
var Component$
|
|
1072
|
+
var Component$2m = function (_a) {
|
|
1073
1073
|
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;
|
|
1074
1074
|
var fullDrawer = isFull ? "full-drawer" : '';
|
|
1075
1075
|
var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
|
|
@@ -1115,7 +1115,7 @@ var Component$2g = function (_a) {
|
|
|
1115
1115
|
/**
|
|
1116
1116
|
* Molecule UI component for Drawer
|
|
1117
1117
|
*/
|
|
1118
|
-
var Drawer = Component$
|
|
1118
|
+
var Drawer = Component$2m;
|
|
1119
1119
|
|
|
1120
1120
|
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"};
|
|
1121
1121
|
|
|
@@ -1178,15 +1178,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
|
|
|
1178
1178
|
_c)
|
|
1179
1179
|
};
|
|
1180
1180
|
|
|
1181
|
-
var styles$
|
|
1181
|
+
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"};
|
|
1182
1182
|
|
|
1183
|
-
var Component$
|
|
1183
|
+
var Component$2l = function (_a) {
|
|
1184
1184
|
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;
|
|
1185
1185
|
var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
|
|
1186
1186
|
var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
|
|
1187
1187
|
var componentProps = React.useMemo(function () {
|
|
1188
1188
|
var className = CNM.get({
|
|
1189
|
-
styles: styles$
|
|
1189
|
+
styles: styles$2e,
|
|
1190
1190
|
cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
|
|
1191
1191
|
});
|
|
1192
1192
|
if (isUrl)
|
|
@@ -1208,48 +1208,48 @@ var Component$2f = function (_a) {
|
|
|
1208
1208
|
}
|
|
1209
1209
|
return;
|
|
1210
1210
|
}, [loading, variant]);
|
|
1211
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1212
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1211
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-action', className] }) },
|
|
1212
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-action__container'] }) },
|
|
1213
1213
|
React__default["default"].createElement(Component, __assign({}, componentProps),
|
|
1214
1214
|
(prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
|
|
1215
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
1215
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2e, cls: ['expandable-info-action__title'] }) }, title),
|
|
1216
1216
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
|
|
1217
1217
|
};
|
|
1218
1218
|
/**
|
|
1219
1219
|
* Molecule UI child component of expandable info
|
|
1220
1220
|
*/
|
|
1221
|
-
var ExpandableInfoAction = Component$
|
|
1221
|
+
var ExpandableInfoAction = Component$2l;
|
|
1222
1222
|
|
|
1223
|
-
var styles$
|
|
1223
|
+
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"};
|
|
1224
1224
|
|
|
1225
|
-
var Component$
|
|
1225
|
+
var Component$2k = function (_a) {
|
|
1226
1226
|
var sections = _a.sections, footer = _a.footer;
|
|
1227
1227
|
var sectionStyles = React.useCallback(function (multiple) {
|
|
1228
1228
|
return CNM.get({
|
|
1229
|
-
styles: styles$
|
|
1229
|
+
styles: styles$2d,
|
|
1230
1230
|
cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
|
|
1231
1231
|
});
|
|
1232
1232
|
}, []);
|
|
1233
1233
|
var subSectionStyles = React.useCallback(function (initial) {
|
|
1234
1234
|
return CNM.get({
|
|
1235
|
-
styles: styles$
|
|
1235
|
+
styles: styles$2d,
|
|
1236
1236
|
cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
|
|
1237
1237
|
});
|
|
1238
1238
|
}, []);
|
|
1239
1239
|
var itemStyles = React.useCallback(function (first) {
|
|
1240
1240
|
return CNM.get({
|
|
1241
|
-
styles: styles$
|
|
1241
|
+
styles: styles$2d,
|
|
1242
1242
|
cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
|
|
1243
1243
|
});
|
|
1244
1244
|
}, []);
|
|
1245
1245
|
var textStyles = React.useCallback(function (bold) {
|
|
1246
1246
|
return CNM.get({
|
|
1247
|
-
styles: styles$
|
|
1247
|
+
styles: styles$2d,
|
|
1248
1248
|
cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
|
|
1249
1249
|
});
|
|
1250
1250
|
}, []);
|
|
1251
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1252
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1251
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2d, cls: ['expandable-info-details'] }) },
|
|
1252
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2d, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
|
|
1253
1253
|
sections.map(function (section, index) {
|
|
1254
1254
|
var _a, _b;
|
|
1255
1255
|
return (React__default["default"].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) {
|
|
@@ -1263,13 +1263,13 @@ var Component$2e = function (_a) {
|
|
|
1263
1263
|
React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
|
|
1264
1264
|
})));
|
|
1265
1265
|
}),
|
|
1266
|
-
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1267
|
-
React__default["default"].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$
|
|
1266
|
+
(footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2d, cls: ['expandable-info-details__footer'] }) },
|
|
1267
|
+
React__default["default"].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'] }) }))))));
|
|
1268
1268
|
};
|
|
1269
1269
|
/**
|
|
1270
1270
|
* Molecule UI child component of expandable info
|
|
1271
1271
|
*/
|
|
1272
|
-
var ExpandableInfoDetails = Component$
|
|
1272
|
+
var ExpandableInfoDetails = Component$2k;
|
|
1273
1273
|
|
|
1274
1274
|
exports.EExpandableInfoVariant = void 0;
|
|
1275
1275
|
(function (EExpandableInfoVariant) {
|
|
@@ -1290,9 +1290,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
|
|
|
1290
1290
|
_a$3)
|
|
1291
1291
|
};
|
|
1292
1292
|
|
|
1293
|
-
var styles$
|
|
1293
|
+
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"};
|
|
1294
1294
|
|
|
1295
|
-
var Component$
|
|
1295
|
+
var Component$2j = function (_a) {
|
|
1296
1296
|
var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
|
|
1297
1297
|
var icon = React.useCallback(function (icon) {
|
|
1298
1298
|
if (icon) {
|
|
@@ -1305,22 +1305,22 @@ var Component$2d = function (_a) {
|
|
|
1305
1305
|
}, [variant]);
|
|
1306
1306
|
if (!title)
|
|
1307
1307
|
return null;
|
|
1308
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1309
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1308
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2c, cls: ['expandable-info-message', className] }) },
|
|
1309
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2c, cls: ['expandable-info-message__container'] }) },
|
|
1310
1310
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1311
1311
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1312
|
-
styles: styles$
|
|
1312
|
+
styles: styles$2c,
|
|
1313
1313
|
cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
|
|
1314
1314
|
}) }, title))));
|
|
1315
1315
|
};
|
|
1316
1316
|
/**
|
|
1317
1317
|
* Molecule UI child component of expandable info
|
|
1318
1318
|
*/
|
|
1319
|
-
var ExpandableInfoMessage = Component$
|
|
1319
|
+
var ExpandableInfoMessage = Component$2j;
|
|
1320
1320
|
|
|
1321
|
-
var styles$
|
|
1321
|
+
var styles$2b = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
|
|
1322
1322
|
|
|
1323
|
-
var Component$
|
|
1323
|
+
var Component$2i = function (_a) {
|
|
1324
1324
|
var toggler = _a.toggler, details = _a.details;
|
|
1325
1325
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
1326
1326
|
var handleOnToggle = React.useCallback(function () {
|
|
@@ -1328,28 +1328,28 @@ var Component$2c = function (_a) {
|
|
|
1328
1328
|
}, []);
|
|
1329
1329
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1330
1330
|
React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
|
|
1331
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$
|
|
1331
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$2b, cls: ['expandable-info-modal'] }) },
|
|
1332
1332
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
|
|
1333
1333
|
};
|
|
1334
1334
|
/**
|
|
1335
1335
|
* Molecule UI child component of expandable info
|
|
1336
1336
|
*/
|
|
1337
|
-
var ExpandableInfoModal = Component$
|
|
1337
|
+
var ExpandableInfoModal = Component$2i;
|
|
1338
1338
|
|
|
1339
|
-
var styles$
|
|
1339
|
+
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"};
|
|
1340
1340
|
|
|
1341
1341
|
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"};
|
|
1342
1342
|
|
|
1343
|
-
var styles$
|
|
1343
|
+
var styles$29 = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
|
|
1344
1344
|
|
|
1345
1345
|
var Image = function (_a) {
|
|
1346
1346
|
var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
|
|
1347
1347
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1348
1348
|
React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
|
|
1349
|
-
playIcon && React__default["default"].createElement("div", { className: styles$
|
|
1349
|
+
playIcon && React__default["default"].createElement("div", { className: styles$29['magneto-ui-play-button'] }, playIcon)));
|
|
1350
1350
|
};
|
|
1351
1351
|
|
|
1352
|
-
var styles$
|
|
1352
|
+
var styles$28 = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_agft7","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_agft7","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_agft7","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_agft7","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_agft7","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_agft7","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_agft7"};
|
|
1353
1353
|
|
|
1354
1354
|
var MegaMenuCard = function (_a) {
|
|
1355
1355
|
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;
|
|
@@ -1359,17 +1359,17 @@ var MegaMenuCard = function (_a) {
|
|
|
1359
1359
|
onClick();
|
|
1360
1360
|
}
|
|
1361
1361
|
}, [onClick]);
|
|
1362
|
-
return (React__default["default"].createElement("a", { className: "".concat(styles$
|
|
1363
|
-
icon && (React__default["default"].createElement("div", { className: styles$
|
|
1362
|
+
return (React__default["default"].createElement("a", { className: "".concat(styles$28["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
|
|
1363
|
+
icon && (React__default["default"].createElement("div", { className: styles$28["magneto-ui-mega-menu-card__icon"] },
|
|
1364
1364
|
React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
|
|
1365
|
-
logo && (React__default["default"].createElement("div", { className: styles$
|
|
1366
|
-
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$
|
|
1367
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1368
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1369
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1365
|
+
logo && (React__default["default"].createElement("div", { className: styles$28["magneto-ui-mega-menu-card__logo"] },
|
|
1366
|
+
React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$28["magneto-ui-mega-menu-card__logo"] }))),
|
|
1367
|
+
React__default["default"].createElement("div", { className: styles$28["magneto-ui-mega-menu-card__content"] },
|
|
1368
|
+
React__default["default"].createElement("div", { className: styles$28["magneto-ui-mega-menu-card__title"] }, title),
|
|
1369
|
+
React__default["default"].createElement("div", { className: styles$28["magneto-ui-mega-menu-card__quotas"] }, "".concat(quotas.toLocaleString('es-CO', {
|
|
1370
1370
|
maximumFractionDigits: 3
|
|
1371
1371
|
}), " cupos"))),
|
|
1372
|
-
showRigthArrow && (React__default["default"].createElement("div", { className: styles$
|
|
1372
|
+
showRigthArrow && (React__default["default"].createElement("div", { className: styles$28["magneto-ui-mega-menu-card__arrow"] },
|
|
1373
1373
|
React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })))));
|
|
1374
1374
|
};
|
|
1375
1375
|
|
|
@@ -1388,24 +1388,24 @@ var MegaMenuSideCards = function (_a) {
|
|
|
1388
1388
|
React__default["default"].createElement(SearchItem, { url: action.url, tag: action.label, className: "".concat(style$S["mega-menu-side-cards__action"]), icon: ArrowRightWhite })))));
|
|
1389
1389
|
};
|
|
1390
1390
|
|
|
1391
|
-
var styles$
|
|
1391
|
+
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"};
|
|
1392
1392
|
|
|
1393
1393
|
var withMegaMenuContainer = function (WrappedComponent) {
|
|
1394
1394
|
var Component = function (_a) {
|
|
1395
1395
|
var sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
|
|
1396
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1397
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1396
|
+
return (React__default["default"].createElement("div", { className: styles$27['mega-menu-side-container'] },
|
|
1397
|
+
React__default["default"].createElement("div", { className: styles$27['mega-menu-side-container__side'] },
|
|
1398
1398
|
React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
|
|
1399
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1399
|
+
React__default["default"].createElement("div", { className: styles$27['mega-menu-side-container__main'] },
|
|
1400
1400
|
React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
|
|
1401
1401
|
};
|
|
1402
1402
|
return Component;
|
|
1403
1403
|
};
|
|
1404
1404
|
|
|
1405
|
-
var Component$
|
|
1405
|
+
var Component$2h = function (_a) {
|
|
1406
1406
|
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;
|
|
1407
1407
|
return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
|
|
1408
|
-
styles: styles$
|
|
1408
|
+
styles: styles$2a,
|
|
1409
1409
|
cls: [
|
|
1410
1410
|
'expandable-info-popover',
|
|
1411
1411
|
"expandable-info-popover--".concat(toggler.size),
|
|
@@ -1413,7 +1413,7 @@ var Component$2b = function (_a) {
|
|
|
1413
1413
|
]
|
|
1414
1414
|
}), content: React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1415
1415
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
1416
|
-
styles: styles$
|
|
1416
|
+
styles: styles$2a,
|
|
1417
1417
|
cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
|
|
1418
1418
|
}) }),
|
|
1419
1419
|
React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
|
|
@@ -1422,19 +1422,19 @@ var Component$2b = function (_a) {
|
|
|
1422
1422
|
/**
|
|
1423
1423
|
* Molecule UI child component of expandable info
|
|
1424
1424
|
*/
|
|
1425
|
-
var ExpandableInfoPopover = withClickOut(Component$
|
|
1425
|
+
var ExpandableInfoPopover = withClickOut(Component$2h);
|
|
1426
1426
|
|
|
1427
1427
|
var EXPANDABLE_INFO_TOGGLER_ICONS = {
|
|
1428
1428
|
coin: CoinBlackOutline
|
|
1429
1429
|
};
|
|
1430
1430
|
|
|
1431
|
-
var styles$
|
|
1431
|
+
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"};
|
|
1432
1432
|
|
|
1433
|
-
var Component$
|
|
1433
|
+
var Component$2g = function (_a) {
|
|
1434
1434
|
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;
|
|
1435
1435
|
var styleGenerator = React.useCallback(function (base) {
|
|
1436
1436
|
return CNM.get({
|
|
1437
|
-
styles: styles$
|
|
1437
|
+
styles: styles$26,
|
|
1438
1438
|
cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
|
|
1439
1439
|
});
|
|
1440
1440
|
}, [variant]);
|
|
@@ -1466,7 +1466,7 @@ var Component$2a = function (_a) {
|
|
|
1466
1466
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
|
|
1467
1467
|
React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
|
|
1468
1468
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1469
|
-
styles: styles$
|
|
1469
|
+
styles: styles$26,
|
|
1470
1470
|
cls: [
|
|
1471
1471
|
'expandable-info-toggler__summary',
|
|
1472
1472
|
(size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
|
|
@@ -1479,11 +1479,11 @@ var Component$2a = function (_a) {
|
|
|
1479
1479
|
/**
|
|
1480
1480
|
* Molecule UI child component of expandable info
|
|
1481
1481
|
*/
|
|
1482
|
-
var ExpandableInfoToggler = Component$
|
|
1482
|
+
var ExpandableInfoToggler = Component$2g;
|
|
1483
1483
|
|
|
1484
|
-
var styles$
|
|
1484
|
+
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"};
|
|
1485
1485
|
|
|
1486
|
-
var Component$
|
|
1486
|
+
var Component$2f = function (_a) {
|
|
1487
1487
|
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;
|
|
1488
1488
|
var togglerProps = React.useMemo(function () { return ({
|
|
1489
1489
|
details: details,
|
|
@@ -1497,9 +1497,9 @@ var Component$29 = function (_a) {
|
|
|
1497
1497
|
var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
|
|
1498
1498
|
sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
|
|
1499
1499
|
});
|
|
1500
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1500
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$25, cls: ['expandable-info'] }) },
|
|
1501
1501
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
1502
|
-
styles: styles$
|
|
1502
|
+
styles: styles$25,
|
|
1503
1503
|
cls: [
|
|
1504
1504
|
'expandable-info__container',
|
|
1505
1505
|
"expandable-info__container--".concat(variant),
|
|
@@ -1509,13 +1509,13 @@ var Component$29 = function (_a) {
|
|
|
1509
1509
|
}) },
|
|
1510
1510
|
container,
|
|
1511
1511
|
size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1512
|
-
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
1512
|
+
actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].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__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
|
|
1513
1513
|
React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
|
|
1514
1514
|
};
|
|
1515
1515
|
/**
|
|
1516
1516
|
* Molecule UI component for expandable info
|
|
1517
1517
|
*/
|
|
1518
|
-
var ExpandableInfo = Component$
|
|
1518
|
+
var ExpandableInfo = Component$2f;
|
|
1519
1519
|
|
|
1520
1520
|
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"};
|
|
1521
1521
|
|
|
@@ -1543,7 +1543,7 @@ var FilterContainerMenu = function (_a) {
|
|
|
1543
1543
|
return React__default["default"].createElement("div", { className: style$Q["".concat(classMUI, "-filter-container")] }, children);
|
|
1544
1544
|
};
|
|
1545
1545
|
|
|
1546
|
-
var styles$
|
|
1546
|
+
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"};
|
|
1547
1547
|
|
|
1548
1548
|
var FilterMenuItem = function (_a) {
|
|
1549
1549
|
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"]);
|
|
@@ -1558,51 +1558,51 @@ var FilterMenuItem = function (_a) {
|
|
|
1558
1558
|
return isSearched || isApplied || hiddenCount ? false : !total;
|
|
1559
1559
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1560
1560
|
var className = React.useMemo(function () {
|
|
1561
|
-
return isApplied ? styles$
|
|
1561
|
+
return isApplied ? styles$24.selected : isSearched ? styles$24.isSearched : hiddenCount ? '' : !total && styles$24.disabled;
|
|
1562
1562
|
}, [total, isApplied, isSearched, hiddenCount]);
|
|
1563
1563
|
var handleClick = React.useCallback(function () {
|
|
1564
1564
|
var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
|
|
1565
1565
|
setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
|
|
1566
1566
|
}, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
|
|
1567
1567
|
if (loading)
|
|
1568
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1569
|
-
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$
|
|
1568
|
+
return React__default["default"].createElement("div", { className: styles$24.skeleton });
|
|
1569
|
+
return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$24['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
|
|
1570
1570
|
React__default["default"].createElement("span", null, label),
|
|
1571
1571
|
displayOutput));
|
|
1572
1572
|
};
|
|
1573
1573
|
|
|
1574
|
-
var styles$
|
|
1574
|
+
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"};
|
|
1575
1575
|
|
|
1576
1576
|
var FilterSearchItem = function (_a) {
|
|
1577
1577
|
var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
|
|
1578
1578
|
var inputRef = React.useRef(null);
|
|
1579
1579
|
if (loading)
|
|
1580
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1580
|
+
return (React__default["default"].createElement("div", { className: styles$23.skeleton },
|
|
1581
1581
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
|
|
1582
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1582
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$23['magneto-ui-filter-search'], " ").concat(disabled ? styles$23.disabled : '') },
|
|
1583
1583
|
React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
|
|
1584
1584
|
React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
|
|
1585
1585
|
};
|
|
1586
1586
|
|
|
1587
|
-
var styles$
|
|
1587
|
+
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"};
|
|
1588
1588
|
|
|
1589
|
-
var Component$
|
|
1589
|
+
var Component$2e = function (_a) {
|
|
1590
1590
|
var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
|
|
1591
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1592
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1591
|
+
return (React__default["default"].createElement("div", { className: styles$22['fraud-card-job'] },
|
|
1592
|
+
React__default["default"].createElement("div", { className: styles$22['fraud-card-job__header'] },
|
|
1593
1593
|
React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
|
|
1594
1594
|
React__default["default"].createElement("h4", null, title)),
|
|
1595
1595
|
React__default["default"].createElement("div", null,
|
|
1596
|
-
React__default["default"].createElement("p", { className: styles$
|
|
1597
|
-
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$
|
|
1596
|
+
React__default["default"].createElement("p", { className: styles$22['fraud-card-job__text'] }, content),
|
|
1597
|
+
React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$22['fraud-card-job__link'], href: link },
|
|
1598
1598
|
React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
|
|
1599
1599
|
linkText))));
|
|
1600
1600
|
};
|
|
1601
|
-
var FraudCardJob = Component$
|
|
1601
|
+
var FraudCardJob = Component$2e;
|
|
1602
1602
|
|
|
1603
|
-
var styles$
|
|
1603
|
+
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"};
|
|
1604
1604
|
|
|
1605
|
-
var Component$
|
|
1605
|
+
var Component$2d = function (_a) {
|
|
1606
1606
|
var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
|
|
1607
1607
|
var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
|
|
1608
1608
|
var searchListDinamyc = React.useMemo(function () {
|
|
@@ -1612,46 +1612,46 @@ var Component$27 = function (_a) {
|
|
|
1612
1612
|
return searchList;
|
|
1613
1613
|
}, [searchList, showFullList]);
|
|
1614
1614
|
var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
|
|
1615
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$
|
|
1616
|
-
React__default["default"].createElement("h2", { className: styles$
|
|
1617
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1615
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$21['magneto-ui-frequent-search'] },
|
|
1616
|
+
React__default["default"].createElement("h2", { className: styles$21['magneto-ui-frequent-search__heading'] }, searchHeading),
|
|
1617
|
+
React__default["default"].createElement("div", { className: styles$21['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
|
|
1618
1618
|
var props = __rest(_a, []);
|
|
1619
1619
|
return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
|
|
1620
1620
|
})),
|
|
1621
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1621
|
+
React__default["default"].createElement("div", { className: styles$21['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$21['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
|
|
1622
1622
|
showMore,
|
|
1623
1623
|
" (",
|
|
1624
1624
|
searchList.length,
|
|
1625
|
-
")")) : (React__default["default"].createElement("button", { className: styles$
|
|
1625
|
+
")")) : (React__default["default"].createElement("button", { className: styles$21['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
|
|
1626
1626
|
};
|
|
1627
1627
|
/**
|
|
1628
1628
|
* UI Atom component of Frequent Search
|
|
1629
1629
|
*/
|
|
1630
|
-
var FrequentSearch = Component$
|
|
1630
|
+
var FrequentSearch = Component$2d;
|
|
1631
1631
|
|
|
1632
1632
|
var style$P = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
|
|
1633
1633
|
|
|
1634
|
-
var Component$
|
|
1634
|
+
var Component$2c = function (_a) {
|
|
1635
1635
|
var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
|
|
1636
1636
|
return (React__default["default"].createElement("div", { className: style$P['header-drawer-company'] },
|
|
1637
1637
|
React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
|
|
1638
1638
|
React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
|
|
1639
1639
|
React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
|
|
1640
1640
|
};
|
|
1641
|
-
var HeaderDrawerCompany = Component$
|
|
1641
|
+
var HeaderDrawerCompany = Component$2c;
|
|
1642
1642
|
|
|
1643
|
-
var styles$
|
|
1643
|
+
var styles$20 = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
|
|
1644
1644
|
|
|
1645
|
-
var Component$
|
|
1645
|
+
var Component$2b = function (_a) {
|
|
1646
1646
|
var children = _a.children;
|
|
1647
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
1647
|
+
return React__default["default"].createElement("div", { className: styles$20.TabComponent }, children);
|
|
1648
1648
|
};
|
|
1649
1649
|
/**
|
|
1650
1650
|
* Molecule UI for Tab
|
|
1651
1651
|
*/
|
|
1652
|
-
var Tab = Component$
|
|
1652
|
+
var Tab = Component$2b;
|
|
1653
1653
|
|
|
1654
|
-
var styles$
|
|
1654
|
+
var styles$1$ = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
|
|
1655
1655
|
|
|
1656
1656
|
var toCSSVariables = function (input) {
|
|
1657
1657
|
var output = {};
|
|
@@ -1666,35 +1666,35 @@ var toCSSVariables = function (input) {
|
|
|
1666
1666
|
return output;
|
|
1667
1667
|
};
|
|
1668
1668
|
|
|
1669
|
-
var Component$
|
|
1669
|
+
var Component$2a = function (_a) {
|
|
1670
1670
|
var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
|
|
1671
1671
|
var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
|
|
1672
1672
|
var boxShadow = (tabButtonStyles || {}).boxShadow;
|
|
1673
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1673
|
+
return (React__default["default"].createElement("div", { className: styles$1$.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
|
|
1674
1674
|
};
|
|
1675
1675
|
/**
|
|
1676
1676
|
* Molecule UI component for Tab Button
|
|
1677
1677
|
*/
|
|
1678
|
-
var TabButton = Component$
|
|
1678
|
+
var TabButton = Component$2a;
|
|
1679
1679
|
|
|
1680
|
-
var styles$
|
|
1680
|
+
var styles$1_ = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
|
|
1681
1681
|
|
|
1682
|
-
var Component$
|
|
1682
|
+
var Component$29 = function (_a) {
|
|
1683
1683
|
var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
|
|
1684
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1684
|
+
return (React__default["default"].createElement("div", { className: styles$1_.HeaderDrawerTabsComponent },
|
|
1685
1685
|
React__default["default"].createElement("a", { href: homeUrl },
|
|
1686
1686
|
React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
|
|
1687
1687
|
React__default["default"].createElement(Tab, null,
|
|
1688
1688
|
React__default["default"].createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
|
|
1689
1689
|
React__default["default"].createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
|
|
1690
1690
|
};
|
|
1691
|
-
var HeaderDrawerTabs = Component$
|
|
1691
|
+
var HeaderDrawerTabs = Component$29;
|
|
1692
1692
|
|
|
1693
|
-
var styles$
|
|
1693
|
+
var styles$1Z = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
|
|
1694
1694
|
|
|
1695
|
-
var Component$
|
|
1695
|
+
var Component$28 = function (_a) {
|
|
1696
1696
|
var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
|
|
1697
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1697
|
+
return (React__default["default"].createElement("div", { className: styles$1Z.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
|
|
1698
1698
|
var headerTabProps = __rest(_a, []);
|
|
1699
1699
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
1700
1700
|
React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
|
|
@@ -1705,9 +1705,9 @@ var Component$22 = function (_a) {
|
|
|
1705
1705
|
/**
|
|
1706
1706
|
* Molecule UI component for header tabs information`
|
|
1707
1707
|
*/
|
|
1708
|
-
var HeaderTabs = Component$
|
|
1708
|
+
var HeaderTabs = Component$28;
|
|
1709
1709
|
|
|
1710
|
-
var styles$
|
|
1710
|
+
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"};
|
|
1711
1711
|
|
|
1712
1712
|
var Input = function (_a) {
|
|
1713
1713
|
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"]);
|
|
@@ -1742,28 +1742,28 @@ var Input = function (_a) {
|
|
|
1742
1742
|
setInputValue(e.target.value);
|
|
1743
1743
|
}, [onChange]);
|
|
1744
1744
|
return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
|
|
1745
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1745
|
+
React__default["default"].createElement("div", { className: styles$1Y["".concat(classMUI, "-input")] },
|
|
1746
1746
|
React__default["default"].createElement("div", null,
|
|
1747
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1747
|
+
React__default["default"].createElement("div", { className: styles$1Y["".concat(classMUI, "-input--container")] },
|
|
1748
1748
|
React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
1749
1749
|
left: hideIcon ? '10px' : '40px',
|
|
1750
1750
|
top: haveValueOrFocus ? '30%' : '45%',
|
|
1751
1751
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
1752
|
-
}, className: styles$
|
|
1752
|
+
}, className: styles$1Y["".concat(classMUI, "-input--container__label")] }, placeholder),
|
|
1753
1753
|
React__default["default"].createElement("input", __assign({}, props, { style: {
|
|
1754
1754
|
padding: hideIcon ? '0px 10px' : '0px 40px'
|
|
1755
|
-
}, disabled: disabled, className: styles$
|
|
1756
|
-
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$
|
|
1757
|
-
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$
|
|
1755
|
+
}, 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" })),
|
|
1756
|
+
hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1Y["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
|
|
1757
|
+
actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1Y["".concat(classMUI, "-input--container__icon-action")] },
|
|
1758
1758
|
React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
|
|
1759
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1760
|
-
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$
|
|
1759
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1Y["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1Y['footer-without-error'] : '') },
|
|
1760
|
+
error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1Y["".concat(classMUI, "-input--container__error")] }, error)),
|
|
1761
1761
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
|
|
1762
1762
|
};
|
|
1763
1763
|
|
|
1764
|
-
var styles$
|
|
1764
|
+
var styles$1X = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
|
|
1765
1765
|
|
|
1766
|
-
var Component$
|
|
1766
|
+
var Component$27 = function (_a) {
|
|
1767
1767
|
var color = _a.color, size = _a.size, secondColor = _a.secondColor;
|
|
1768
1768
|
var loadingSize = React.useMemo(function () {
|
|
1769
1769
|
if (size) {
|
|
@@ -1777,11 +1777,11 @@ var Component$21 = function (_a) {
|
|
|
1777
1777
|
height: '15px'
|
|
1778
1778
|
};
|
|
1779
1779
|
}, [size]);
|
|
1780
|
-
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$
|
|
1780
|
+
return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$1X["".concat(classMUI, "-flat-loader")] }));
|
|
1781
1781
|
};
|
|
1782
|
-
var FlatLoader = Component$
|
|
1782
|
+
var FlatLoader = Component$27;
|
|
1783
1783
|
|
|
1784
|
-
var styles$
|
|
1784
|
+
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"};
|
|
1785
1785
|
|
|
1786
1786
|
var InputPlus = function (_a) {
|
|
1787
1787
|
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;
|
|
@@ -1825,26 +1825,26 @@ var InputPlus = function (_a) {
|
|
|
1825
1825
|
}
|
|
1826
1826
|
}
|
|
1827
1827
|
}, [disabledBtn, handleSubmmit]);
|
|
1828
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1828
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1W["".concat(classMUI, "-input-plus")], " ").concat(className) },
|
|
1829
1829
|
React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text" }),
|
|
1830
|
-
React__default["default"].createElement("button", { type: "button", onClick: handleSubmmit, className: "".concat(styles$
|
|
1830
|
+
React__default["default"].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__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1W['disabled-img'] : ''), src: Add2, alt: "icon" })))));
|
|
1831
1831
|
};
|
|
1832
1832
|
|
|
1833
|
-
var styles$
|
|
1833
|
+
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"};
|
|
1834
1834
|
|
|
1835
1835
|
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"};
|
|
1836
1836
|
|
|
1837
|
-
var styles$
|
|
1837
|
+
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"};
|
|
1838
1838
|
|
|
1839
1839
|
var Tooltip = function (_a) {
|
|
1840
1840
|
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;
|
|
1841
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1842
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
1841
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$1U['tooltip-container'], " ").concat(styles$1U["tooltip-".concat(position)]) },
|
|
1842
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1U['tooltip'], " ").concat(styles$1U["tooltip-".concat(position)]) },
|
|
1843
1843
|
children,
|
|
1844
|
-
visible && (React__default["default"].createElement("span", { className: "".concat(styles$
|
|
1844
|
+
visible && (React__default["default"].createElement("span", { className: "".concat(styles$1U['tooltip-text'], " ").concat(styles$1U["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
|
|
1845
1845
|
};
|
|
1846
1846
|
|
|
1847
|
-
var Component$
|
|
1847
|
+
var Component$26 = function (_a) {
|
|
1848
1848
|
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"]);
|
|
1849
1849
|
var _f = React.useState(false), show = _f[0], setShow = _f[1];
|
|
1850
1850
|
return (React__default["default"].createElement(Popover, { className: [style$O['popover'], !show ? style$O['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$O['content'], classNameContent].join(' ') },
|
|
@@ -1863,10 +1863,10 @@ var Component$20 = function (_a) {
|
|
|
1863
1863
|
React__default["default"].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); } }),
|
|
1864
1864
|
React__default["default"].createElement(IconItem, { size: 20, icon: Share })))));
|
|
1865
1865
|
};
|
|
1866
|
-
Component$
|
|
1867
|
-
var SharePopover = Component$
|
|
1866
|
+
Component$26.displayName = 'SharePopover';
|
|
1867
|
+
var SharePopover = Component$26;
|
|
1868
1868
|
|
|
1869
|
-
var Component$
|
|
1869
|
+
var Component$25 = function (_a) {
|
|
1870
1870
|
var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps;
|
|
1871
1871
|
var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
|
|
1872
1872
|
icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
|
|
@@ -1876,35 +1876,35 @@ var Component$1$ = function (_a) {
|
|
|
1876
1876
|
var isMobile = useMediaQuery(true, { md: false });
|
|
1877
1877
|
var ActionLink = function (_a) {
|
|
1878
1878
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1879
|
-
var iconContent = (React__default["default"].createElement("a", { className: styles$
|
|
1879
|
+
var iconContent = (React__default["default"].createElement("a", { className: styles$1V['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
|
|
1880
1880
|
React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
|
|
1881
1881
|
return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
|
|
1882
1882
|
};
|
|
1883
1883
|
var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
|
|
1884
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1885
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1886
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1884
|
+
return (React__default["default"].createElement("div", { className: styles$1V['magneto-ui-job-actions'] },
|
|
1885
|
+
React__default["default"].createElement("div", { id: styles$1V['magneto-ui__external-child'] }, externalButtonChild),
|
|
1886
|
+
React__default["default"].createElement("div", { className: styles$1V['magneto-ui-job-actions__buttons-wrapper'] },
|
|
1887
1887
|
React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
|
|
1888
1888
|
React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps))),
|
|
1889
1889
|
React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
|
|
1890
1890
|
filteredActionsLinkList.map(function (_a) {
|
|
1891
1891
|
var url = _a.url, title = _a.title, icon = _a.icon;
|
|
1892
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1892
|
+
return (React__default["default"].createElement("div", { className: styles$1V['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
|
|
1893
1893
|
React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
|
|
1894
1894
|
}))));
|
|
1895
1895
|
};
|
|
1896
1896
|
/**
|
|
1897
1897
|
* UI Molecule Component for Jobs Actions
|
|
1898
1898
|
*/
|
|
1899
|
-
var JobActions = Component$
|
|
1899
|
+
var JobActions = Component$25;
|
|
1900
1900
|
|
|
1901
|
-
var styles$
|
|
1901
|
+
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"};
|
|
1902
1902
|
|
|
1903
|
-
var Component$
|
|
1903
|
+
var Component$24 = function (_a) {
|
|
1904
1904
|
var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild;
|
|
1905
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1906
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1907
|
-
React__default["default"].createElement("div", { className: styles$
|
|
1905
|
+
return (React__default["default"].createElement("div", { className: styles$1T['magneto-ui-job-apply-card'] },
|
|
1906
|
+
React__default["default"].createElement("div", { className: styles$1T['magneto-ui-job-apply-card__wrapper'] },
|
|
1907
|
+
React__default["default"].createElement("div", { className: styles$1T['magneto-ui-job-apply-card__header'] },
|
|
1908
1908
|
React__default["default"].createElement("p", null, offerApplyHeader),
|
|
1909
1909
|
(offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
|
|
1910
1910
|
offerApplyElements
|
|
@@ -1914,16 +1914,16 @@ var Component$1_ = function (_a) {
|
|
|
1914
1914
|
})
|
|
1915
1915
|
.map(function (_a) {
|
|
1916
1916
|
var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
|
|
1917
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
1917
|
+
return (React__default["default"].createElement("div", { className: styles$1T['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
|
|
1918
1918
|
React__default["default"].createElement("p", null, offerApplyLabel),
|
|
1919
1919
|
React__default["default"].createElement("p", null, offerApplyInfo)));
|
|
1920
1920
|
})),
|
|
1921
|
-
React__default["default"].createElement("div", { id: styles$
|
|
1921
|
+
React__default["default"].createElement("div", { id: styles$1T['magneto-ui__external-child'] }, externalChild))));
|
|
1922
1922
|
};
|
|
1923
1923
|
/**
|
|
1924
1924
|
* UI Molecule Component for Job Apply Card
|
|
1925
1925
|
*/
|
|
1926
|
-
var JobApplyCard = Component$
|
|
1926
|
+
var JobApplyCard = Component$24;
|
|
1927
1927
|
|
|
1928
1928
|
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"};
|
|
1929
1929
|
|
|
@@ -2007,29 +2007,29 @@ var JobCard = function (_a) {
|
|
|
2007
2007
|
return React__default["default"].createElement(React__default["default"].Fragment, null, cardResponsive);
|
|
2008
2008
|
};
|
|
2009
2009
|
|
|
2010
|
-
var styles$
|
|
2010
|
+
var styles$1S = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_13130"};
|
|
2011
2011
|
|
|
2012
|
-
var Component$
|
|
2012
|
+
var Component$23 = function (_a) {
|
|
2013
2013
|
var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps;
|
|
2014
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2014
|
+
return (React__default["default"].createElement("div", { className: styles$1S['magneto-ui-job-company-header'] },
|
|
2015
2015
|
React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
|
|
2016
2016
|
React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps))));
|
|
2017
2017
|
};
|
|
2018
2018
|
/**
|
|
2019
2019
|
* UI Molecule component for Company Job Header
|
|
2020
2020
|
*/
|
|
2021
|
-
var JobCompanyHeader = Component$
|
|
2021
|
+
var JobCompanyHeader = Component$23;
|
|
2022
2022
|
|
|
2023
|
-
var styles$
|
|
2023
|
+
var styles$1R = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
|
|
2024
2024
|
|
|
2025
|
-
var Component$
|
|
2025
|
+
var Component$22 = function (_a) {
|
|
2026
2026
|
var offerDescription = _a.offerDescription;
|
|
2027
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2027
|
+
return (React__default["default"].createElement("div", { className: styles$1R['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
|
|
2028
2028
|
};
|
|
2029
2029
|
/**
|
|
2030
2030
|
* UI Molecule Component for Job Detail Card Header
|
|
2031
2031
|
*/
|
|
2032
|
-
var JobDetailCard = Component$
|
|
2032
|
+
var JobDetailCard = Component$22;
|
|
2033
2033
|
|
|
2034
2034
|
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"};
|
|
2035
2035
|
|
|
@@ -2044,9 +2044,9 @@ var JobDetailContainer = function (_a) {
|
|
|
2044
2044
|
children));
|
|
2045
2045
|
};
|
|
2046
2046
|
|
|
2047
|
-
var styles$
|
|
2047
|
+
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"};
|
|
2048
2048
|
|
|
2049
|
-
var Component$
|
|
2049
|
+
var Component$21 = function (_a) {
|
|
2050
2050
|
var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
|
|
2051
2051
|
var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
|
|
2052
2052
|
icon: iconList && iconList[index],
|
|
@@ -2056,27 +2056,27 @@ var Component$1X = function (_a) {
|
|
|
2056
2056
|
var offerDetailText = _a.offerDetailText;
|
|
2057
2057
|
return !!offerDetailText && index !== 1;
|
|
2058
2058
|
});
|
|
2059
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2060
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2059
|
+
return (React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-job-details'] },
|
|
2060
|
+
React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-job-details__wrapper'] },
|
|
2061
2061
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
|
|
2062
2062
|
(jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
|
|
2063
2063
|
var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
|
|
2064
|
-
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$
|
|
2065
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2064
|
+
return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1Q['magneto-ui-job-details__item-detail'] },
|
|
2065
|
+
React__default["default"].createElement("div", { className: styles$1Q['magneto-ui-job-details__item-detail-icon'] },
|
|
2066
2066
|
React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
|
|
2067
|
-
React__default["default"].createElement("p", { className: styles$
|
|
2067
|
+
React__default["default"].createElement("p", { className: styles$1Q['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
|
|
2068
2068
|
})),
|
|
2069
2069
|
React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
|
|
2070
2070
|
};
|
|
2071
2071
|
/**
|
|
2072
2072
|
* UI Molecule component for Job Detail
|
|
2073
2073
|
*/
|
|
2074
|
-
Component$
|
|
2075
|
-
var JobDetails = Component$
|
|
2074
|
+
Component$21.displayName = 'JobDetails';
|
|
2075
|
+
var JobDetails = Component$21;
|
|
2076
2076
|
|
|
2077
|
-
var styles$
|
|
2077
|
+
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"};
|
|
2078
2078
|
|
|
2079
|
-
var Component$
|
|
2079
|
+
var Component$20 = function (_a) {
|
|
2080
2080
|
var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt;
|
|
2081
2081
|
var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
|
|
2082
2082
|
var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
|
|
@@ -2087,28 +2087,28 @@ var Component$1W = function (_a) {
|
|
|
2087
2087
|
title: title
|
|
2088
2088
|
});
|
|
2089
2089
|
});
|
|
2090
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2090
|
+
return (React__default["default"].createElement("div", { className: styles$1P['magneto-ui-job-footer-card'] },
|
|
2091
2091
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt, loading: "lazy", width: '100px', height: '100px' }),
|
|
2092
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2092
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-job-footer-card__icons'] },
|
|
2093
2093
|
React__default["default"].createElement("p", null, offerFooterHeader),
|
|
2094
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2094
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui-job-footer-card__wrapper'] },
|
|
2095
2095
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
|
|
2096
2096
|
(jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
|
|
2097
2097
|
var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
|
|
2098
2098
|
return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
|
|
2099
2099
|
React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
|
|
2100
2100
|
})),
|
|
2101
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2101
|
+
React__default["default"].createElement("div", { className: styles$1P['magneto-ui__share-button'] },
|
|
2102
2102
|
React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
|
|
2103
2103
|
};
|
|
2104
2104
|
/**
|
|
2105
2105
|
* UI Molecule component for Job Footer Card
|
|
2106
2106
|
*/
|
|
2107
|
-
var JobFooterCard = Component$
|
|
2107
|
+
var JobFooterCard = Component$20;
|
|
2108
2108
|
|
|
2109
|
-
var styles$
|
|
2109
|
+
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"};
|
|
2110
2110
|
|
|
2111
|
-
var Component$
|
|
2111
|
+
var Component$1$ = function (_a) {
|
|
2112
2112
|
var name = _a.name, score = _a.score;
|
|
2113
2113
|
var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
|
|
2114
2114
|
var skillRef = React.useRef(null);
|
|
@@ -2144,21 +2144,21 @@ var Component$1V = function (_a) {
|
|
|
2144
2144
|
4: 'four'
|
|
2145
2145
|
};
|
|
2146
2146
|
var levelClass = scoreToLevel[score || 0] || '';
|
|
2147
|
-
var fillAnimation = animationApplied ? styles$
|
|
2148
|
-
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$
|
|
2149
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2147
|
+
var fillAnimation = animationApplied ? styles$1O[levelClass] : '';
|
|
2148
|
+
return (React__default["default"].createElement("div", { ref: skillRef, className: styles$1O['magneto-ui-skill'] },
|
|
2149
|
+
React__default["default"].createElement("div", { className: styles$1O['magneto-ui-skill__wrapper'] },
|
|
2150
2150
|
React__default["default"].createElement("p", null, name),
|
|
2151
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2151
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1O['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$1O['magneto-ui-skill--no-animation']) }))));
|
|
2152
2152
|
};
|
|
2153
|
-
var Skill = Component$
|
|
2153
|
+
var Skill = Component$1$;
|
|
2154
2154
|
|
|
2155
|
-
var styles$
|
|
2155
|
+
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"};
|
|
2156
2156
|
|
|
2157
|
-
var Component$
|
|
2157
|
+
var Component$1_ = function (_a) {
|
|
2158
2158
|
var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
|
|
2159
|
-
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$
|
|
2159
|
+
return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1N['magneto-ui-job-skills-card'] },
|
|
2160
2160
|
React__default["default"].createElement("p", null, offerSkillsLabel),
|
|
2161
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2161
|
+
React__default["default"].createElement("div", { className: styles$1N['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
|
|
2162
2162
|
var name = _a.name, score = _a.score, id = _a.id;
|
|
2163
2163
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
|
|
2164
2164
|
React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
|
|
@@ -2167,9 +2167,9 @@ var Component$1U = function (_a) {
|
|
|
2167
2167
|
/**
|
|
2168
2168
|
* UI Molecule component of Job Skills Card
|
|
2169
2169
|
*/
|
|
2170
|
-
var JobSkillsCard = Component$
|
|
2170
|
+
var JobSkillsCard = Component$1_;
|
|
2171
2171
|
|
|
2172
|
-
var styles$
|
|
2172
|
+
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"};
|
|
2173
2173
|
|
|
2174
2174
|
var JobVideo = function (_a) {
|
|
2175
2175
|
var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
|
|
@@ -2184,13 +2184,13 @@ var JobVideo = function (_a) {
|
|
|
2184
2184
|
setLoadVideo && setLoadVideo(false);
|
|
2185
2185
|
}
|
|
2186
2186
|
}, [detailJobId, jobId, setLoadVideo]);
|
|
2187
|
-
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$
|
|
2187
|
+
return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1M[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-job-video'], onClick: handleLoadVideo },
|
|
2188
2188
|
React__default["default"].createElement(Image, __assign({}, imageProps))));
|
|
2189
2189
|
};
|
|
2190
2190
|
|
|
2191
2191
|
var style$K = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
|
|
2192
2192
|
|
|
2193
|
-
var Component$
|
|
2193
|
+
var Component$1Z = function (_a) {
|
|
2194
2194
|
var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing;
|
|
2195
2195
|
return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: style$K['magneto-ui-list-icon'] }, listIcon.map(function (_a, index) {
|
|
2196
2196
|
var icon = _a.icon, url = _a.url, title = _a.title;
|
|
@@ -2198,11 +2198,11 @@ var Component$1T = function (_a) {
|
|
|
2198
2198
|
React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
|
|
2199
2199
|
})));
|
|
2200
2200
|
};
|
|
2201
|
-
var ListIconLink = Component$
|
|
2201
|
+
var ListIconLink = Component$1Z;
|
|
2202
2202
|
|
|
2203
2203
|
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"};
|
|
2204
2204
|
|
|
2205
|
-
var Component$
|
|
2205
|
+
var Component$1Y = function (_a) {
|
|
2206
2206
|
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;
|
|
2207
2207
|
var menuActive = isActive ? style$J['isActive'] : '';
|
|
2208
2208
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$J['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
|
|
@@ -2211,11 +2211,11 @@ var Component$1S = function (_a) {
|
|
|
2211
2211
|
icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
|
|
2212
2212
|
React__default["default"].createElement("p", { className: style$J['magneto-ui-menu-icon__menu-text'] }, text)))));
|
|
2213
2213
|
};
|
|
2214
|
-
var MenuIcon = Component$
|
|
2214
|
+
var MenuIcon = Component$1Y;
|
|
2215
2215
|
|
|
2216
2216
|
var style$I = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
|
|
2217
2217
|
|
|
2218
|
-
var Component$
|
|
2218
|
+
var Component$1X = function (_a) {
|
|
2219
2219
|
var urlParam = _a.urlParam, menuItems = _a.menuItems, menuItems1440 = _a.menuItems1440, logout = _a.logout, settings = _a.settings, haveGif = _a.haveGif;
|
|
2220
2220
|
var logoutText = logout.logoutText, onClick = logout.onClick;
|
|
2221
2221
|
var settingsText = settings.settingsText, onClickSettings = settings.onClick;
|
|
@@ -2236,16 +2236,16 @@ var Component$1R = function (_a) {
|
|
|
2236
2236
|
React__default["default"].createElement(Divider, null),
|
|
2237
2237
|
React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
|
|
2238
2238
|
};
|
|
2239
|
-
var ListMenuIcons = Component$
|
|
2239
|
+
var ListMenuIcons = Component$1X;
|
|
2240
2240
|
|
|
2241
|
-
var Component$
|
|
2241
|
+
var Component$1W = function (_a) {
|
|
2242
2242
|
var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
|
|
2243
2243
|
return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
|
|
2244
2244
|
var text = _a.text, url = _a.url, slug = _a.slug;
|
|
2245
2245
|
return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
|
|
2246
2246
|
})));
|
|
2247
2247
|
};
|
|
2248
|
-
var ListMenuItems = Component$
|
|
2248
|
+
var ListMenuItems = Component$1W;
|
|
2249
2249
|
|
|
2250
2250
|
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"};
|
|
2251
2251
|
|
|
@@ -2319,9 +2319,9 @@ var useMegaMenuMain = function () {
|
|
|
2319
2319
|
return mainHeaderProps;
|
|
2320
2320
|
};
|
|
2321
2321
|
|
|
2322
|
-
var styles$
|
|
2322
|
+
var styles$1L = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
|
|
2323
2323
|
|
|
2324
|
-
var Component$
|
|
2324
|
+
var Component$1V = function (_a) {
|
|
2325
2325
|
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;
|
|
2326
2326
|
var handleClick = React.useCallback(function (event) {
|
|
2327
2327
|
if (onClick) {
|
|
@@ -2329,15 +2329,15 @@ var Component$1P = function (_a) {
|
|
|
2329
2329
|
onClick();
|
|
2330
2330
|
}
|
|
2331
2331
|
}, [onClick]);
|
|
2332
|
-
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$
|
|
2333
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$
|
|
2334
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
2335
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$
|
|
2332
|
+
return (React__default["default"].createElement("a", { className: "".concat(className, " ").concat(styles$1L['button-link'], " "), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
|
|
2333
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$1L['button-link__icon'] })),
|
|
2334
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1L['button-link__text'] }, buttonText),
|
|
2335
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$1L['button-link__icon'] }))));
|
|
2336
2336
|
};
|
|
2337
2337
|
/**
|
|
2338
2338
|
* UI Atom Component of Save Button
|
|
2339
2339
|
*/
|
|
2340
|
-
var ButtonLink = Component$
|
|
2340
|
+
var ButtonLink = Component$1V;
|
|
2341
2341
|
|
|
2342
2342
|
var MegaMenuJobsTabs = function () {
|
|
2343
2343
|
var _a = React.useState(0), selectedTab = _a[0], setSelectedTab = _a[1];
|
|
@@ -2364,7 +2364,7 @@ var MegaMenuJobsTabs = function () {
|
|
|
2364
2364
|
React__default["default"].createElement("div", { className: "".concat(style$E["mega-menu-jobs-tabs__content"]) }, content)));
|
|
2365
2365
|
};
|
|
2366
2366
|
|
|
2367
|
-
var styles$
|
|
2367
|
+
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"};
|
|
2368
2368
|
|
|
2369
2369
|
var popoverClassName = 'magneto-ui-mega-menu-popover';
|
|
2370
2370
|
var MegaMenuPopover = function (_a) {
|
|
@@ -2383,27 +2383,27 @@ var MegaMenuPopover = function (_a) {
|
|
|
2383
2383
|
body.style.overflowY = showContent ? 'hidden' : 'auto';
|
|
2384
2384
|
}, [showContent]);
|
|
2385
2385
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2386
|
-
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
2387
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2388
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2389
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2390
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2391
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2386
|
+
jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1K["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
|
|
2387
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1K["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
|
|
2388
|
+
React__default["default"].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 }))),
|
|
2389
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1K["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1K["".concat(popoverClassName, "__dropdown--open")] : '') },
|
|
2390
|
+
React__default["default"].createElement("div", { className: styles$1K["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
|
|
2391
|
+
React__default["default"].createElement("div", { className: styles$1K["".concat(popoverClassName, "__content")], onClick: function (event) {
|
|
2392
2392
|
event.stopPropagation();
|
|
2393
2393
|
} }, children))));
|
|
2394
2394
|
};
|
|
2395
2395
|
|
|
2396
|
-
var styles$
|
|
2396
|
+
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"};
|
|
2397
2397
|
|
|
2398
2398
|
var MenuSearch = function (_a) {
|
|
2399
2399
|
var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
|
|
2400
2400
|
var onBlur = React.useCallback(function () {
|
|
2401
2401
|
handleOnBlur && handleOnBlur();
|
|
2402
2402
|
}, [handleOnBlur]);
|
|
2403
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2404
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2403
|
+
return (React__default["default"].createElement("div", { className: styles$1J['magneto-ui-menu-search'], onBlur: onBlur },
|
|
2404
|
+
React__default["default"].createElement("div", { className: styles$1J['magneto-ui-menu-search_container'] },
|
|
2405
2405
|
children,
|
|
2406
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2406
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1J['magneto-ui-menu-search_content'], " ").concat(show && styles$1J.open) }, content))));
|
|
2407
2407
|
};
|
|
2408
2408
|
|
|
2409
2409
|
var iconByType = {
|
|
@@ -2414,9 +2414,9 @@ var iconByType = {
|
|
|
2414
2414
|
};
|
|
2415
2415
|
var transitionDuration = 300;
|
|
2416
2416
|
|
|
2417
|
-
var styles$
|
|
2417
|
+
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"};
|
|
2418
2418
|
|
|
2419
|
-
var Component$
|
|
2419
|
+
var Component$1U = function (_a) {
|
|
2420
2420
|
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;
|
|
2421
2421
|
var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
|
|
2422
2422
|
var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
|
|
@@ -2428,7 +2428,7 @@ var Component$1O = function (_a) {
|
|
|
2428
2428
|
}); }, []);
|
|
2429
2429
|
var containerStyles = React.useMemo(function () {
|
|
2430
2430
|
return CNM.get({
|
|
2431
|
-
styles: styles$
|
|
2431
|
+
styles: styles$1I,
|
|
2432
2432
|
cls: [
|
|
2433
2433
|
'message__container',
|
|
2434
2434
|
"message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
|
|
@@ -2436,7 +2436,7 @@ var Component$1O = function (_a) {
|
|
|
2436
2436
|
]
|
|
2437
2437
|
});
|
|
2438
2438
|
}, [type, toggleAnimation]);
|
|
2439
|
-
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$
|
|
2439
|
+
var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1I, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
|
|
2440
2440
|
React.useEffect(function () {
|
|
2441
2441
|
if (!localVisible)
|
|
2442
2442
|
return;
|
|
@@ -2468,9 +2468,9 @@ var Component$1O = function (_a) {
|
|
|
2468
2468
|
setIsAnimating(visible);
|
|
2469
2469
|
}, [isAnimating, visible]);
|
|
2470
2470
|
return localVisible
|
|
2471
|
-
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$
|
|
2471
|
+
? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1I, cls: [className] }) },
|
|
2472
2472
|
React__default["default"].createElement("div", { className: containerStyles },
|
|
2473
|
-
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$
|
|
2473
|
+
React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1I, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
|
|
2474
2474
|
React__default["default"].createElement("div", null,
|
|
2475
2475
|
text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
|
|
2476
2476
|
description && React__default["default"].createElement("span", { className: textStyles() }, description)))), document.body)
|
|
@@ -2479,13 +2479,13 @@ var Component$1O = function (_a) {
|
|
|
2479
2479
|
/**
|
|
2480
2480
|
* Molecule UI component for Message
|
|
2481
2481
|
*/
|
|
2482
|
-
var Message = Component$
|
|
2482
|
+
var Message = Component$1U;
|
|
2483
2483
|
|
|
2484
|
-
var styles$
|
|
2484
|
+
var styles$1H = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
|
|
2485
2485
|
|
|
2486
|
-
var Component$
|
|
2486
|
+
var Component$1T = function (_a) {
|
|
2487
2487
|
var returnText = _a.returnText, onClick = _a.onClick;
|
|
2488
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2488
|
+
return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-mobile-job-details-header'] },
|
|
2489
2489
|
React__default["default"].createElement("button", { onClick: onClick },
|
|
2490
2490
|
React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
|
|
2491
2491
|
React__default["default"].createElement("p", null, returnText)));
|
|
@@ -2493,11 +2493,11 @@ var Component$1N = function (_a) {
|
|
|
2493
2493
|
/**
|
|
2494
2494
|
* UI Molecule Component for Mobile Jobs Drawer
|
|
2495
2495
|
*/
|
|
2496
|
-
var MobileJobDetailsHeader = Component$
|
|
2496
|
+
var MobileJobDetailsHeader = Component$1T;
|
|
2497
2497
|
|
|
2498
|
-
var styles$
|
|
2498
|
+
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"};
|
|
2499
2499
|
|
|
2500
|
-
var Component$
|
|
2500
|
+
var Component$1S = function (_a) {
|
|
2501
2501
|
var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
|
|
2502
2502
|
var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2503
2503
|
var searchInputRef = React.useRef(null);
|
|
@@ -2519,20 +2519,20 @@ var Component$1M = function (_a) {
|
|
|
2519
2519
|
(_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
2520
2520
|
}
|
|
2521
2521
|
}, [focusSearchInput]);
|
|
2522
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2522
|
+
return (React__default["default"].createElement("div", { className: styles$1G.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
|
|
2523
2523
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2524
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2525
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2524
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1G['search-badge'] }),
|
|
2525
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1G['magneto-ui-search-button'] }, searchMobileProps)),
|
|
2526
2526
|
React__default["default"].createElement("label", { htmlFor: "search" }),
|
|
2527
2527
|
React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
|
|
2528
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2528
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1G['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
|
|
2529
2529
|
};
|
|
2530
2530
|
/**
|
|
2531
2531
|
* Molecule UI component for MobileSearchbar
|
|
2532
2532
|
*/
|
|
2533
|
-
var MobileSearchbar = Component$
|
|
2533
|
+
var MobileSearchbar = Component$1S;
|
|
2534
2534
|
|
|
2535
|
-
var styles$
|
|
2535
|
+
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"};
|
|
2536
2536
|
|
|
2537
2537
|
var Modal = function (_a) {
|
|
2538
2538
|
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;
|
|
@@ -2545,49 +2545,49 @@ var Modal = function (_a) {
|
|
|
2545
2545
|
if (!isOpen)
|
|
2546
2546
|
return null;
|
|
2547
2547
|
return (React__default["default"].createElement(React.Fragment, null,
|
|
2548
|
-
React__default["default"].createElement("div", { className: "".concat(styles$
|
|
2549
|
-
title ? React__default["default"].createElement("h2", { className: "".concat(styles$
|
|
2550
|
-
description ? React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2548
|
+
React__default["default"].createElement("div", { className: "".concat(styles$1F["".concat(classMUI, "-modal")], " ").concat(className) },
|
|
2549
|
+
title ? React__default["default"].createElement("h2", { className: "".concat(styles$1F["".concat(classMUI, "-modal__title")]) }, title) : null,
|
|
2550
|
+
description ? React__default["default"].createElement("p", { className: "".concat(styles$1F["".concat(classMUI, "-modal__description")]) }, description) : null,
|
|
2551
2551
|
children,
|
|
2552
|
-
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$
|
|
2552
|
+
React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$1F["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
|
|
2553
2553
|
React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
|
|
2554
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
2554
|
+
React__default["default"].createElement("span", { className: "".concat(styles$1F["".concat(classMUI, "-background-modal")]), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
|
|
2555
2555
|
};
|
|
2556
2556
|
var Title = function (_a) {
|
|
2557
2557
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2558
|
-
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$
|
|
2558
|
+
return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$1F["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
|
|
2559
2559
|
};
|
|
2560
2560
|
var Description = function (_a) {
|
|
2561
2561
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
|
2562
|
-
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$
|
|
2562
|
+
return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$1F["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
|
|
2563
2563
|
};
|
|
2564
2564
|
var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
|
|
2565
2565
|
|
|
2566
|
-
var Component$
|
|
2566
|
+
var Component$1R = function (_a) {
|
|
2567
2567
|
var children = _a.children, open = _a.open, onClose = _a.onClose, modalClassName = _a.modalClassName, mobileDrawerClassName = _a.mobileDrawerClassName;
|
|
2568
2568
|
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { className: modalClassName, isOpen: open, onClose: onClose }, children), {
|
|
2569
2569
|
md: (React__default["default"].createElement(MobileDrawer, { className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
|
|
2570
2570
|
});
|
|
2571
2571
|
return container;
|
|
2572
2572
|
};
|
|
2573
|
-
var ModalResponsive = Component$
|
|
2573
|
+
var ModalResponsive = Component$1R;
|
|
2574
2574
|
|
|
2575
|
-
var styles$
|
|
2575
|
+
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"};
|
|
2576
2576
|
|
|
2577
2577
|
var BtnPagination = function (_a) {
|
|
2578
2578
|
var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
|
|
2579
2579
|
var displayContent = React.useMemo(function () {
|
|
2580
2580
|
if (loading && value && current === value)
|
|
2581
|
-
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$
|
|
2581
|
+
return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1E['magneto-ui-btn-pagination_spinner'] });
|
|
2582
2582
|
return value;
|
|
2583
2583
|
}, [loading, current, value]);
|
|
2584
2584
|
var pageQueryParam = 'paginator[page]=';
|
|
2585
2585
|
var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
|
|
2586
2586
|
var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
|
|
2587
|
-
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$
|
|
2588
|
-
React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2587
|
+
return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1E['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
|
|
2588
|
+
React__default["default"].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 },
|
|
2589
2589
|
displayContent,
|
|
2590
|
-
displayIcon))) : (React__default["default"].createElement("button", { className: "\n ".concat(loading && styles$
|
|
2590
|
+
displayIcon))) : (React__default["default"].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 },
|
|
2591
2591
|
displayContent,
|
|
2592
2592
|
displayIcon))));
|
|
2593
2593
|
};
|
|
@@ -2638,7 +2638,7 @@ var createPagination = function (_a) {
|
|
|
2638
2638
|
};
|
|
2639
2639
|
};
|
|
2640
2640
|
|
|
2641
|
-
var styles$
|
|
2641
|
+
var styles$1D = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
|
|
2642
2642
|
|
|
2643
2643
|
var Pagination = function (_a) {
|
|
2644
2644
|
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;
|
|
@@ -2657,16 +2657,16 @@ var Pagination = function (_a) {
|
|
|
2657
2657
|
}, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
|
|
2658
2658
|
if (total <= pageSize)
|
|
2659
2659
|
return React__default["default"].createElement(React.Fragment, null);
|
|
2660
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2660
|
+
return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-pagination'] },
|
|
2661
2661
|
first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
|
|
2662
2662
|
React__default["default"].createElement("ul", null,
|
|
2663
2663
|
!buttons.includes(first) && (React__default["default"].createElement("li", null,
|
|
2664
2664
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
|
|
2665
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2665
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1D['magneto-ui-pagination_ellipsis'] }))),
|
|
2666
2666
|
buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
|
|
2667
2667
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
|
|
2668
2668
|
!buttons.includes(last) && (React__default["default"].createElement("li", null,
|
|
2669
|
-
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$
|
|
2669
|
+
React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1D['magneto-ui-pagination_ellipsis'] }),
|
|
2670
2670
|
React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
|
|
2671
2671
|
last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
|
|
2672
2672
|
};
|
|
@@ -2686,9 +2686,9 @@ var generateID = function () {
|
|
|
2686
2686
|
return uniqueID;
|
|
2687
2687
|
};
|
|
2688
2688
|
|
|
2689
|
-
var styles$
|
|
2689
|
+
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"};
|
|
2690
2690
|
|
|
2691
|
-
var Component$
|
|
2691
|
+
var Component$1Q = function (_a) {
|
|
2692
2692
|
var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
|
|
2693
2693
|
var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
|
|
2694
2694
|
var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
|
|
@@ -2716,19 +2716,19 @@ var Component$1K = function (_a) {
|
|
|
2716
2716
|
}
|
|
2717
2717
|
return { backgroundColor: '#c4c4c4' };
|
|
2718
2718
|
}, [color, score, spanHover]);
|
|
2719
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2719
|
+
return (React__default["default"].createElement("div", { className: styles$1C['magneto-ui-score-level'] },
|
|
2720
2720
|
React__default["default"].createElement("p", null, name),
|
|
2721
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2721
|
+
React__default["default"].createElement("div", { className: styles$1C['magneto-ui-score-level__summary'] },
|
|
2722
2722
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].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); } })); })),
|
|
2723
2723
|
React__default["default"].createElement("p", null, labelScore)),
|
|
2724
|
-
React__default["default"].createElement("button", { className: styles$
|
|
2724
|
+
React__default["default"].createElement("button", { className: styles$1C['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
|
|
2725
2725
|
React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
|
|
2726
2726
|
};
|
|
2727
|
-
var ScoreLevel = Component$
|
|
2727
|
+
var ScoreLevel = Component$1Q;
|
|
2728
2728
|
|
|
2729
|
-
var styles$
|
|
2729
|
+
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"};
|
|
2730
2730
|
|
|
2731
|
-
var Component$
|
|
2731
|
+
var Component$1P = function (_a) {
|
|
2732
2732
|
var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
|
|
2733
2733
|
var labelScore = React.useMemo(function () {
|
|
2734
2734
|
return levels[scoreValue - 1];
|
|
@@ -2743,17 +2743,17 @@ var Component$1J = function (_a) {
|
|
|
2743
2743
|
}
|
|
2744
2744
|
return { backgroundColor: '#c4c4c4' };
|
|
2745
2745
|
}, [color, scoreValue]);
|
|
2746
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2746
|
+
return (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-score-level'] },
|
|
2747
2747
|
React__default["default"].createElement("p", null, name),
|
|
2748
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2748
|
+
React__default["default"].createElement("div", { className: styles$1B['magneto-ui-score-level__summary'] },
|
|
2749
2749
|
React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
|
|
2750
2750
|
React__default["default"].createElement("p", null, labelScore))));
|
|
2751
2751
|
};
|
|
2752
|
-
var ScoreLevelStatic = Component$
|
|
2752
|
+
var ScoreLevelStatic = Component$1P;
|
|
2753
2753
|
|
|
2754
|
-
var styles$
|
|
2754
|
+
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"};
|
|
2755
2755
|
|
|
2756
|
-
var Component$
|
|
2756
|
+
var Component$1O = function (_a) {
|
|
2757
2757
|
var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
|
|
2758
2758
|
var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
|
|
2759
2759
|
React.useEffect(function () {
|
|
@@ -2769,32 +2769,32 @@ var Component$1I = function (_a) {
|
|
|
2769
2769
|
setSearchValue('');
|
|
2770
2770
|
onSearch('');
|
|
2771
2771
|
};
|
|
2772
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2772
|
+
return (React__default["default"].createElement("div", { className: styles$1A.SearchbarComponent },
|
|
2773
2773
|
React__default["default"].createElement("form", { onSubmit: handleSubmit },
|
|
2774
2774
|
React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
|
|
2775
|
-
searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2776
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2775
|
+
searchValue && React__default["default"].createElement("div", { className: styles$1A['SearchbarComponent__badge'] }),
|
|
2776
|
+
React__default["default"].createElement("div", { className: styles$1A['magneto-ui-searchbar-buttons'] },
|
|
2777
2777
|
searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
2778
|
-
React__default["default"].createElement(MainButton, __assign({ className: styles$
|
|
2778
|
+
React__default["default"].createElement(MainButton, __assign({ className: styles$1A['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
|
|
2779
2779
|
React__default["default"].createElement("span", null, "|"))),
|
|
2780
2780
|
React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
|
|
2781
2781
|
};
|
|
2782
2782
|
/**
|
|
2783
2783
|
* UI Molecule of a searchbar
|
|
2784
2784
|
*/
|
|
2785
|
-
var Searchbar = Component$
|
|
2785
|
+
var Searchbar = Component$1O;
|
|
2786
2786
|
|
|
2787
|
-
var styles$
|
|
2787
|
+
var styles$1z = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
|
|
2788
2788
|
|
|
2789
|
-
var Component$
|
|
2789
|
+
var Component$1N = function (_a) {
|
|
2790
2790
|
var props = __rest(_a, []);
|
|
2791
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2792
|
-
props.searchValue && React__default["default"].createElement("div", { className: styles$
|
|
2791
|
+
return (React__default["default"].createElement("div", { className: styles$1z['search-button'] },
|
|
2792
|
+
props.searchValue && React__default["default"].createElement("div", { className: styles$1z['search-button__badge'] }),
|
|
2793
2793
|
React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
|
|
2794
2794
|
};
|
|
2795
|
-
var SearchButton = Component$
|
|
2795
|
+
var SearchButton = Component$1N;
|
|
2796
2796
|
|
|
2797
|
-
var styles$
|
|
2797
|
+
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"};
|
|
2798
2798
|
|
|
2799
2799
|
var SimilarJobsCard = function (_a) {
|
|
2800
2800
|
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;
|
|
@@ -2804,12 +2804,12 @@ var SimilarJobsCard = function (_a) {
|
|
|
2804
2804
|
var experienceFormat = experience ? " | ".concat(experience) : '';
|
|
2805
2805
|
return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
|
|
2806
2806
|
}, [cities, salary, experience]);
|
|
2807
|
-
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$
|
|
2808
|
-
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
2807
|
+
return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
|
|
2808
|
+
!hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
|
|
2809
2809
|
React__default["default"].createElement("div", null,
|
|
2810
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2811
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
2812
|
-
React__default["default"].createElement(IconItem, { className: "".concat(styles$
|
|
2810
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__title")]) }, title),
|
|
2811
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
|
|
2812
|
+
React__default["default"].createElement(IconItem, { className: "".concat(styles$1y["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
|
|
2813
2813
|
};
|
|
2814
2814
|
|
|
2815
2815
|
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"};
|
|
@@ -2831,7 +2831,7 @@ var SortMenu = function (_a) {
|
|
|
2831
2831
|
};
|
|
2832
2832
|
var SortMenu$1 = withClickOut(SortMenu);
|
|
2833
2833
|
|
|
2834
|
-
var styles$
|
|
2834
|
+
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"};
|
|
2835
2835
|
|
|
2836
2836
|
var TextArea = function (_a) {
|
|
2837
2837
|
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"]);
|
|
@@ -2857,15 +2857,15 @@ var TextArea = function (_a) {
|
|
|
2857
2857
|
return;
|
|
2858
2858
|
setShowPlaceholder(scrollTop === 0);
|
|
2859
2859
|
}, [showPlaceholder]);
|
|
2860
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
2861
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2860
|
+
return (React__default["default"].createElement("div", { className: styles$1x["".concat(classMUI, "-text-area")] },
|
|
2861
|
+
React__default["default"].createElement("div", { className: styles$1x["".concat(classMUI, "-text-area--container")] },
|
|
2862
2862
|
showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
|
|
2863
2863
|
top: haveValueOrFocus ? '5px' : '10px',
|
|
2864
2864
|
fontSize: haveValueOrFocus ? '12px' : '14px'
|
|
2865
|
-
}, className: styles$
|
|
2866
|
-
React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$
|
|
2867
|
-
React__default["default"].createElement("div", { className: styles$
|
|
2868
|
-
React__default["default"].createElement("span", { className: styles$
|
|
2865
|
+
}, className: styles$1x["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
|
|
2866
|
+
React__default["default"].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 }))),
|
|
2867
|
+
React__default["default"].createElement("div", { className: styles$1x["".concat(classMUI, "-text-area__footer")] },
|
|
2868
|
+
React__default["default"].createElement("span", { className: styles$1x["".concat(classMUI, "-text-area--container__error")] }, error),
|
|
2869
2869
|
hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
|
|
2870
2870
|
};
|
|
2871
2871
|
|
|
@@ -2876,7 +2876,7 @@ var timelineIcons = {
|
|
|
2876
2876
|
current: Clock,
|
|
2877
2877
|
blocked: Lock
|
|
2878
2878
|
};
|
|
2879
|
-
var Component$
|
|
2879
|
+
var Component$1M = function (_a) {
|
|
2880
2880
|
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;
|
|
2881
2881
|
var iconByType = React.useMemo(function () { return timelineIcons[status]; }, [status]);
|
|
2882
2882
|
var titleStyle = style$B["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
|
|
@@ -2889,11 +2889,11 @@ var Component$1G = function (_a) {
|
|
|
2889
2889
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--title")], " ").concat(titleStyle) }, title),
|
|
2890
2890
|
React__default["default"].createElement("p", { className: "".concat(style$B["".concat(classMUI, "-timeline-event__text--subtitle")], " ").concat(subtitleStyle) }, subtitle))));
|
|
2891
2891
|
};
|
|
2892
|
-
var TimelineEvent = Component$
|
|
2892
|
+
var TimelineEvent = Component$1M;
|
|
2893
2893
|
|
|
2894
|
-
var styles$
|
|
2894
|
+
var styles$1w = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
|
|
2895
2895
|
|
|
2896
|
-
var Component$
|
|
2896
|
+
var Component$1L = function (_a) {
|
|
2897
2897
|
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;
|
|
2898
2898
|
var _d = React.useState(), valueSelected = _d[0], setValueSelected = _d[1];
|
|
2899
2899
|
React.useEffect(function () {
|
|
@@ -2916,19 +2916,19 @@ var Component$1F = function (_a) {
|
|
|
2916
2916
|
}
|
|
2917
2917
|
return false;
|
|
2918
2918
|
};
|
|
2919
|
-
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$
|
|
2919
|
+
return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1w['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
|
|
2920
2920
|
var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
|
|
2921
2921
|
return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
|
|
2922
2922
|
})));
|
|
2923
2923
|
};
|
|
2924
|
-
var ToggleButtonList = Component$
|
|
2924
|
+
var ToggleButtonList = Component$1L;
|
|
2925
2925
|
|
|
2926
|
-
var Component$
|
|
2926
|
+
var Component$1K = function (_a) {
|
|
2927
2927
|
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;
|
|
2928
2928
|
return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
|
|
2929
2929
|
React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
|
|
2930
2930
|
};
|
|
2931
|
-
var UserMenu = withClickOut(Component$
|
|
2931
|
+
var UserMenu = withClickOut(Component$1K);
|
|
2932
2932
|
|
|
2933
2933
|
var userMenuAnalystIcons = {
|
|
2934
2934
|
helpImprove: MagicStarBlackOutline,
|
|
@@ -2942,11 +2942,11 @@ var userMenuAnalystIcons = {
|
|
|
2942
2942
|
rateUsHelp: Messages2BlackOutline
|
|
2943
2943
|
};
|
|
2944
2944
|
|
|
2945
|
-
var styles$
|
|
2945
|
+
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"};
|
|
2946
2946
|
|
|
2947
|
-
var styles$
|
|
2947
|
+
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"};
|
|
2948
2948
|
|
|
2949
|
-
var Component$
|
|
2949
|
+
var Component$1J = function (_a) {
|
|
2950
2950
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2951
2951
|
var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
|
|
2952
2952
|
var handleOnClick = React.useCallback(function () {
|
|
@@ -2960,12 +2960,12 @@ var Component$1D = function (_a) {
|
|
|
2960
2960
|
}
|
|
2961
2961
|
}, [handleModal, handleMenuOpen, option]);
|
|
2962
2962
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2963
|
-
styles: styles$
|
|
2963
|
+
styles: styles$1u,
|
|
2964
2964
|
cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
|
|
2965
2965
|
}) },
|
|
2966
2966
|
prefix,
|
|
2967
2967
|
React__default["default"].createElement(MenuIcon, { className: CNM.get({
|
|
2968
|
-
styles: styles$
|
|
2968
|
+
styles: styles$1u,
|
|
2969
2969
|
cls: ['user-menu-analyst-option-default__container']
|
|
2970
2970
|
}), 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 }),
|
|
2971
2971
|
suffix));
|
|
@@ -2973,31 +2973,31 @@ var Component$1D = function (_a) {
|
|
|
2973
2973
|
/**
|
|
2974
2974
|
* Molecule UI great-grand child component of menu dropdown
|
|
2975
2975
|
*/
|
|
2976
|
-
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$
|
|
2976
|
+
var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1J);
|
|
2977
2977
|
|
|
2978
|
-
var styles$
|
|
2978
|
+
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"};
|
|
2979
2979
|
|
|
2980
|
-
var Component$
|
|
2980
|
+
var Component$1I = function (_a) {
|
|
2981
2981
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
|
|
2982
2982
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
2983
|
-
styles: styles$
|
|
2983
|
+
styles: styles$1t,
|
|
2984
2984
|
cls: [className, 'user-menu-analyst-option-hover']
|
|
2985
2985
|
}) },
|
|
2986
2986
|
prefix,
|
|
2987
|
-
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$
|
|
2987
|
+
React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1t, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
|
|
2988
2988
|
suffix));
|
|
2989
2989
|
};
|
|
2990
2990
|
/**
|
|
2991
2991
|
* Molecule UI great-grand child component of menu dropdown
|
|
2992
2992
|
*/
|
|
2993
|
-
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$
|
|
2993
|
+
var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1I);
|
|
2994
2994
|
|
|
2995
|
-
var styles$
|
|
2995
|
+
var styles$1s = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
|
|
2996
2996
|
|
|
2997
|
-
var Component$
|
|
2997
|
+
var Component$1H = function (_a) {
|
|
2998
2998
|
var option = _a.option, className = _a.className;
|
|
2999
2999
|
return (React__default["default"].createElement("span", { className: CNM.get({
|
|
3000
|
-
styles: styles$
|
|
3000
|
+
styles: styles$1s,
|
|
3001
3001
|
cls: [className, 'user-menu-analyst-option-text']
|
|
3002
3002
|
}) },
|
|
3003
3003
|
React__default["default"].createElement("p", null, option.title)));
|
|
@@ -3005,9 +3005,9 @@ var Component$1B = function (_a) {
|
|
|
3005
3005
|
/**
|
|
3006
3006
|
* Molecule UI great-grand child component of menu dropdown
|
|
3007
3007
|
*/
|
|
3008
|
-
var UserMenuAnalystOptionText = React__default["default"].memo(Component$
|
|
3008
|
+
var UserMenuAnalystOptionText = React__default["default"].memo(Component$1H);
|
|
3009
3009
|
|
|
3010
|
-
var Component$
|
|
3010
|
+
var Component$1G = function (_a) {
|
|
3011
3011
|
var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
|
|
3012
3012
|
return (React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(function (action, index) { return (React__default["default"].createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
|
|
3013
3013
|
React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
|
|
@@ -3027,7 +3027,7 @@ var Action = function (_a) {
|
|
|
3027
3027
|
/**
|
|
3028
3028
|
* Molecule UI great-grand child component of menu dropdown
|
|
3029
3029
|
*/
|
|
3030
|
-
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$
|
|
3030
|
+
var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1G);
|
|
3031
3031
|
|
|
3032
3032
|
var EUserMenuAnalystOptionType;
|
|
3033
3033
|
(function (EUserMenuAnalystOptionType) {
|
|
@@ -3053,28 +3053,28 @@ var optionTypes = (_b = {},
|
|
|
3053
3053
|
_b);
|
|
3054
3054
|
var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
|
|
3055
3055
|
|
|
3056
|
-
var styles$
|
|
3056
|
+
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"};
|
|
3057
3057
|
|
|
3058
|
-
var Component$
|
|
3058
|
+
var Component$1F = function (_a) {
|
|
3059
3059
|
var subTitle = _a.subTitle, title = _a.title;
|
|
3060
3060
|
var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
|
|
3061
3061
|
return (React__default["default"].createElement("div", null,
|
|
3062
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3062
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1r, cls: ['user-menu-analyst-title__title'] }) }, title),
|
|
3063
3063
|
subTitle && separatorIndex && (React__default["default"].createElement("div", null,
|
|
3064
3064
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3065
|
-
styles: styles$
|
|
3065
|
+
styles: styles$1r,
|
|
3066
3066
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
|
|
3067
3067
|
}) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
|
|
3068
3068
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3069
|
-
styles: styles$
|
|
3069
|
+
styles: styles$1r,
|
|
3070
3070
|
cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
|
|
3071
3071
|
}) }, subTitle.slice(separatorIndex + 1).trim())))));
|
|
3072
3072
|
};
|
|
3073
|
-
var UserMenuAnalystTitle = Component$
|
|
3073
|
+
var UserMenuAnalystTitle = Component$1F;
|
|
3074
3074
|
|
|
3075
|
-
var styles$
|
|
3075
|
+
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"};
|
|
3076
3076
|
|
|
3077
|
-
var Component$
|
|
3077
|
+
var Component$1E = function (_a) {
|
|
3078
3078
|
var _b;
|
|
3079
3079
|
var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
|
|
3080
3080
|
var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
|
|
@@ -3100,13 +3100,13 @@ var Component$1y = function (_a) {
|
|
|
3100
3100
|
var OptionType = getOptionType(option.type);
|
|
3101
3101
|
if (!OptionType)
|
|
3102
3102
|
return null;
|
|
3103
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3104
|
-
React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$
|
|
3103
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1q, cls: ['user-menu-analyst-option__object'] }) },
|
|
3104
|
+
React__default["default"].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__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
|
|
3105
3105
|
}
|
|
3106
|
-
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$
|
|
3106
|
+
return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].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: {
|
|
3107
3107
|
icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
|
|
3108
3108
|
}, className: CNM.get({
|
|
3109
|
-
styles: styles$
|
|
3109
|
+
styles: styles$1q,
|
|
3110
3110
|
cls: [
|
|
3111
3111
|
'user-menu-analyst-option__dropdown',
|
|
3112
3112
|
isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
|
|
@@ -3115,8 +3115,8 @@ var Component$1y = function (_a) {
|
|
|
3115
3115
|
}) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
|
|
3116
3116
|
var _a;
|
|
3117
3117
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
|
|
3118
|
-
item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3119
|
-
_a.map(function (child, j) { return (React__default["default"].createElement(Component$
|
|
3118
|
+
item.title && (React__default["default"].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 :
|
|
3119
|
+
_a.map(function (child, j) { return (React__default["default"].createElement(Component$1E, { key: "option-".concat(child.title, "-").concat(j), classNames: {
|
|
3120
3120
|
link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
|
|
3121
3121
|
dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
|
|
3122
3122
|
}, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
|
|
@@ -3125,27 +3125,27 @@ var Component$1y = function (_a) {
|
|
|
3125
3125
|
/**
|
|
3126
3126
|
* Molecule UI grand child component of menu dropdown
|
|
3127
3127
|
*/
|
|
3128
|
-
var UserMenuAnalystOption = Component$
|
|
3128
|
+
var UserMenuAnalystOption = Component$1E;
|
|
3129
3129
|
|
|
3130
|
-
var Component$
|
|
3130
|
+
var Component$1D = function (_a) {
|
|
3131
3131
|
var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
|
|
3132
3132
|
var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
|
|
3133
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3133
|
+
return (React__default["default"].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) {
|
|
3134
3134
|
var _a;
|
|
3135
3135
|
return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
|
|
3136
3136
|
_a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
|
|
3137
|
-
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3137
|
+
!isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1v, cls: ['user-menu-analyst-options__divider'] }) },
|
|
3138
3138
|
React__default["default"].createElement(Divider, null)))));
|
|
3139
3139
|
})));
|
|
3140
3140
|
};
|
|
3141
3141
|
/**
|
|
3142
3142
|
* Molecule UI child component of user menu analyst
|
|
3143
3143
|
*/
|
|
3144
|
-
var UserMenuAnalystOptions = Component$
|
|
3144
|
+
var UserMenuAnalystOptions = Component$1D;
|
|
3145
3145
|
|
|
3146
|
-
var styles$
|
|
3146
|
+
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"};
|
|
3147
3147
|
|
|
3148
|
-
var Component$
|
|
3148
|
+
var Component$1C = function (_a) {
|
|
3149
3149
|
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;
|
|
3150
3150
|
var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
|
|
3151
3151
|
var actionUrl = React.useMemo(function () {
|
|
@@ -3163,58 +3163,58 @@ var Component$1w = function (_a) {
|
|
|
3163
3163
|
: action.data;
|
|
3164
3164
|
}
|
|
3165
3165
|
}, [action, queryString]);
|
|
3166
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3167
|
-
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$
|
|
3168
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3166
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst'] }) },
|
|
3167
|
+
React__default["default"].createElement("header", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__header'] }) },
|
|
3168
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user'] }) },
|
|
3169
3169
|
React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
|
|
3170
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3171
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3172
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3173
|
-
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3170
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info'] }) },
|
|
3171
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
|
|
3172
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
|
|
3173
|
+
action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info--action'] }) },
|
|
3174
3174
|
React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
|
|
3175
|
-
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
3175
|
+
typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
|
|
3176
3176
|
headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
|
|
3177
|
-
styles: styles$
|
|
3177
|
+
styles: styles$1p,
|
|
3178
3178
|
cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
|
|
3179
3179
|
}), optionClassNames: {
|
|
3180
|
-
link: CNM.get({ styles: styles$
|
|
3181
|
-
dropdown: CNM.get({ styles: styles$
|
|
3180
|
+
link: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__company-link'] }),
|
|
3181
|
+
dropdown: CNM.get({ styles: styles$1p, cls: ['user-menu-analyst__company-dropdown'] })
|
|
3182
3182
|
} }))),
|
|
3183
3183
|
footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
|
|
3184
3184
|
};
|
|
3185
3185
|
/**
|
|
3186
3186
|
* Molecule UI component for user menu
|
|
3187
3187
|
*/
|
|
3188
|
-
var UserMenuAnalyst = Component$
|
|
3188
|
+
var UserMenuAnalyst = Component$1C;
|
|
3189
3189
|
|
|
3190
|
-
var styles$
|
|
3190
|
+
var styles$1o = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
|
|
3191
3191
|
|
|
3192
|
-
var Component$
|
|
3192
|
+
var Component$1B = function (_a) {
|
|
3193
3193
|
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;
|
|
3194
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3194
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1o, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
|
|
3195
3195
|
React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
|
|
3196
3196
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
|
|
3197
3197
|
};
|
|
3198
3198
|
/**
|
|
3199
3199
|
* Molecule UI child component of user menu analyst wrapper
|
|
3200
3200
|
*/
|
|
3201
|
-
var UserMenuWrapperAnalystDropdown = withClickOut(Component$
|
|
3201
|
+
var UserMenuWrapperAnalystDropdown = withClickOut(Component$1B);
|
|
3202
3202
|
|
|
3203
|
-
var styles$
|
|
3203
|
+
var styles$1n = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
|
|
3204
3204
|
|
|
3205
|
-
var Component$
|
|
3205
|
+
var Component$1A = function (_a) {
|
|
3206
3206
|
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;
|
|
3207
3207
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3208
|
-
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$
|
|
3208
|
+
React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1n, cls: ['user-menu-wrapper-analyst-modal'] }) },
|
|
3209
3209
|
React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
|
|
3210
3210
|
React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
|
|
3211
3211
|
};
|
|
3212
3212
|
/**
|
|
3213
3213
|
* Molecule UI child component of user menu analyst wrapper
|
|
3214
3214
|
*/
|
|
3215
|
-
var UserMenuWrapperAnalystModal = Component$
|
|
3215
|
+
var UserMenuWrapperAnalystModal = Component$1A;
|
|
3216
3216
|
|
|
3217
|
-
var Component$
|
|
3217
|
+
var Component$1z = function (_a) {
|
|
3218
3218
|
var props = __rest(_a, []);
|
|
3219
3219
|
var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
|
|
3220
3220
|
React.useEffect(function () {
|
|
@@ -3236,99 +3236,99 @@ var Component$1t = function (_a) {
|
|
|
3236
3236
|
/**
|
|
3237
3237
|
* Molecule UI component for user menu wrapper analyst
|
|
3238
3238
|
*/
|
|
3239
|
-
var UserMenuWrapperAnalyst = Component$
|
|
3239
|
+
var UserMenuWrapperAnalyst = Component$1z;
|
|
3240
3240
|
|
|
3241
|
-
var styles$
|
|
3241
|
+
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"};
|
|
3242
3242
|
|
|
3243
|
-
var styles$
|
|
3243
|
+
var styles$1l = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
|
|
3244
3244
|
|
|
3245
|
-
var cx$
|
|
3245
|
+
var cx$B = classNames.bind(styles$1l);
|
|
3246
3246
|
var AlertJobStatusContainer = function (_a) {
|
|
3247
3247
|
var className = _a.className, children = _a.children;
|
|
3248
|
-
return React__default["default"].createElement("div", { className: cx$
|
|
3248
|
+
return React__default["default"].createElement("div", { className: cx$B('alert-job__content', className) }, children);
|
|
3249
3249
|
};
|
|
3250
3250
|
|
|
3251
|
-
var styles$
|
|
3251
|
+
var styles$1k = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
|
|
3252
3252
|
|
|
3253
|
-
var cx$
|
|
3253
|
+
var cx$A = classNames.bind(styles$1k);
|
|
3254
3254
|
var AlertJobStatusIcon = function (_a) {
|
|
3255
3255
|
var src = _a.src, _b = _a.size, size = _b === void 0 ? 34 : _b, alt = _a.alt, className = _a.className;
|
|
3256
3256
|
var customWidth = size ? { width: size + 'px' } : {};
|
|
3257
|
-
return (React__default["default"].createElement("img", { style: customWidth, className: cx$
|
|
3257
|
+
return (React__default["default"].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" }));
|
|
3258
3258
|
};
|
|
3259
3259
|
|
|
3260
|
-
var cx$
|
|
3261
|
-
var Component$
|
|
3260
|
+
var cx$z = classNames.bind(styles$1m);
|
|
3261
|
+
var Component$1y = function (_a) {
|
|
3262
3262
|
var children = _a.children, className = _a.className;
|
|
3263
|
-
return React__default["default"].createElement("div", { className: cx$
|
|
3263
|
+
return React__default["default"].createElement("div", { className: cx$z('alert-job', className) }, children);
|
|
3264
3264
|
};
|
|
3265
|
-
var AlertJobStatus = Object.assign(Component$
|
|
3265
|
+
var AlertJobStatus = Object.assign(Component$1y, {
|
|
3266
3266
|
Container: AlertJobStatusContainer,
|
|
3267
3267
|
Icon: AlertJobStatusIcon,
|
|
3268
3268
|
Text: Text$1
|
|
3269
3269
|
});
|
|
3270
3270
|
|
|
3271
|
-
var styles$
|
|
3271
|
+
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"};
|
|
3272
3272
|
|
|
3273
|
-
var styles$
|
|
3273
|
+
var styles$1i = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
|
|
3274
3274
|
|
|
3275
|
-
var cx$
|
|
3276
|
-
var Component$
|
|
3275
|
+
var cx$y = classNames.bind(styles$1i);
|
|
3276
|
+
var Component$1x = function (_a) {
|
|
3277
3277
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
|
|
3278
3278
|
if (hideLogo)
|
|
3279
3279
|
return null;
|
|
3280
|
-
return (React__default["default"].createElement("img", { className: cx$
|
|
3280
|
+
return (React__default["default"].createElement("img", { className: cx$y("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
|
|
3281
3281
|
};
|
|
3282
|
-
var SimilarCardLogo = Component$
|
|
3282
|
+
var SimilarCardLogo = Component$1x;
|
|
3283
3283
|
|
|
3284
|
-
var cx$
|
|
3285
|
-
var Component$
|
|
3284
|
+
var cx$x = classNames.bind(styles$1j);
|
|
3285
|
+
var Component$1w = function (_a) {
|
|
3286
3286
|
var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
|
|
3287
3287
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
3288
|
-
React__default["default"].createElement(IconItem, { className: cx$
|
|
3288
|
+
React__default["default"].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' })));
|
|
3289
3289
|
};
|
|
3290
|
-
var SimilarCardIcon = Component$
|
|
3290
|
+
var SimilarCardIcon = Component$1w;
|
|
3291
3291
|
|
|
3292
|
-
var cx$
|
|
3293
|
-
var Component$
|
|
3292
|
+
var cx$w = classNames.bind(styles$1j);
|
|
3293
|
+
var Component$1v = function (_a) {
|
|
3294
3294
|
var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
|
|
3295
|
-
return (React__default["default"].createElement("a", { className: cx$
|
|
3295
|
+
return (React__default["default"].createElement("a", { className: cx$w("similar-card", className), href: jobUrlSlug, title: title }, children));
|
|
3296
3296
|
};
|
|
3297
|
-
var SimilarCard = Object.assign(Component$
|
|
3297
|
+
var SimilarCard = Object.assign(Component$1v, {
|
|
3298
3298
|
Text: Text$1,
|
|
3299
3299
|
Logo: SimilarCardLogo,
|
|
3300
3300
|
Icon: SimilarCardIcon
|
|
3301
3301
|
});
|
|
3302
3302
|
|
|
3303
|
-
var Component$
|
|
3303
|
+
var Component$1u = function (_a) {
|
|
3304
3304
|
var handleClose = _a.handleClose, isOpen = _a.isOpen, name = _a.name, data = _a.data, screens = _a.screens, step = _a.step, setStep = _a.setStep;
|
|
3305
3305
|
var component = React.useMemo(function () {
|
|
3306
3306
|
var _a, _b, _c;
|
|
3307
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3307
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2k, cls: ['modal-analyst-container'] }) },
|
|
3308
3308
|
React__default["default"].createElement(ModalAnalystHeader, { header: (_a = screens[step]) === null || _a === void 0 ? void 0 : _a.header }),
|
|
3309
3309
|
React__default["default"].createElement(ModalAnalystContent, { content: (_b = screens[step]) === null || _b === void 0 ? void 0 : _b.content }),
|
|
3310
3310
|
React__default["default"].createElement(ModalAnalystFooter, { footer: (_c = screens[step]) === null || _c === void 0 ? void 0 : _c.footer, name: name, data: data, setStep: setStep, handleClose: handleClose })));
|
|
3311
3311
|
}, [handleClose, name, data, screens, step, setStep]);
|
|
3312
|
-
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3313
|
-
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$
|
|
3312
|
+
var container = useMediaQuery(React__default["default"].createElement(Modal$1, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2k, cls: ['modal-analyst-container--desktop'] }) }, component), {
|
|
3313
|
+
sm: (React__default["default"].createElement(MobileDrawer, { isOpen: isOpen, onClose: function () { return handleClose(name, false, undefined); }, className: CNM.get({ styles: styles$2k, cls: ['modal-analyst-container--mobile'] }) }, component))
|
|
3314
3314
|
});
|
|
3315
3315
|
return container;
|
|
3316
3316
|
};
|
|
3317
3317
|
/**
|
|
3318
3318
|
* Molecule UI child component of modal analyst
|
|
3319
3319
|
*/
|
|
3320
|
-
var ModalAnalystContainer = Component$
|
|
3320
|
+
var ModalAnalystContainer = Component$1u;
|
|
3321
3321
|
|
|
3322
|
-
var Component$
|
|
3322
|
+
var Component$1t = function (_a) {
|
|
3323
3323
|
var content = _a.content;
|
|
3324
3324
|
return React__default["default"].createElement("div", null, content);
|
|
3325
3325
|
};
|
|
3326
3326
|
/**
|
|
3327
3327
|
* Molecule UI child component of modal analyst
|
|
3328
3328
|
*/
|
|
3329
|
-
var ModalAnalystContent = Component$
|
|
3329
|
+
var ModalAnalystContent = Component$1t;
|
|
3330
3330
|
|
|
3331
|
-
var styles$
|
|
3331
|
+
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"};
|
|
3332
3332
|
|
|
3333
3333
|
var EModalAnalystActionType;
|
|
3334
3334
|
(function (EModalAnalystActionType) {
|
|
@@ -3353,7 +3353,7 @@ var MODAL_ICONS = {
|
|
|
3353
3353
|
closeCircle: CloseCircle
|
|
3354
3354
|
};
|
|
3355
3355
|
|
|
3356
|
-
var Component$
|
|
3356
|
+
var Component$1s = function (_a) {
|
|
3357
3357
|
var footer = _a.footer, handleClose = _a.handleClose, name = _a.name, data = _a.data, setStep = _a.setStep;
|
|
3358
3358
|
var _b = footer || {}, hasTopDivider = _b.hasTopDivider, actions = _b.actions;
|
|
3359
3359
|
var _c = React.useState(Array.from({ length: (actions === null || actions === void 0 ? void 0 : actions.length) || 0 }, function (_, i) { return ({
|
|
@@ -3391,12 +3391,12 @@ var Component$1m = function (_a) {
|
|
|
3391
3391
|
});
|
|
3392
3392
|
}, [setStep, handleClose, setterLoading, loading, name, data]);
|
|
3393
3393
|
return (React__default["default"].createElement("div", { className: CNM.get({
|
|
3394
|
-
styles: styles$
|
|
3394
|
+
styles: styles$1h,
|
|
3395
3395
|
cls: ['modal-analyst-footer', hasTopDivider && 'modal-analyst-footer--top-divider']
|
|
3396
3396
|
}) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) {
|
|
3397
3397
|
var _a, _b, _c, _d, _e;
|
|
3398
3398
|
return (React__default["default"].createElement("button", { key: action.title, onClick: function () { return handleOnClick(action); }, type: "button", className: CNM.get({
|
|
3399
|
-
styles: styles$
|
|
3399
|
+
styles: styles$1h,
|
|
3400
3400
|
cls: [
|
|
3401
3401
|
'modal-analyst-footer__button',
|
|
3402
3402
|
"modal-analyst-footer__button--".concat(action.type),
|
|
@@ -3404,7 +3404,7 @@ var Component$1m = function (_a) {
|
|
|
3404
3404
|
]
|
|
3405
3405
|
}) },
|
|
3406
3406
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
3407
|
-
styles: styles$
|
|
3407
|
+
styles: styles$1h,
|
|
3408
3408
|
cls: [
|
|
3409
3409
|
'modal-analyst-footer__prefix-icon-container',
|
|
3410
3410
|
action.loading && 'modal-analyst-footer__prefix-icon-container--active',
|
|
@@ -3412,7 +3412,7 @@ var Component$1m = function (_a) {
|
|
|
3412
3412
|
]
|
|
3413
3413
|
}) },
|
|
3414
3414
|
React__default["default"].createElement("span", { className: CNM.get({
|
|
3415
|
-
styles: styles$
|
|
3415
|
+
styles: styles$1h,
|
|
3416
3416
|
cls: [
|
|
3417
3417
|
'modal-analyst-footer__prefix-loading',
|
|
3418
3418
|
getLoading(action) && 'modal-analyst-footer__prefix-loading--active',
|
|
@@ -3421,7 +3421,7 @@ var Component$1m = function (_a) {
|
|
|
3421
3421
|
}) },
|
|
3422
3422
|
React__default["default"].createElement(IconItem, { icon: LOADING_ICONS[action.type], size: 20, showDefaultFallback: false })),
|
|
3423
3423
|
React__default["default"].createElement(IconItem, __assign({ showDefaultFallback: false, className: CNM.get({
|
|
3424
|
-
styles: styles$
|
|
3424
|
+
styles: styles$1h,
|
|
3425
3425
|
cls: [
|
|
3426
3426
|
'modal-analyst-footer__prefix-icon',
|
|
3427
3427
|
getLoading(action) && 'modal-analyst-footer__prefix-icon--inactive',
|
|
@@ -3436,13 +3436,13 @@ var Component$1m = function (_a) {
|
|
|
3436
3436
|
/**
|
|
3437
3437
|
* Molecule UI child component of modal analyst
|
|
3438
3438
|
*/
|
|
3439
|
-
var ModalAnalystFooter = Component$
|
|
3439
|
+
var ModalAnalystFooter = Component$1s;
|
|
3440
3440
|
|
|
3441
|
-
var styles$
|
|
3441
|
+
var styles$1g = {"magneto-ui-modal-analyst-header":"mg_modal_analyst_header_magneto-ui-modal-analyst-header_reb8f"};
|
|
3442
3442
|
|
|
3443
|
-
var Component$
|
|
3443
|
+
var Component$1r = function (_a) {
|
|
3444
3444
|
var header = _a.header;
|
|
3445
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
3445
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1g, cls: ['modal-analyst-header'] }) },
|
|
3446
3446
|
(header === null || header === void 0 ? void 0 : header.prefixIcon) && (React__default["default"].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]
|
|
3447
3447
|
? MODAL_ICONS[header === null || header === void 0 ? void 0 : header.prefixIcon.icon]
|
|
3448
3448
|
: header.prefixIcon.icon }))),
|
|
@@ -3454,7 +3454,7 @@ var Component$1l = function (_a) {
|
|
|
3454
3454
|
/**
|
|
3455
3455
|
* Molecule UI child component of modal analyst
|
|
3456
3456
|
*/
|
|
3457
|
-
var ModalAnalystHeader = Component$
|
|
3457
|
+
var ModalAnalystHeader = Component$1r;
|
|
3458
3458
|
|
|
3459
3459
|
var MenuButtonAnalystProps = {
|
|
3460
3460
|
buttonType: 'button',
|
|
@@ -4187,9 +4187,9 @@ var CNM = /** @class */ (function () {
|
|
|
4187
4187
|
return CNM;
|
|
4188
4188
|
}());
|
|
4189
4189
|
|
|
4190
|
-
var styles$
|
|
4190
|
+
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"};
|
|
4191
4191
|
|
|
4192
|
-
var Component$
|
|
4192
|
+
var Component$1q = function (_a) {
|
|
4193
4193
|
var className = _a.className, color = _a.color, percent = _a.percent;
|
|
4194
4194
|
var validateCompleted = React.useCallback(function (value) {
|
|
4195
4195
|
if (!value)
|
|
@@ -4209,27 +4209,27 @@ var Component$1k = function (_a) {
|
|
|
4209
4209
|
var _a;
|
|
4210
4210
|
return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
|
|
4211
4211
|
}, [percent, validateCompleted]);
|
|
4212
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4213
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4212
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1f, cls: [className] }) },
|
|
4213
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1f, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
|
|
4214
4214
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4215
|
-
styles: styles$
|
|
4215
|
+
styles: styles$1f,
|
|
4216
4216
|
cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
|
|
4217
4217
|
}) }))));
|
|
4218
4218
|
};
|
|
4219
4219
|
/**
|
|
4220
4220
|
* UI Atom component of Bar Loader
|
|
4221
4221
|
*/
|
|
4222
|
-
var BarLoader = Component$
|
|
4222
|
+
var BarLoader = Component$1q;
|
|
4223
4223
|
|
|
4224
|
-
var styles$
|
|
4224
|
+
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"};
|
|
4225
4225
|
|
|
4226
|
-
var Component$
|
|
4226
|
+
var Component$1p = function (_a) {
|
|
4227
4227
|
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;
|
|
4228
4228
|
var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
|
|
4229
4229
|
var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
|
|
4230
4230
|
var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
|
|
4231
4231
|
var haveDetailTitle = detailTitle !== '';
|
|
4232
|
-
var detailTileStyle = detailTitle ? styles$
|
|
4232
|
+
var detailTileStyle = detailTitle ? styles$1e['no-transform'] : '';
|
|
4233
4233
|
var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
|
|
4234
4234
|
// This removes the base64 from the vacancy breadcrumbs
|
|
4235
4235
|
var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
|
|
@@ -4241,9 +4241,9 @@ var Component$1j = function (_a) {
|
|
|
4241
4241
|
"/ ",
|
|
4242
4242
|
href)));
|
|
4243
4243
|
}),
|
|
4244
|
-
React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4244
|
+
React__default["default"].createElement("p", { className: "".concat(styles$1e['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
|
|
4245
4245
|
"/ ",
|
|
4246
|
-
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$
|
|
4246
|
+
haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$1e['magneto-ui-bc-active'] : '', " ").concat(styles$1e['magneto-ui-bc']), key: i },
|
|
4247
4247
|
i > 0 && '/',
|
|
4248
4248
|
" ",
|
|
4249
4249
|
bc)); })));
|
|
@@ -4259,55 +4259,55 @@ var Component$1j = function (_a) {
|
|
|
4259
4259
|
queryParams,
|
|
4260
4260
|
lastIndexBC
|
|
4261
4261
|
]);
|
|
4262
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4262
|
+
return React__default["default"].createElement("div", { className: styles$1e.breadcrumbComponent }, breadCrumbsRender);
|
|
4263
4263
|
};
|
|
4264
4264
|
/**
|
|
4265
4265
|
* Atom UI of breadcrumb
|
|
4266
4266
|
*/
|
|
4267
|
-
var Breadcrumb = Component$
|
|
4267
|
+
var Breadcrumb = Component$1p;
|
|
4268
4268
|
|
|
4269
|
-
var styles$
|
|
4269
|
+
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"};
|
|
4270
4270
|
|
|
4271
|
-
var Component$
|
|
4271
|
+
var Component$1o = function (_a) {
|
|
4272
4272
|
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;
|
|
4273
|
-
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$
|
|
4274
|
-
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$
|
|
4275
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4276
|
-
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$
|
|
4273
|
+
return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$1d['magneto-ui-button'], " ").concat(addHover ? styles$1d['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
|
|
4274
|
+
suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$1d['magneto-ui-button__icon'] })),
|
|
4275
|
+
buttonText && React__default["default"].createElement("p", { className: styles$1d['magneto-ui-button__mobile-text'] }, buttonText),
|
|
4276
|
+
prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$1d['magneto-ui-button__icon'] }))));
|
|
4277
4277
|
};
|
|
4278
4278
|
/**
|
|
4279
4279
|
* UI Atom Component of Save Button
|
|
4280
4280
|
*/
|
|
4281
|
-
var Button = Component$
|
|
4281
|
+
var Button = Component$1o;
|
|
4282
4282
|
|
|
4283
|
-
var styles$
|
|
4283
|
+
var styles$1c = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
|
|
4284
4284
|
|
|
4285
4285
|
var nf = new Intl.NumberFormat('de-DE');
|
|
4286
|
-
var Component$
|
|
4286
|
+
var Component$1n = function (_a) {
|
|
4287
4287
|
var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c;
|
|
4288
4288
|
var currentHigherMax = React.useMemo(function () {
|
|
4289
4289
|
return current > max;
|
|
4290
4290
|
}, [current, max]);
|
|
4291
|
-
return (React__default["default"].createElement("p", { className: "".concat(styles$
|
|
4291
|
+
return (React__default["default"].createElement("p", { className: "".concat(styles$1c["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$1c['error-label'] : '') },
|
|
4292
4292
|
nf.format(current),
|
|
4293
4293
|
React__default["default"].createElement("span", null,
|
|
4294
4294
|
" / ",
|
|
4295
4295
|
nf.format(max))));
|
|
4296
4296
|
};
|
|
4297
|
-
var ComparativeCounter = Component$
|
|
4297
|
+
var ComparativeCounter = Component$1n;
|
|
4298
4298
|
|
|
4299
|
-
var styles$
|
|
4299
|
+
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"};
|
|
4300
4300
|
|
|
4301
|
-
var cx$
|
|
4301
|
+
var cx$v = classNames.bind(styles$1b);
|
|
4302
4302
|
var defaultCheck = function (_a) {
|
|
4303
4303
|
var type = _a.type, checked = _a.checked;
|
|
4304
4304
|
if (type === 'background')
|
|
4305
4305
|
return;
|
|
4306
|
-
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$
|
|
4306
|
+
return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$v('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
|
|
4307
4307
|
};
|
|
4308
|
-
var Component$
|
|
4308
|
+
var Component$1m = function (_a) {
|
|
4309
4309
|
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"]);
|
|
4310
|
-
return (React__default["default"].createElement("label", { className: cx$
|
|
4310
|
+
return (React__default["default"].createElement("label", { className: cx$v('checkbox', "checkbox--".concat(display), className, {
|
|
4311
4311
|
'checkbox--checked': checked,
|
|
4312
4312
|
'checkbox--background': type === 'background'
|
|
4313
4313
|
}), "data-name": "checkbox-container", htmlFor: id },
|
|
@@ -4318,7 +4318,7 @@ var Component$1g = function (_a) {
|
|
|
4318
4318
|
}, type: "checkbox", id: id }, rest)),
|
|
4319
4319
|
children));
|
|
4320
4320
|
};
|
|
4321
|
-
var Checkbox = Component$
|
|
4321
|
+
var Checkbox = Component$1m;
|
|
4322
4322
|
|
|
4323
4323
|
var DateArray = /** @class */ (function () {
|
|
4324
4324
|
function DateArray(array) {
|
|
@@ -4373,7 +4373,7 @@ var fixArrayDate = function (array) {
|
|
|
4373
4373
|
return dateArray.setArray(array).fixMonth().getArray();
|
|
4374
4374
|
};
|
|
4375
4375
|
|
|
4376
|
-
var styles$
|
|
4376
|
+
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"};
|
|
4377
4377
|
|
|
4378
4378
|
// placeholder to every input.
|
|
4379
4379
|
var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
|
|
@@ -4381,7 +4381,7 @@ var stringArraytoDate = function (array) {
|
|
|
4381
4381
|
var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
|
|
4382
4382
|
return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
|
|
4383
4383
|
};
|
|
4384
|
-
var Component$
|
|
4384
|
+
var Component$1l = function (_a) {
|
|
4385
4385
|
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;
|
|
4386
4386
|
// Represent the value of every input field (there are 8 in total).
|
|
4387
4387
|
var _f = React.useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
|
|
@@ -4484,54 +4484,56 @@ var Component$1f = function (_a) {
|
|
|
4484
4484
|
}
|
|
4485
4485
|
}, []);
|
|
4486
4486
|
return (React__default["default"].createElement("div", { className: [
|
|
4487
|
-
styles$
|
|
4487
|
+
styles$1a['date-input'],
|
|
4488
4488
|
className,
|
|
4489
|
-
fit ? styles$
|
|
4490
|
-
hasError ? styles$
|
|
4489
|
+
fit ? styles$1a['date-input--fit'] : '',
|
|
4490
|
+
hasError ? styles$1a['date-input--error'] : ''
|
|
4491
4491
|
].join(' ') },
|
|
4492
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4492
|
+
React__default["default"].createElement("div", { className: styles$1a['date-input__left'], onClick: function () {
|
|
4493
4493
|
var _a;
|
|
4494
4494
|
(_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4495
4495
|
} }),
|
|
4496
4496
|
internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
|
|
4497
4497
|
[2, 4].includes(index) ? (
|
|
4498
4498
|
// include / separator in date (DD / MM / YYYY)
|
|
4499
|
-
React__default["default"].createElement("span", { className: [styles$
|
|
4500
|
-
React__default["default"].createElement("input", { className: styles$
|
|
4501
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4499
|
+
React__default["default"].createElement("span", { className: [styles$1a['date-input__separator'], value ? styles$1a['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
|
|
4500
|
+
React__default["default"].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" }))); }),
|
|
4501
|
+
React__default["default"].createElement("div", { className: styles$1a['date-input__right'], onClick: function () {
|
|
4502
4502
|
var _a;
|
|
4503
4503
|
(_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
4504
4504
|
} })));
|
|
4505
4505
|
};
|
|
4506
|
-
var DateInput = Component$
|
|
4506
|
+
var DateInput = Component$1l;
|
|
4507
4507
|
|
|
4508
4508
|
var style$A = {"divider":"mg_divider_divider_1vn87"};
|
|
4509
4509
|
|
|
4510
|
-
var Component$
|
|
4511
|
-
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b;
|
|
4512
|
-
var inlineStyle = direction == 'HORIZONTAL'
|
|
4510
|
+
var Component$1k = function (_a) {
|
|
4511
|
+
var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
|
|
4512
|
+
var inlineStyle = direction == 'HORIZONTAL'
|
|
4513
|
+
? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
|
|
4514
|
+
: { width: 1, margin: "0px ".concat(spacing, "px ") };
|
|
4513
4515
|
return React__default["default"].createElement("div", { style: inlineStyle, className: style$A.divider });
|
|
4514
4516
|
};
|
|
4515
4517
|
/**
|
|
4516
4518
|
* Atom UI Divider Component
|
|
4517
4519
|
*/
|
|
4518
|
-
var Divider = Component$
|
|
4520
|
+
var Divider = Component$1k;
|
|
4519
4521
|
|
|
4520
|
-
var styles$
|
|
4522
|
+
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"};
|
|
4521
4523
|
|
|
4522
|
-
var Component$
|
|
4524
|
+
var Component$1j = function (_a) {
|
|
4523
4525
|
var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
|
|
4524
4526
|
var TabLink = tabType === 'tabOption' ? url : '';
|
|
4525
|
-
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$
|
|
4526
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
4527
|
-
React__default["default"].createElement("p", { className: styles$
|
|
4528
|
-
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$
|
|
4529
|
-
React__default["default"].createElement("p", { className: styles$
|
|
4527
|
+
return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$19.headerTabComponent, "data-tab-type": "tabTitle" },
|
|
4528
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$19['headerTabComponent__count'] }),
|
|
4529
|
+
React__default["default"].createElement("p", { className: styles$19['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$19.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
|
|
4530
|
+
count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$19['headerTabComponent__count'] }),
|
|
4531
|
+
React__default["default"].createElement("p", { className: styles$19['headerTabComponent__text'] }, tabText)))));
|
|
4530
4532
|
};
|
|
4531
4533
|
/**
|
|
4532
4534
|
* UI Atom component for HeaderTab
|
|
4533
4535
|
*/
|
|
4534
|
-
var HeaderTab = Component$
|
|
4536
|
+
var HeaderTab = Component$1j;
|
|
4535
4537
|
|
|
4536
4538
|
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"};
|
|
4537
4539
|
|
|
@@ -4550,94 +4552,94 @@ var InputSearch = function (_a) {
|
|
|
4550
4552
|
React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
|
|
4551
4553
|
};
|
|
4552
4554
|
|
|
4553
|
-
var styles$
|
|
4555
|
+
var styles$18 = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
|
|
4554
4556
|
|
|
4555
|
-
var Component$
|
|
4557
|
+
var Component$1i = function (_a) {
|
|
4556
4558
|
var offerCompanyLogo = _a.offerCompanyLogo;
|
|
4557
4559
|
if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
|
|
4558
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4560
|
+
return (React__default["default"].createElement("div", { className: styles$18['magneto-ui-job-company-logo'] },
|
|
4559
4561
|
React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px' })));
|
|
4560
4562
|
}
|
|
4561
|
-
return React__default["default"].createElement("div", { className: styles$
|
|
4563
|
+
return React__default["default"].createElement("div", { className: styles$18['magneto-ui-job-company-logo'] }, offerCompanyLogo);
|
|
4562
4564
|
};
|
|
4563
4565
|
/**
|
|
4564
4566
|
* UI Atom component of Company Logo
|
|
4565
4567
|
*/
|
|
4566
|
-
var JobCompanyLogo = Component$
|
|
4568
|
+
var JobCompanyLogo = Component$1i;
|
|
4567
4569
|
|
|
4568
|
-
var styles$
|
|
4570
|
+
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"};
|
|
4569
4571
|
|
|
4570
|
-
var Component$
|
|
4572
|
+
var Component$1h = function (_a) {
|
|
4571
4573
|
var title = _a.title, styles = _a.styles;
|
|
4572
4574
|
return React__default["default"].createElement("h1", { className: styles }, title && title);
|
|
4573
4575
|
};
|
|
4574
4576
|
/**
|
|
4575
4577
|
* UI Children H1 Component for JobDetailsDrawer
|
|
4576
4578
|
*/
|
|
4577
|
-
var MainTitleJobDetails = Component$
|
|
4579
|
+
var MainTitleJobDetails = Component$1h;
|
|
4578
4580
|
|
|
4579
|
-
var Component$
|
|
4581
|
+
var Component$1g = function (_a) {
|
|
4580
4582
|
var title = _a.title, styles = _a.styles;
|
|
4581
4583
|
return React__default["default"].createElement("p", { className: styles }, title && title);
|
|
4582
4584
|
};
|
|
4583
4585
|
/**
|
|
4584
4586
|
* UI Children P Component for JobDetailsDrawer
|
|
4585
4587
|
*/
|
|
4586
|
-
var SubTitleJobDetails = Component$
|
|
4588
|
+
var SubTitleJobDetails = Component$1g;
|
|
4587
4589
|
|
|
4588
|
-
var Component$
|
|
4590
|
+
var Component$1f = function (_a) {
|
|
4589
4591
|
var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
|
|
4590
4592
|
var showCompanyName = React.useMemo(function () {
|
|
4591
4593
|
if (isHidden || !offerCompanyName)
|
|
4592
4594
|
return React__default["default"].createElement(React.Fragment, null);
|
|
4593
4595
|
if (offerCompanyLink) {
|
|
4594
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4596
|
+
return (React__default["default"].createElement("a", { className: styles$17['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
|
|
4595
4597
|
}
|
|
4596
|
-
return React__default["default"].createElement("h2", { className: styles$
|
|
4598
|
+
return React__default["default"].createElement("h2", { className: styles$17['magneto-ui-job-header__subtitle'] }, offerCompanyName);
|
|
4597
4599
|
}, [isHidden, offerCompanyLink, offerCompanyName]);
|
|
4598
4600
|
var GenerateTitle = function () {
|
|
4599
4601
|
if (typeTitle === TYPE_TITLE.SUB_TITLE)
|
|
4600
|
-
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$
|
|
4601
|
-
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$
|
|
4602
|
+
return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$17['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4603
|
+
return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$17['magneto-ui-job-header__title'], title: String(offerTitle) });
|
|
4602
4604
|
};
|
|
4603
|
-
return (React__default["default"].createElement("div", { className: styles$
|
|
4605
|
+
return (React__default["default"].createElement("div", { className: styles$17['magneto-ui-job-header'] },
|
|
4604
4606
|
GenerateTitle(),
|
|
4605
4607
|
showCompanyName));
|
|
4606
4608
|
};
|
|
4607
4609
|
/**
|
|
4608
4610
|
* UI Atom component of Job Header
|
|
4609
4611
|
*/
|
|
4610
|
-
var JobHeader = Component$
|
|
4612
|
+
var JobHeader = Component$1f;
|
|
4611
4613
|
|
|
4612
|
-
var styles$
|
|
4614
|
+
var styles$16 = {"linkComponent":"mg_link_linkComponent_1sftl"};
|
|
4613
4615
|
|
|
4614
|
-
var Component$
|
|
4616
|
+
var Component$1e = function (_a) {
|
|
4615
4617
|
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;
|
|
4616
4618
|
var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
|
|
4617
|
-
return (React__default["default"].createElement("a", { className: styles$
|
|
4619
|
+
return (React__default["default"].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 },
|
|
4618
4620
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4619
4621
|
!isMobile && React__default["default"].createElement("p", null, text)));
|
|
4620
4622
|
};
|
|
4621
4623
|
/**
|
|
4622
4624
|
* Atomic UI component for Link
|
|
4623
4625
|
*/
|
|
4624
|
-
var Link = Component$
|
|
4626
|
+
var Link = Component$1e;
|
|
4625
4627
|
|
|
4626
|
-
var styles
|
|
4628
|
+
var styles$15 = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
|
|
4627
4629
|
|
|
4628
|
-
var Component$
|
|
4630
|
+
var Component$1d = function (_a) {
|
|
4629
4631
|
var loadingIcon = _a.loadingIcon;
|
|
4630
|
-
return (React__default["default"].createElement("div", { className: styles
|
|
4632
|
+
return (React__default["default"].createElement("div", { className: styles$15.loadingComponent },
|
|
4631
4633
|
React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
|
|
4632
4634
|
};
|
|
4633
4635
|
/**
|
|
4634
4636
|
* Atom UI component of loading icon for general purpose
|
|
4635
4637
|
*/
|
|
4636
|
-
var Loading = Component$
|
|
4638
|
+
var Loading = Component$1d;
|
|
4637
4639
|
|
|
4638
4640
|
var style$y = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
|
|
4639
4641
|
|
|
4640
|
-
var Component$
|
|
4642
|
+
var Component$1c = function (_a) {
|
|
4641
4643
|
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;
|
|
4642
4644
|
var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
|
|
4643
4645
|
var handleError = function () {
|
|
@@ -4649,11 +4651,11 @@ var Component$16 = function (_a) {
|
|
|
4649
4651
|
return null;
|
|
4650
4652
|
return (React__default["default"].createElement("img", { className: style$y[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
|
|
4651
4653
|
};
|
|
4652
|
-
var LogoComponent = Component$
|
|
4654
|
+
var LogoComponent = Component$1c;
|
|
4653
4655
|
|
|
4654
|
-
var styles$
|
|
4656
|
+
var styles$14 = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
|
|
4655
4657
|
|
|
4656
|
-
var Component$
|
|
4658
|
+
var Component$1b = function (_a) {
|
|
4657
4659
|
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;
|
|
4658
4660
|
var stylesValue = React.useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
|
|
4659
4661
|
var renderContent = function () {
|
|
@@ -4666,56 +4668,56 @@ var Component$15 = function (_a) {
|
|
|
4666
4668
|
iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
|
|
4667
4669
|
!isMobile && React__default["default"].createElement("p", null, buttonText)));
|
|
4668
4670
|
};
|
|
4669
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4671
|
+
return (React__default["default"].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()));
|
|
4670
4672
|
};
|
|
4671
4673
|
/**
|
|
4672
4674
|
* Atom UI component of button for general purpose
|
|
4673
4675
|
*/
|
|
4674
|
-
var MainButton = Component$
|
|
4676
|
+
var MainButton = Component$1b;
|
|
4675
4677
|
|
|
4676
|
-
var styles$
|
|
4678
|
+
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"};
|
|
4677
4679
|
|
|
4678
|
-
var styles$
|
|
4680
|
+
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"};
|
|
4679
4681
|
|
|
4680
|
-
var Component$
|
|
4682
|
+
var Component$1a = function (_a) {
|
|
4681
4683
|
var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
|
|
4682
|
-
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$
|
|
4683
|
-
React__default["default"].createElement("p", { className: styles$
|
|
4684
|
+
return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$12['magneto-ui--search-item']), href: url },
|
|
4685
|
+
React__default["default"].createElement("p", { className: styles$12['magneto-ui--search-item__text'] }, tag),
|
|
4684
4686
|
React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
|
|
4685
4687
|
};
|
|
4686
4688
|
/**
|
|
4687
4689
|
* UI Atom component of Search Item
|
|
4688
4690
|
*/
|
|
4689
|
-
var SearchItem = Component$
|
|
4691
|
+
var SearchItem = Component$1a;
|
|
4690
4692
|
|
|
4691
4693
|
var MegaMenuTab = function (_a) {
|
|
4692
4694
|
var label = _a.label, selected = _a.selected, url = _a.url;
|
|
4693
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4694
|
-
React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: "".concat(selected ? '' : ArrowDown2), className: "".concat(styles$
|
|
4695
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$13["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$13["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
|
|
4696
|
+
React__default["default"].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")] : '') })));
|
|
4695
4697
|
};
|
|
4696
4698
|
|
|
4697
|
-
var styles$
|
|
4699
|
+
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"};
|
|
4698
4700
|
|
|
4699
|
-
var Component$
|
|
4701
|
+
var Component$19 = function (_a) {
|
|
4700
4702
|
var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
|
|
4701
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4703
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$11, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
|
|
4702
4704
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4703
|
-
styles: styles$
|
|
4705
|
+
styles: styles$11,
|
|
4704
4706
|
cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
|
|
4705
4707
|
}) },
|
|
4706
4708
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4707
|
-
styles: styles$
|
|
4709
|
+
styles: styles$11,
|
|
4708
4710
|
cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
|
|
4709
4711
|
}) }, children))));
|
|
4710
4712
|
};
|
|
4711
4713
|
/**
|
|
4712
4714
|
* Atom UI child component of menu dropdown
|
|
4713
4715
|
*/
|
|
4714
|
-
var MenuDropdownList = Component$
|
|
4716
|
+
var MenuDropdownList = Component$19;
|
|
4715
4717
|
|
|
4716
|
-
var styles$
|
|
4718
|
+
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"};
|
|
4717
4719
|
|
|
4718
|
-
var Component$
|
|
4720
|
+
var Component$18 = function (_a) {
|
|
4719
4721
|
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;
|
|
4720
4722
|
var _e = React.useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
|
|
4721
4723
|
var toggleOptions = React.useCallback(function () {
|
|
@@ -4730,13 +4732,13 @@ var Component$12 = function (_a) {
|
|
|
4730
4732
|
var handleButtonClick = React.useCallback(function (e) {
|
|
4731
4733
|
e.stopPropagation();
|
|
4732
4734
|
}, []);
|
|
4733
|
-
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4734
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4735
|
-
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$
|
|
4735
|
+
return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
|
|
4736
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown__content'] }) },
|
|
4737
|
+
React__default["default"].createElement("div", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown__container'] }) },
|
|
4736
4738
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4737
|
-
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4739
|
+
React__default["default"].createElement("span", { className: CNM.get({ styles: styles$10, cls: ['menu-dropdown__title'] }) }, title),
|
|
4738
4740
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4739
|
-
styles: styles$
|
|
4741
|
+
styles: styles$10,
|
|
4740
4742
|
cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
|
|
4741
4743
|
}) },
|
|
4742
4744
|
React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
|
|
@@ -4746,7 +4748,7 @@ var Component$12 = function (_a) {
|
|
|
4746
4748
|
/**
|
|
4747
4749
|
* Atom UI component of menu dropdown
|
|
4748
4750
|
*/
|
|
4749
|
-
var MenuDropdown = Component$
|
|
4751
|
+
var MenuDropdown = Component$18;
|
|
4750
4752
|
|
|
4751
4753
|
var style$x = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
|
|
4752
4754
|
|
|
@@ -4759,7 +4761,7 @@ var MenuItem = function (_a) {
|
|
|
4759
4761
|
React__default["default"].createElement("p", null, text))));
|
|
4760
4762
|
};
|
|
4761
4763
|
|
|
4762
|
-
var styles
|
|
4764
|
+
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"};
|
|
4763
4765
|
|
|
4764
4766
|
var MultiRangeSlider = function (_a) {
|
|
4765
4767
|
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;
|
|
@@ -4817,36 +4819,36 @@ var MultiRangeSlider = function (_a) {
|
|
|
4817
4819
|
var handleMouseUpValues = React.useCallback(function () {
|
|
4818
4820
|
onChange({ min: minVal, max: maxVal });
|
|
4819
4821
|
}, [minVal, maxVal, onChange]);
|
|
4820
|
-
return (React__default["default"].createElement("div", { className: styles
|
|
4822
|
+
return (React__default["default"].createElement("div", { className: styles$$.container },
|
|
4821
4823
|
React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4822
4824
|
var value = Math.min(+event.target.value, maxVal - 1);
|
|
4823
4825
|
setMinVal(value);
|
|
4824
4826
|
event.target.value = value.toString();
|
|
4825
|
-
}, className: "\n ".concat(styles
|
|
4827
|
+
}, className: "\n ".concat(styles$$.thumb, " \n ").concat(styles$$.zIndex_3, " \n ").concat(minVal > max - 100 ? styles$$.zIndex_5 : '', "\n ") }),
|
|
4826
4828
|
React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
|
|
4827
4829
|
var value = Math.max(+event.target.value, minVal + 1);
|
|
4828
4830
|
setMaxVal(value);
|
|
4829
4831
|
event.target.value = value.toString();
|
|
4830
|
-
}, className: "".concat(styles
|
|
4831
|
-
React__default["default"].createElement("div", { style: { width: size }, className: styles
|
|
4832
|
-
React__default["default"].createElement("div", { className: styles
|
|
4833
|
-
React__default["default"].createElement("div", { ref: range, className: styles
|
|
4834
|
-
showValues && (React__default["default"].createElement("div", { className: styles
|
|
4835
|
-
React__default["default"].createElement("div", { className: styles
|
|
4836
|
-
React__default["default"].createElement("div", { className: styles
|
|
4832
|
+
}, className: "".concat(styles$$.thumb, " ").concat(styles$$.zIndex_4) }),
|
|
4833
|
+
React__default["default"].createElement("div", { style: { width: size }, className: styles$$.slider },
|
|
4834
|
+
React__default["default"].createElement("div", { className: styles$$.track }),
|
|
4835
|
+
React__default["default"].createElement("div", { ref: range, className: styles$$.range }),
|
|
4836
|
+
showValues && (React__default["default"].createElement("div", { className: styles$$.values },
|
|
4837
|
+
React__default["default"].createElement("div", { className: styles$$.left_value }, hasCurrency),
|
|
4838
|
+
React__default["default"].createElement("div", { className: styles$$.right_value }, maxVal.toLocaleString()))))));
|
|
4837
4839
|
};
|
|
4838
4840
|
|
|
4839
|
-
var styles$
|
|
4841
|
+
var styles$_ = {"content":"mg_paragraph_content_1mtnz"};
|
|
4840
4842
|
|
|
4841
|
-
var Component$
|
|
4843
|
+
var Component$17 = function (_a) {
|
|
4842
4844
|
var paragraph = _a.paragraph;
|
|
4843
|
-
return React__default["default"].createElement("p", { className: styles$
|
|
4845
|
+
return React__default["default"].createElement("p", { className: styles$_.content }, paragraph);
|
|
4844
4846
|
};
|
|
4845
|
-
var Paragraph = React.memo(Component$
|
|
4847
|
+
var Paragraph = React.memo(Component$17);
|
|
4846
4848
|
|
|
4847
4849
|
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"};
|
|
4848
4850
|
|
|
4849
|
-
var Component$
|
|
4851
|
+
var Component$16 = function (_a) {
|
|
4850
4852
|
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;
|
|
4851
4853
|
var showMenu = show ? 'show' : 'hidden';
|
|
4852
4854
|
var staticContentClass = staticContent ? style$w['static-content'] : '';
|
|
@@ -4868,7 +4870,7 @@ var Component$10 = function (_a) {
|
|
|
4868
4870
|
* Atom Ui component of popover
|
|
4869
4871
|
*
|
|
4870
4872
|
*/
|
|
4871
|
-
var Popover = Component$
|
|
4873
|
+
var Popover = Component$16;
|
|
4872
4874
|
|
|
4873
4875
|
exports.ERadioType = void 0;
|
|
4874
4876
|
(function (ERadioType) {
|
|
@@ -4876,12 +4878,12 @@ exports.ERadioType = void 0;
|
|
|
4876
4878
|
ERadioType["button"] = "button";
|
|
4877
4879
|
})(exports.ERadioType || (exports.ERadioType = {}));
|
|
4878
4880
|
|
|
4879
|
-
var styles$
|
|
4881
|
+
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"};
|
|
4880
4882
|
|
|
4881
|
-
var Component
|
|
4883
|
+
var Component$15 = function (_a) {
|
|
4882
4884
|
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;
|
|
4883
4885
|
return (React__default["default"].createElement("label", { className: CNM.get({
|
|
4884
|
-
styles: styles$
|
|
4886
|
+
styles: styles$Z,
|
|
4885
4887
|
cls: [
|
|
4886
4888
|
'radio-button',
|
|
4887
4889
|
(checked || defaultChecked) && 'radio-button--checked',
|
|
@@ -4891,34 +4893,34 @@ var Component$$ = function (_a) {
|
|
|
4891
4893
|
}), htmlFor: id },
|
|
4892
4894
|
prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
|
|
4893
4895
|
React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
|
|
4894
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4896
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Z, cls: ['radio-button__children', childrenClassName] }) }, children)),
|
|
4895
4897
|
suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
|
|
4896
4898
|
};
|
|
4897
4899
|
/**
|
|
4898
4900
|
* Atom UI component of radio button
|
|
4899
4901
|
*/
|
|
4900
|
-
var RadioButton = Component
|
|
4902
|
+
var RadioButton = Component$15;
|
|
4901
4903
|
|
|
4902
|
-
var styles$
|
|
4904
|
+
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"};
|
|
4903
4905
|
|
|
4904
|
-
var Component$
|
|
4906
|
+
var Component$14 = function (_a) {
|
|
4905
4907
|
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;
|
|
4906
|
-
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$
|
|
4908
|
+
return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$Y, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
|
|
4907
4909
|
React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
|
|
4908
4910
|
React__default["default"].createElement("div", { className: CNM.get({
|
|
4909
|
-
styles: styles$
|
|
4911
|
+
styles: styles$Y,
|
|
4910
4912
|
cls: [
|
|
4911
4913
|
'radio-default__indicator',
|
|
4912
4914
|
(checked || defaultChecked) && 'radio-default__indicator--checked',
|
|
4913
4915
|
indicatorClassName
|
|
4914
4916
|
]
|
|
4915
4917
|
}) }),
|
|
4916
|
-
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$
|
|
4918
|
+
children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$Y, cls: ['radio-default-label', childrenClassName] }) }, children))));
|
|
4917
4919
|
};
|
|
4918
4920
|
/**
|
|
4919
4921
|
* Molecule UI component for radio default
|
|
4920
4922
|
*/
|
|
4921
|
-
var RadioDefault = Component$
|
|
4923
|
+
var RadioDefault = Component$14;
|
|
4922
4924
|
|
|
4923
4925
|
var _a;
|
|
4924
4926
|
var radioTypes = (_a = {},
|
|
@@ -4927,7 +4929,7 @@ var radioTypes = (_a = {},
|
|
|
4927
4929
|
_a);
|
|
4928
4930
|
var getRadioComponent = function (type) { return radioTypes[type]; };
|
|
4929
4931
|
|
|
4930
|
-
var Component$
|
|
4932
|
+
var Component$13 = function (_a) {
|
|
4931
4933
|
var type = _a.type, props = __rest(_a, ["type"]);
|
|
4932
4934
|
var RadioType = React.useMemo(function () { return getRadioComponent(exports.ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
|
|
4933
4935
|
if (!RadioType)
|
|
@@ -4937,39 +4939,39 @@ var Component$Z = function (_a) {
|
|
|
4937
4939
|
/**
|
|
4938
4940
|
* Atom UI component of radio
|
|
4939
4941
|
*/
|
|
4940
|
-
var Radio = Component$
|
|
4942
|
+
var Radio = Component$13;
|
|
4941
4943
|
|
|
4942
|
-
var styles$
|
|
4944
|
+
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"};
|
|
4943
4945
|
|
|
4944
|
-
var Component$
|
|
4946
|
+
var Component$12 = function (_a) {
|
|
4945
4947
|
var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
|
|
4946
|
-
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4947
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4948
|
+
return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$X['magneto-ui-save-button'], " ").concat(addHover && styles$X['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
|
|
4949
|
+
React__default["default"].createElement("div", { className: styles$X['button-content'] },
|
|
4948
4950
|
React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
|
|
4949
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4951
|
+
buttonText && React__default["default"].createElement("p", { className: styles$X['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
|
|
4950
4952
|
};
|
|
4951
4953
|
/**
|
|
4952
4954
|
* UI Atom Component of Save Button
|
|
4953
4955
|
*/
|
|
4954
|
-
var SaveButton = Component$
|
|
4956
|
+
var SaveButton = Component$12;
|
|
4955
4957
|
|
|
4956
|
-
var styles$
|
|
4958
|
+
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"};
|
|
4957
4959
|
|
|
4958
|
-
var Component$
|
|
4960
|
+
var Component$11 = function (_a) {
|
|
4959
4961
|
var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
|
|
4960
4962
|
var handleCopyClick = function () {
|
|
4961
4963
|
if (detailUrl) {
|
|
4962
4964
|
navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
|
|
4963
4965
|
}
|
|
4964
4966
|
};
|
|
4965
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
4966
|
-
React__default["default"].createElement("div", { className: styles$
|
|
4967
|
+
return (React__default["default"].createElement("button", { className: "".concat(styles$W['magneto-ui-share-button'], " ").concat(addHover && styles$W['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
|
|
4968
|
+
React__default["default"].createElement("div", { className: styles$W['button-content'] },
|
|
4967
4969
|
React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
|
|
4968
|
-
buttonText && React__default["default"].createElement("p", { className: styles$
|
|
4970
|
+
buttonText && React__default["default"].createElement("p", { className: styles$W['magneto-ui-share-button__mobile-text'] }, buttonText))));
|
|
4969
4971
|
};
|
|
4970
|
-
var ShareButton = Component$
|
|
4972
|
+
var ShareButton = Component$11;
|
|
4971
4973
|
|
|
4972
|
-
var styles$
|
|
4974
|
+
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"};
|
|
4973
4975
|
|
|
4974
4976
|
var Switch = function (_a) {
|
|
4975
4977
|
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;
|
|
@@ -4983,10 +4985,10 @@ var Switch = function (_a) {
|
|
|
4983
4985
|
setChecked(function (state) { return !state; });
|
|
4984
4986
|
setIsActive(!isActive);
|
|
4985
4987
|
}, [isDisabled, setIsActive, isActive]);
|
|
4986
|
-
return (React__default["default"].createElement("div", { className: "".concat(styles$
|
|
4987
|
-
React__default["default"].createElement("label", { className: styles$
|
|
4988
|
+
return (React__default["default"].createElement("div", { className: "".concat(styles$V['magneto-ui-switch_container'], " ").concat(className) },
|
|
4989
|
+
React__default["default"].createElement("label", { className: styles$V['magneto-ui-switch'] },
|
|
4988
4990
|
React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
|
|
4989
|
-
React__default["default"].createElement("span", { className: "".concat(styles$
|
|
4991
|
+
React__default["default"].createElement("span", { className: "".concat(styles$V['magneto-ui-slider'], " ").concat(styles$V['magneto-ui-round']) })),
|
|
4990
4992
|
title && React__default["default"].createElement("p", null, title)));
|
|
4991
4993
|
};
|
|
4992
4994
|
|
|
@@ -4999,9 +5001,9 @@ var Tags = function (_a) {
|
|
|
4999
5001
|
React__default["default"].createElement(IconItem, { icon: icon, alt: "tag-icon" })));
|
|
5000
5002
|
};
|
|
5001
5003
|
|
|
5002
|
-
var styles$
|
|
5004
|
+
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"};
|
|
5003
5005
|
|
|
5004
|
-
var Component$
|
|
5006
|
+
var Component$10 = function (_a) {
|
|
5005
5007
|
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;
|
|
5006
5008
|
var isColorDark = function (color) {
|
|
5007
5009
|
var hex = color.replace('#', '');
|
|
@@ -5032,20 +5034,20 @@ var Component$W = function (_a) {
|
|
|
5032
5034
|
color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
|
|
5033
5035
|
};
|
|
5034
5036
|
}, [baseColor, color, currentSelect]);
|
|
5035
|
-
return (React__default["default"].createElement("button", { className: "".concat(styles$
|
|
5036
|
-
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$
|
|
5037
|
+
return (React__default["default"].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" },
|
|
5038
|
+
customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$U["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$U['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
|
|
5037
5039
|
name));
|
|
5038
5040
|
};
|
|
5039
|
-
var ToggleButton = Component$
|
|
5041
|
+
var ToggleButton = Component$10;
|
|
5040
5042
|
|
|
5041
|
-
var styles$
|
|
5043
|
+
var styles$T = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
|
|
5042
5044
|
|
|
5043
|
-
var Component
|
|
5045
|
+
var Component$$ = function (_a) {
|
|
5044
5046
|
var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
|
|
5045
5047
|
var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
|
|
5046
5048
|
sm: null
|
|
5047
5049
|
});
|
|
5048
|
-
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$
|
|
5050
|
+
return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$T, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
|
|
5049
5051
|
React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
|
|
5050
5052
|
userInfo,
|
|
5051
5053
|
React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
|
|
@@ -5053,7 +5055,7 @@ var Component$V = function (_a) {
|
|
|
5053
5055
|
/**
|
|
5054
5056
|
* Atom UI component of user menu button analyst
|
|
5055
5057
|
*/
|
|
5056
|
-
var UserMenuButtonAnalyst = Component
|
|
5058
|
+
var UserMenuButtonAnalyst = Component$$;
|
|
5057
5059
|
|
|
5058
5060
|
var style$u = {"alphabet-filter":"mg_alphabet_filter_alphabet-filter_ur2s8","alphabet-filter__title":"mg_alphabet_filter_alphabet-filter_title_ur2s8"};
|
|
5059
5061
|
|
|
@@ -5066,6 +5068,66 @@ var AlphabetFilter = function (_a) {
|
|
|
5066
5068
|
React__default["default"].createElement(FilterActions, __assign({ allAction: allActionText, onClickAction: onClickAction }, { filtersRef: filtersRef }))));
|
|
5067
5069
|
};
|
|
5068
5070
|
|
|
5071
|
+
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"};
|
|
5072
|
+
|
|
5073
|
+
var cx$u = classNames.bind(styles$S);
|
|
5074
|
+
var Component$_ = function (_a) {
|
|
5075
|
+
var _b = _a.aligned, aligned = _b === void 0 ? 'start' : _b, className = _a.className, children = _a.children;
|
|
5076
|
+
return React__default["default"].createElement("div", { className: cx$u('section-summary', aligned, className) }, children);
|
|
5077
|
+
};
|
|
5078
|
+
var ApplicationSection = Component$_;
|
|
5079
|
+
|
|
5080
|
+
var styles$R = {"title-summary":"mg_application_title_title-summary_opa1s"};
|
|
5081
|
+
|
|
5082
|
+
var cx$t = classNames.bind(styles$R);
|
|
5083
|
+
var Component$Z = function (_a) {
|
|
5084
|
+
var children = _a.children, className = _a.className;
|
|
5085
|
+
return React__default["default"].createElement("div", { className: cx$t('title-summary', className) }, children);
|
|
5086
|
+
};
|
|
5087
|
+
var ApplicationTitle = Component$Z;
|
|
5088
|
+
|
|
5089
|
+
var styles$Q = {"subtitle-summary":"mg_application_sub_title_subtitle-summary_1qgmh"};
|
|
5090
|
+
|
|
5091
|
+
var cx$s = classNames.bind(styles$Q);
|
|
5092
|
+
var Component$Y = function (_a) {
|
|
5093
|
+
var children = _a.children, className = _a.className;
|
|
5094
|
+
return React__default["default"].createElement("div", { className: cx$s('subtitle-summary', className) }, children);
|
|
5095
|
+
};
|
|
5096
|
+
var ApplicationSubtitle = Component$Y;
|
|
5097
|
+
|
|
5098
|
+
var styles$P = {"button-summary":"mg_application_button_button-summary_cc5lv","primary":"mg_application_button_primary_cc5lv","secondary":"mg_application_button_secondary_cc5lv"};
|
|
5099
|
+
|
|
5100
|
+
var cx$r = classNames.bind(styles$P);
|
|
5101
|
+
var Component$X = function (_a) {
|
|
5102
|
+
var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b, props = __rest(_a, ["className", "children", "variant"]);
|
|
5103
|
+
return (React__default["default"].createElement("button", __assign({}, props, { className: cx$r('button-summary', variant, className) }), children));
|
|
5104
|
+
};
|
|
5105
|
+
var ApplicationButton = Component$X;
|
|
5106
|
+
|
|
5107
|
+
var styles$O = {"text-summary":"mg_application_text_text-summary_bvtna"};
|
|
5108
|
+
|
|
5109
|
+
var cx$q = classNames.bind(styles$O);
|
|
5110
|
+
var Component$W = function (_a) {
|
|
5111
|
+
var children = _a.children, className = _a.className;
|
|
5112
|
+
return React__default["default"].createElement("p", { className: cx$q('text-summary', className) }, children);
|
|
5113
|
+
};
|
|
5114
|
+
var ApplicationText = Component$W;
|
|
5115
|
+
|
|
5116
|
+
var styles$N = {"summary-modal":"mg_application_summary_summary-modal_17gu5"};
|
|
5117
|
+
|
|
5118
|
+
var cx$p = classNames.bind(styles$N);
|
|
5119
|
+
var Component$V = function (_a) {
|
|
5120
|
+
var children = _a.children, props = __rest(_a, ["children"]);
|
|
5121
|
+
return (React__default["default"].createElement(ModalResponsive, __assign({ modalClassName: cx$p('summary-modal'), mobileDrawerClassName: cx$p('summary-drawer') }, props), children));
|
|
5122
|
+
};
|
|
5123
|
+
var ApplicationSummary = Object.assign(Component$V, {
|
|
5124
|
+
Section: ApplicationSection,
|
|
5125
|
+
Title: ApplicationTitle,
|
|
5126
|
+
SubTitle: ApplicationSubtitle,
|
|
5127
|
+
Button: ApplicationButton,
|
|
5128
|
+
Text: ApplicationText
|
|
5129
|
+
});
|
|
5130
|
+
|
|
5069
5131
|
var BrandMenu = function (_a) {
|
|
5070
5132
|
var brandsProps = _a.brandsProps, companyLogo = _a.companyLogo, companySlug = _a.companySlug;
|
|
5071
5133
|
var brandMenuprops = {
|
|
@@ -6736,7 +6798,7 @@ var OneSelectionEntry = function (_a) {
|
|
|
6736
6798
|
React__default["default"].createElement(ContainerOptions, { responsiveMenu: responsiveMenu, dropDownTitle: dropDownTitleSelection, addValue: addValue, listOptions: localListOptions, selectedValue: localSelectedValue })));
|
|
6737
6799
|
};
|
|
6738
6800
|
|
|
6739
|
-
var styles$t = {"processes-text-common":"mg_processes_card_processes-text-
|
|
6801
|
+
var styles$t = {"processes-text-common":"mg_processes_card_processes-text-common_1xn5n","processes-card__text":"mg_processes_card_processes-card_text_1xn5n","processes-card__title":"mg_processes_card_processes-card_title_1xn5n","processes-text-status--Sent":"mg_processes_card_processes-text-status--Sent_1xn5n","processes-text-status--Hired":"mg_processes_card_processes-text-status--Hired_1xn5n","processes-text-status--Pending":"mg_processes_card_processes-text-status--Pending_1xn5n","processes-text-status--Finalists":"mg_processes_card_processes-text-status--Finalists_1xn5n","processes-text-status--Discarded":"mg_processes_card_processes-text-status--Discarded_1xn5n","processes-text-status--Validation":"mg_processes_card_processes-text-status--Validation_1xn5n","processes-card":"mg_processes_card_processes-card_1xn5n","processes-card--is-selected":"mg_processes_card_processes-card--is-selected_1xn5n","processes-card__section":"mg_processes_card_processes-card_section_1xn5n","processes-card__arrow-left":"mg_processes_card_processes-card_arrow-left_1xn5n","processes-card__status-card--Sent":"mg_processes_card_processes-card_status-card--Sent_1xn5n","processes-card__status-card--Hired":"mg_processes_card_processes-card_status-card--Hired_1xn5n","processes-card__status-card--Pending":"mg_processes_card_processes-card_status-card--Pending_1xn5n","processes-card__status-card--Finalists":"mg_processes_card_processes-card_status-card--Finalists_1xn5n","processes-card__status-card--Discarded":"mg_processes_card_processes-card_status-card--Discarded_1xn5n","processes-card__status-card--Validation":"mg_processes_card_processes-card_status-card--Validation_1xn5n","processes-card__status-card--is-selected":"mg_processes_card_processes-card_status-card--is-selected_1xn5n","processes-card__status-card":"mg_processes_card_processes-card_status-card_1xn5n","processes-card__brand":"mg_processes_card_processes-card_brand_1xn5n","processes-card__text--strong":"mg_processes_card_processes-card_text--strong_1xn5n","processes-card__icon-status":"mg_processes_card_processes-card_icon-status_1xn5n"};
|
|
6740
6802
|
|
|
6741
6803
|
var cx$o = classNames.bind(styles$t);
|
|
6742
6804
|
var Component$z = function (_a) {
|
|
@@ -7254,7 +7316,7 @@ var Component$g = function (_a) {
|
|
|
7254
7316
|
};
|
|
7255
7317
|
var UserTermCheck = Component$g;
|
|
7256
7318
|
|
|
7257
|
-
var styles$h = {"user-term-content":"mg_user_term_content_user-term-
|
|
7319
|
+
var styles$h = {"user-term-content":"mg_user_term_content_user-term-content_7556y"};
|
|
7258
7320
|
|
|
7259
7321
|
var cx$a = classNames.bind(styles$h);
|
|
7260
7322
|
var Component$f = function (_a) {
|
|
@@ -8081,6 +8143,11 @@ exports.AlertJobStatusContainer = AlertJobStatusContainer;
|
|
|
8081
8143
|
exports.AlertJobStatusIcon = AlertJobStatusIcon;
|
|
8082
8144
|
exports.AlphabetFilter = AlphabetFilter;
|
|
8083
8145
|
exports.AnalystTemplate = AnalystTemplate;
|
|
8146
|
+
exports.ApplicationButton = ApplicationButton;
|
|
8147
|
+
exports.ApplicationSubtitle = ApplicationSubtitle;
|
|
8148
|
+
exports.ApplicationSummary = ApplicationSummary;
|
|
8149
|
+
exports.ApplicationText = ApplicationText;
|
|
8150
|
+
exports.ApplicationTitle = ApplicationTitle;
|
|
8084
8151
|
exports.Avatar = Avatar;
|
|
8085
8152
|
exports.Badge = Badge;
|
|
8086
8153
|
exports.BarLoader = BarLoader;
|