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